@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body, button, input, textarea {
color: #43454b;
font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.618;
text-rendering: optimizeLegibility;
font-weight: 400;
}
select {
color: initial;
font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
max-width: 100%;
}
summary {
display: list-item;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 300;
margin: 0 0 0.5407911001em;
color: #131315;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: 300;
}
h1, .alpha {
font-size: 2.617924em;
line-height: 1.214;
letter-spacing: -1px;
}
h2, .beta {
font-size: 2em;
line-height: 1.214;
}
h2 + h3, .beta + h3 {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 0.5407911001em;
}
h3, .gamma {
font-size: 1.618em;
}
h4, .delta {
font-size: 1.41575em;
}
.alpha, .beta, .gamma, .delta {
display: block;
}
p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 {
margin-top: 2.2906835em;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1.41575em;
}
p {
margin: 0 0 1.41575em;
}
ul, ol {
margin: 0 0 1.41575em 3em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin-bottom: 0;
margin-left: 1em;
}
dt {
font-weight: 600;
}
dd {
margin: 0 0 1.618em;
}
b, strong {
font-weight: 600;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
padding: 0 1em;
border-left: 3px solid rgba(0, 0, 0, 0.05);
font-style: italic;
}
address {
margin: 0 0 1.41575em;
}
pre {
background: rgba(0, 0, 0, 0.1);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.618em;
padding: 1.618em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: rgba(0, 0, 0, 0.05);
padding: 0.202em 0.5407911001em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
text-decoration: none;
font-weight: 600;
background: rgba(0, 0, 0, 0);
}
sup, sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
img {
height: auto;
max-width: 100%;
display: block;
border-radius: 3px;
}
a {
color: #2c2d33;
text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus {
outline: 2px solid #7f54b3;
}
.storefront-cute * {
font-family: "Comic Sans MS", sans-serif;
}
* {
box-sizing: border-box;
}
body {
background-color: #fff;
overflow-x: hidden;
}
.site {
overflow-x: hidden;
}
.site-content, .header-widget-region {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-header {
background-color: #2c2d33;
padding-top: 1.618em;
padding-bottom: 1.618em;
color: #9aa0a7;
background-position: center center;
position: relative;
z-index: 999;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
display: block;
margin-bottom: 0;
}
.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
width: 100%;
max-width: 210px;
}
.site-header .widget {
margin-bottom: 0;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb .site-header {
margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb.page-template-template-homepage .site-header {
margin-bottom: 0;
}
.header-widget-region {
position: relative;
z-index: 99;
}
.header-widget-region::before, .header-widget-region::after {
content: "";
display: table;
}
.header-widget-region::after {
clear: both;
}
.header-widget-region .widget {
margin: 0;
padding: 1em 0;
font-size: 0.875em;
}
.site-branding {
float: left;
margin-bottom: 0;
width: calc(100% - 120px);
}
.site-branding .site-title {
font-size: 2em;
letter-spacing: -1px;
margin: 0;
}
.site-branding .site-title a {
font-weight: 700;
}
.site-branding .site-description {
font-size: 0.875em;
display: none;
}
.site-branding .logo {
margin: 0;
}
.site-main {
margin-bottom: 2.617924em;
}
.site-content {
outline: none;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
padding-top: 4.235801032em;
}
.page-template-template-homepage .type-page {
padding-top: 2.617924em;
padding-bottom: 2.617924em;
position: relative;
}
.page-template-template-homepage .type-page .storefront-hero__button-edit {
position: absolute;
top: 1em;
right: 1em;
font-size: 0.875em;
}
.page-template-template-homepage .entry-content {
font-size: 1.1em;
}
.page-template-template-homepage .entry-content p:last-child {
margin-bottom: 0;
}
.page-template-template-homepage .entry-header h1 {
font-size: 3.706325903em;
margin-bottom: 0.2360828548em;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
max-width: 41.0994671405em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
background-size: cover;
background-position: center center;
padding-top: 6.8535260698em;
padding-bottom: 6.8535260698em;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
opacity: 0;
transition: all, ease, 0.5s;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded, .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
opacity: 1;
}
.site-footer {
background-color: #f3f3f3;
color: #3b3c3f;
padding: 1.618em 0 3.706325903em;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
color: #333437;
}
.site-footer a {
color: #2c2d33;
text-decoration: underline;
}
.site-footer a:hover {
text-decoration: none;
}
.site-footer a.button, .site-footer a.components-button:not(.is-link), .site-footer a.wp-block-button__link {
text-decoration: none;
}
.site-info {
padding: 2.617924em 0;
}
.site-info span[role=separator] {
padding: 0 0.2360828548em 0 0.3342343017em;
}
.site-info span[role=separator]::before {
content: "|";
}
.alignleft {
display: inline;
float: left;
margin-right: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-weight: 700;
height: auto;
left: 0;
line-height: normal;
padding: 1em 1.618em;
text-decoration: none;
top: 0;
width: auto;
z-index: 100000;
outline: none;
}
.screen-reader-text.skip-link:focus {
clip-path: none;
}
.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
content: "";
display: table;
}
.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after {
clear: both;
}
table {
border-spacing: 0;
width: 100%;
margin: 0 0 1.41575em;
border-collapse: separate;
}
table caption {
padding: 1em 0;
font-weight: 600;
}
table td, table th {
padding: 1em 1.41575em;
text-align: left;
vertical-align: top;
}
table td p:last-child, table th p:last-child {
margin-bottom: 0;
}
table th {
font-weight: 600;
}
table thead th {
padding: 1.41575em;
vertical-align: middle;
}
table tbody h2 {
font-size: 1em;
letter-spacing: normal;
font-weight: 400;
}
table tbody h2 a {
font-weight: 400;
}
.error404 .site-content .widget_product_search {
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.025);
}
.error404 .site-content .widget_product_search form {
margin: 0;
}
.error404.right-sidebar .content-area, .error404.left-sidebar .content-area {
width: 100%;
}
.error404 .fourohfour-columns-2 {
padding: 2.617924em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
margin-bottom: 2.617924em;
}
.error404 .fourohfour-columns-2::before, .error404 .fourohfour-columns-2::after {
content: "";
display: table;
}
.error404 .fourohfour-columns-2::after {
clear: both;
}
.error404 .fourohfour-columns-2 ul.products li.product, .error404 .fourohfour-columns-2 .widget {
margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 2.2906835em;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
margin-right: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.025);
}
#comments {
padding-top: 2.617924em;
}
#comments .comments-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 0.5407911001em;
margin-bottom: 1.618em;
}
#comments .comment-list {
list-style: none;
margin-left: 0;
}
#comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after {
content: "";
display: table;
}
#comments .comment-list .comment-body::after {
clear: both;
}
#comments .comment-list .comment-content {
padding-bottom: 1.618em;
margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
padding: 1.618em;
border-radius: 3px;
}
#comments .comment-list .comment-content .comment-text p:last-child {
margin-bottom: 0;
}
#comments .comment-list .comment-meta {
margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
margin-bottom: 1em;
max-width: 64px;
height: auto;
}
#comments .comment-list .comment-meta a.comment-date {
font-size: 0.875em;
}
#comments .comment-list .comment-meta cite {
font-style: normal;
clear: both;
display: block;
}
#comments .comment-list .reply {
margin-bottom: 1.618em;
padding-top: 0.6180469716em;
}
#comments .comment-list .reply::before, #comments .comment-list .reply::after {
content: "";
display: table;
}
#comments .comment-list .reply::after {
clear: both;
}
#comments .comment-list .reply a {
display: inline-block;
margin-right: 1em;
}
#comments .comment-list .reply a:last-child {
margin-right: 0;
}
#comments .comment-list .children {
list-style: none;
}
.comment-content a {
word-wrap: break-word;
}
#respond {
clear: both;
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.0125);
position: relative;
}
#respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input {
width: 100%;
}
#respond .form-submit, #respond form {
margin-bottom: 0;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 0.5407911001em;
right: 0.5407911001em;
display: block;
height: 1em;
width: 1em;
overflow: hidden;
line-height: 1;
font-size: 1.41575em;
text-align: center;
transition: transform, ease, 0.3s;
}
#respond #cancel-comment-reply-link:hover {
transform: scale(1.3);
}
.hentry {
margin: 0 0 4.235801032em;
}
.hentry .wp-post-image {
margin-bottom: 1.618em;
margin-left: auto;
margin-right: auto;
}
.hentry .entry-header {
margin-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry .entry-header .posted-on, .hentry .entry-header .post-author, .hentry .entry-header .post-comments, .hentry .entry-header .byline {
font-size: 0.875em;
}
.hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
font-weight: 600;
text-decoration: underline;
}
.hentry .entry-header .posted-on a:hover, .hentry .entry-header .post-author a:hover, .hentry .entry-header .post-comments a:hover, .hentry .entry-header .byline a:hover {
text-decoration: none;
}
.hentry .entry-content a {
text-decoration: underline;
}
.hentry .entry-content a:hover {
text-decoration: none;
}
.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
text-decoration: none;
}
.hentry .entry-taxonomy {
margin: 1.41575em 0 0;
padding-top: 1em;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry.type-page .entry-header {
border-bottom: 0;
margin-bottom: 0;
}
.cat-links, .tags-links {
font-size: 0.875em;
}
.cat-links a, .tags-links a {
color: #727272;
font-weight: 600;
text-decoration: underline;
}
.byline, .updated:not(.published) {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1em;
}
form {
margin-bottom: 1.618em;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
}
button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
border: 0;
border-radius: 0;
background: none;
background-color: #43454b;
border-color: #43454b;
color: #fff;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
}
button::after, input[type=button]::after, input[type=reset]::after, input[type=submit]::after, .button::after, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after, .added_to_cart::after {
display: none;
}
button.cta, button.alt, input[type=button].cta, input[type=button].alt, input[type=reset].cta, input[type=reset].alt, input[type=submit].cta, input[type=submit].alt, .button.cta, .button.alt, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt, .added_to_cart.cta, .added_to_cart.alt {
background-color: #2c2d33;
border-color: #2c2d33;
}
button.cta:hover, button.alt:hover, input[type=button].cta:hover, input[type=button].alt:hover, input[type=reset].cta:hover, input[type=reset].alt:hover, input[type=submit].cta:hover, input[type=submit].alt:hover, .button.cta:hover, .button.alt:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover, .added_to_cart.cta:hover, .added_to_cart.alt:hover {
background-color: #2c2d33;
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, .added_to_cart:hover {
color: #fff;
}
button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading, .button.loading, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading, .added_to_cart.loading {
opacity: 0.5;
}
button.small, input[type=button].small, input[type=reset].small, input[type=submit].small, .button.small, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small, .added_to_cart.small {
padding: 0.5407911001em 0.875em;
font-size: 0.875em;
}
button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled, .button.disabled, .button:disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled, .added_to_cart.disabled, .added_to_cart:disabled {
opacity: 0.5 !important;
cursor: not-allowed;
}
button.disabled:hover, button:disabled:hover, input[type=button].disabled:hover, input[type=button]:disabled:hover, input[type=reset].disabled:hover, input[type=reset]:disabled:hover, input[type=submit].disabled:hover, input[type=submit]:disabled:hover, .button.disabled:hover, .button:disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover, .added_to_cart.disabled:hover, .added_to_cart:disabled:hover {
opacity: 0.5 !important;
}
.button.woocommerce-MyAccount-downloads-file {
overflow-wrap: anywhere;
word-break: break-word;
-ms-word-break: break-all;
}
.wc-block-components-button:not(.is-link).disabled, .wc-block-components-button:not(.is-link):disabled {
opacity: 0.5;
cursor: not-allowed;
}
.wc-block-components-button:not(.is-link).disabled:hover, .wc-block-components-button:not(.is-link):disabled:hover {
opacity: 0.5;
}
input[type=checkbox], input[type=radio] {
padding: 0;
}
input[type=checkbox] + label, input[type=radio] + label {
margin: 0 0 0 0.3819820591em;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=search] {
box-sizing: border-box;
}
input[type=search]::placeholder {
color: #616161;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
padding: 0.6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {
background-color: #ededed;
}
textarea {
overflow: auto;
padding-left: 0.875em;
vertical-align: top;
width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
}
fieldset {
padding: 1.618em;
padding-top: 1em;
border: 0;
margin: 0;
margin-bottom: 1.618em;
margin-top: 1.618em;
}
fieldset legend {
font-weight: 600;
padding: 0.6180469716em 1em;
margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
display: inline-block;
border-radius: 0;
}
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
padding: 1em 0;
}
.gallery {
margin-bottom: 1em;
}
.gallery::before, .gallery::after {
content: "";
display: table;
}
.gallery::after {
clear: both;
}
.gallery .gallery-item {
float: left;
}
.gallery .gallery-item .gallery-icon a {
display: block;
}
.gallery .gallery-item .gallery-icon img {
border: none;
height: auto;
margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
text-align: center;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.666666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.285714286%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.111111111%;
}
embed, iframe, object, video {
max-width: 100%;
}
.secondary-navigation {
display: none;
}
button.menu-toggle {
cursor: pointer;
text-align: left;
float: right;
position: relative;
border: 2px solid rgba(0, 0, 0, 0);
box-shadow: none;
border-radius: 2px;
background-image: none;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
}
button.menu-toggle:hover {
background-image: none;
}
button.menu-toggle span::before {
transition: all, ease, 0.2s;
}
button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: all, ease, 0.2s;
border-radius: 3px;
}
button.menu-toggle::before {
transform: translateY(-4px);
}
button.menu-toggle::after {
transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
.primary-navigation {
display: none;
}
.main-navigation::before, .main-navigation::after {
content: "";
display: table;
}
.main-navigation::after {
clear: both;
}
.main-navigation div.menu {
display: none;
}
.main-navigation div.menu:last-child {
display: block;
}
.main-navigation .menu {
clear: both;
}
.handheld-navigation, .nav-menu, .main-navigation div.menu > ul:not(.nav-menu) {
overflow: hidden;
max-height: 0;
transition: all, ease, 0.8s;
}
.handheld-navigation {
clear: both;
}
.handheld-navigation ul {
margin: 0;
}
.handheld-navigation ul.menu li {
position: relative;
}
.handheld-navigation ul.menu li button::after {
transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu li button.toggled-on::after {
transform: rotate(180deg);
}
.handheld-navigation ul.menu .sub-menu {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
visibility: visible;
max-height: 9999px;
opacity: 1;
}
.handheld-navigation .dropdown-toggle {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
display: block;
}
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu > ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
max-height: 9999px;
}
.main-navigation ul {
margin-left: 0;
list-style: none;
margin-bottom: 0;
}
.main-navigation ul ul {
display: block;
margin-left: 1.41575em;
}
.main-navigation ul li a {
padding: 0.875em 0;
display: block;
}
.main-navigation ul li a:hover {
color: #e6e6e6;
}
.site-main nav.navigation {
clear: both;
padding: 2.617924em 0;
}
.site-main nav.navigation::before, .site-main nav.navigation::after {
content: "";
display: table;
}
.site-main nav.navigation::after {
clear: both;
}
.site-main nav.navigation .nav-previous a, .site-main nav.navigation .nav-next a {
display: inline-block;
}
.site-main nav.navigation .nav-previous {
float: left;
width: 50%;
}
.site-main nav.navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.pagination, .woocommerce-pagination {
padding: 1em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
text-align: center;
clear: both;
}
.pagination ul.page-numbers::before, .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after {
content: "";
display: table;
}
.pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::after {
clear: both;
}
.pagination .page-numbers, .woocommerce-pagination .page-numbers {
list-style: none;
margin: 0;
vertical-align: middle;
}
.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
display: inline-block;
}
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
border-left-width: 0;
display: inline-block;
padding: 0.3342343017em 0.875em;
background-color: rgba(0, 0, 0, 0.025);
color: #43454b;
}
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #2c2d33;
border-color: #2c2d33;
}
.pagination .page-numbers li .page-numbers.dots, .woocommerce-pagination .page-numbers li .page-numbers.dots {
background-color: rgba(0, 0, 0, 0);
}
.pagination .page-numbers li .page-numbers.prev, .pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next {
padding-left: 1em;
padding-right: 1em;
}
.pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
transform: rotateY(180deg);
}
.widget {
margin: 0 0 3.706325903em;
}
.widget select {
max-width: 100%;
}
.widget .widget-search .search-submit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.widget .widget-title, .widget .widgettitle {
font-size: 1.41575em;
letter-spacing: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 0 1em;
margin-bottom: 1em;
font-weight: 300;
}
.widget ul {
margin-left: 0;
list-style: none;
}
.widget ul ul {
margin-left: 1.618em;
}
.widget-area .widget {
font-size: 0.875em;
font-weight: 400;
}
.widget-area .widget h1.widget-title {
font-size: 1.41575em;
}
.widget-area .widget a {
font-weight: 600;
text-decoration: underline;
}
.widget-area .widget a:hover {
text-decoration: none;
}
.widget-area .widget a.button, .widget-area .widget a.components-button:not(.is-link), .widget-area .widget a.wp-block-button__link {
text-decoration: none;
}
.widget-area .widget a.button {
font-weight: 600 !important;
}
.widget_search form:not(.wp-block-search), .widget_product_search form:not(.wp-block-search) {
position: relative;
}
.widget_search form:not(.wp-block-search) input[type=text], .widget_search form:not(.wp-block-search) input[type=search], .widget_product_search form:not(.wp-block-search) input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] {
width: 100%;
}
.widget_search form:not(.wp-block-search) input[type=submit], .widget_search form:not(.wp-block-search) button[type=submit], .widget_product_search form:not(.wp-block-search) input[type=submit], .widget_product_search form:not(.wp-block-search) button[type=submit] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
top: 0;
left: 0;
}
.widget_recent_entries ul, .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_recent_comments ul, .widget_nav_menu ul, .widget_links ul, .widget_product_categories ul, .widget_layered_nav ul, .widget_layered_nav_filters ul {
margin: 0;
}
.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
list-style: none;
margin-bottom: 1em;
line-height: 1.41575em;
}
.widget_recent_entries ul .children, .widget_pages ul .children, .widget_categories ul .children, .widget_archive ul .children, .widget_recent_comments ul .children, .widget_nav_menu ul .children, .widget_links ul .children, .widget_product_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children {
margin-left: 0;
margin-top: 1em;
}
#wp-calendar th, #wp-calendar td, .wp-calendar-table th, .wp-calendar-table td {
padding: 0.236em;
text-align: center;
}
.widget_recent_entries ul ul.children, .widget_pages ul ul.children {
margin: 0.6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
text-decoration: none !important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
}
@media (min-width: 768px) {
table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
text-align: left;
}
.site-header {
padding-top: 2.617924em;
padding-bottom: 0;
}
.site-header .site-branding {
display: block;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
clear: both;
}
.site-header .site-branding img {
height: auto;
max-width: 230px;
max-height: none;
}
.woocommerce-active .site-header .site-branding {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.woocommerce-active .site-header .site-search {
width: 21.7391304348%;
float: right;
margin-right: 0;
clear: none;
}
.woocommerce-active .site-header .main-navigation {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
clear: both;
}
.woocommerce-active .site-header .site-header-cart {
width: 21.7391304348%;
float: right;
margin-right: 0;
margin-bottom: 0;
}
.storefront-secondary-navigation .site-header .site-branding {
width: 39.1304347826%;
float: left;
margin-right: 4.347826087%;
}
.storefront-secondary-navigation .site-header .secondary-navigation {
width: 56.5217391304%;
float: right;
margin-right: 0;
}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.site-branding .site-description {
margin-bottom: 0;
display: block;
}
.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {
margin-bottom: 1.41575em;
}
.site-header .subscribe-and-connect-connect {
float: right;
margin-bottom: 1em;
}
.site-header .subscribe-and-connect-connect .icons {
list-style: none;
margin: 0;
}
.site-header .subscribe-and-connect-connect .icons a {
font-size: 1em !important;
}
.site-header .subscribe-and-connect-connect .icons li {
margin: 0 0 0 0.5407911001em !important;
display: inline-block;
}
.col-full {
max-width: 66.4989378333em;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
}
.col-full::before, .col-full::after {
content: "";
display: table;
}
.col-full::after {
clear: both;
}
.col-full:after {
content: " ";
display: block;
clear: both;
}
.site-content::before, .site-content::after {
content: "";
display: table;
}
.site-content::after {
clear: both;
}
.content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.right-sidebar .content-area {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.right-sidebar .widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.left-sidebar .content-area {
width: 73.9130434783%;
float: right;
margin-right: 0;
}
.left-sidebar .widget-area {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.storefront-full-width-content .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.content-area, .widget-area {
margin-bottom: 2.617924em;
}
.page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.footer-widgets {
padding-top: 4.235801032em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.footer-widgets::before, .footer-widgets::after {
content: "";
display: table;
}
.footer-widgets::after {
clear: both;
}
.footer-widgets.col-2 .block {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-2 .block.footer-widget-2 {
float: right;
margin-right: 0;
}
.footer-widgets.col-3 .block {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-3 .block.footer-widget-3 {
float: right;
margin-right: 0;
}
.footer-widgets.col-4 .block {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.footer-widgets.col-4 .block.footer-widget-4 {
float: right;
margin-right: 0;
}
.comment-list::before, .comment-list::after {
content: "";
display: table;
}
.comment-list::after {
clear: both;
}
.comment-list .comment {
clear: both;
}
.comment-list .comment-meta {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%;
text-align: right;
}
.comment-list .comment-meta .avatar {
float: right;
}
.comment-list .comment-content {
padding-bottom: 3.706325903em;
margin-bottom: 3.706325903em;
}
.comment-list .comment-content, .comment-list #respond {
width: 76.4705882353%;
float: right;
margin-right: 0;
}
.comment-list #respond {
float: right;
}
.comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url {
width: 100%;
margin-right: 0;
}
.comment-list .comment-body #respond {
box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
margin-bottom: 2.617924em;
margin-top: -1.618em;
}
.comment-list .reply {
clear: both;
text-align: right;
}
.comment-list ol.children {
width: 88.2352941176%;
float: right;
margin-right: 0;
list-style: none;
}
.comment-list ol.children .comment-meta {
width: 20%;
float: left;
margin-right: 6.6666666667%;
}
.comment-list ol.children .comment-content, .comment-list ol.children #respond {
width: 73.3333333333%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children {
width: 86.6666666667%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children .comment-meta {
width: 23.0769230769%;
float: left;
margin-right: 7.6923076923%;
}
.comment-list ol.children ol.children .comment-content, .comment-list ol.children ol.children #respond {
width: 69.2307692308%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children {
width: 84.6153846154%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children .comment-meta {
width: 27.2727272727%;
float: left;
margin-right: 9.0909090909%;
}
.comment-list ol.children ol.children ol.children .comment-content, .comment-list ol.children ol.children ol.children #respond {
width: 63.6363636364%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children {
width: 81.8181818182%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children .comment-meta {
width: 33.3333333333%;
float: left;
margin-right: 11.1111111111%;
}
.comment-list ol.children ol.children ol.children ol.children .comment-content, .comment-list ol.children ol.children ol.children ol.children #respond {
width: 55.5555555556%;
float: right;
margin-right: 0;
}
#respond {
padding: 2.617924em;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%;
}
#respond .comment-form-url {
float: right;
margin-right: 0;
}
#respond .comment-form-comment {
clear: both;
}
.hentry .entry-header {
margin-bottom: 2.617924em;
}
.menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
display: none;
}
.primary-navigation {
display: block;
}
.main-navigation, .secondary-navigation {
clear: both;
display: block;
width: 100%;
}
.main-navigation ul, .secondary-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: block;
}
.main-navigation ul li, .secondary-navigation ul li {
position: relative;
display: inline-block;
text-align: left;
}
.main-navigation ul li a, .secondary-navigation ul li a {
display: block;
}
.main-navigation ul li a::before, .secondary-navigation ul li a::before {
display: none;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
left: 0;
display: block;
}
.main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul, .secondary-navigation ul li:hover > ul li > ul, .secondary-navigation ul li.focus > ul li > ul {
left: -9999px;
}
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device, .secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul, .secondary-navigation ul li:hover > ul li:hover > ul, .secondary-navigation ul li:hover > ul li.focus > ul, .secondary-navigation ul li.focus > ul li:hover > ul, .secondary-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
}
.main-navigation ul ul, .secondary-navigation ul ul {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: -9999px;
}
.main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul ul li, .secondary-navigation ul ul li {
display: block;
}
.main-navigation ul ul li a, .secondary-navigation ul ul li a {
width: 200px;
}
ul.menu li.current-menu-item > a {
color: #43454b;
}
.storefront-primary-navigation {
clear: both;
}
.storefront-primary-navigation::before, .storefront-primary-navigation::after {
content: "";
display: table;
}
.storefront-primary-navigation::after {
clear: both;
}
.main-navigation div.menu {
display: block;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
max-height: none;
overflow: visible;
margin-left: -1em;
transition: none;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding: 1.618em 1em;
}
.main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after, .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after, .main-navigation ul.nav-menu > li.page_item_has_children:hover::after {
display: block;
}
.main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
margin-left: 0;
}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
padding: 0.875em 1.41575em;
font-weight: 400;
font-size: 0.875em;
}
.main-navigation ul.menu ul li:last-child, .main-navigation ul.nav-menu ul li:last-child {
border-bottom: 0;
}
.main-navigation ul.menu ul ul, .main-navigation ul.nav-menu ul ul {
margin-left: 0;
box-shadow: none;
}
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
background-color: rgba(0, 0, 0, 0.025);
}
.main-navigation a {
padding: 0 1em 2.2906835em;
}
.secondary-navigation {
margin: 0 0 1.618em;
width: auto;
clear: none;
line-height: 1;
}
.secondary-navigation .menu {
font-size: 0.875em;
width: auto;
float: right;
}
.secondary-navigation .menu > li:hover > a {
text-decoration: none;
}
.secondary-navigation .menu ul a {
padding: 0.326em 0.875em;
background: rgba(0, 0, 0, 0.05);
}
.secondary-navigation .menu ul li:first-child a {
padding-top: 1em;
}
.secondary-navigation .menu ul li:last-child a {
padding-bottom: 1em;
}
.secondary-navigation .menu ul ul {
margin-top: -0.6180469716em;
}
.secondary-navigation .menu a {
padding: 1em 0.875em;
color: #737781;
font-weight: 400;
}
.secondary-navigation .menu a:hover {
text-decoration: none;
}
.error404 .fourohfour-columns-2 .col-1 {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
}
@media (max-width: 66.4989378333em) {
.col-full {
margin-left: 2.617924em;
margin-right: 2.617924em;
padding: 0;
}
}
@media (max-width: 568px) {
.col-full {
margin-left: 1.41575em;
margin-right: 1.41575em;
padding: 0;
}
}                                 body {
font-family: "Work Sans", sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #403A30;
}
@media (min-width: 981px) {
body {
font-size: 16px;
}
}
h1, .product_title, h2, h3, h4, h5, h6 {
font-family: "Poppins", sans-serif;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0 !important;
}
@media (max-width: 767px) {
h1, .product_title, h2, h3, h4, h5, h6 {
font-weight: 600;
}
}
h4 {
margin-top: 0 !important;
}
.h2 {
font-size: 21px !important;
}
@media (min-width: 981px) {
.h2 {
font-size: 32px !important;
}
}
.h3 {
font-size: 18px !important;
}
@media (min-width: 981px) {
.h3 {
font-size: 28px !important;
}
}
.h4 {
font-size: 16px !important;
font-family: "Poppins", sans-serif;
}
@media (min-width: 981px) {
.h4 {
font-size: 18px !important;
}
}
.h5 {
font-size: 16px !important;
font-family: "Poppins", sans-serif;
}
.h6 {
font-size: 14px !important;
font-family: "Poppins", sans-serif;
}
.sub-heading {
font-size: 16px;
font-family: "Work Sans", sans-serif;
line-height: 1.3;
font-weight: 500;
}
@media (min-width: 981px) {
.sub-heading {
font-size: 20px;
}
}
.accordion__subheading {
display: block;
padding-top: 4px;
font-size: 14px;
font-weight: 400;
}
table th {
font-weight: 500;
} .sidebar-payment__list h1,
.sidebar-payment__list h2,
.sidebar-payment__list h3,
.sidebar-payment__list h4,
.sidebar-payment__list h5,
.sidebar-payment__list h6 {
font-weight: 600;
line-height: 1.3 !important;
}
.sidebar-payment__list h1 {
font-size: 21px !important;
}
.sidebar-payment__list h2 {
font-size: 18px !important;
}
.sidebar-payment__list h3 {
font-size: 16px !important;
}
.sidebar-payment__list h4 {
font-size: 15px !important;
}
.sidebar-payment__list h5 {
font-size: 14px !important;
}
@media (min-width: 981px) {
.sidebar-payment__list h1 {
font-size: 32px !important;
}
.sidebar-payment__list h2 {
font-size: 24px !important;
}
.sidebar-payment__list h3 {
font-size: 20px !important;
}
.sidebar-payment__list h4 {
font-size: 18px !important;
}
.sidebar-payment__list h5 {
font-size: 16px !important;
}
} a:focus-visible,
button:focus-visible {
outline: 2px solid #8B1E3F !important;
} .color-primary {
color: #3F3A2B !important;
}
.color-secondary {
color: #403A30 !important;
}
.color-dark {
color: #00221C !important;
}
.color-white {
color: #fff !important;
}
.color-black {
color: #000 !important;
}
@media (min-width: 981px) {
.desktop-color-primary [class*=color-] {
color: #3F3A2B !important;
}
.desktop-color-secondary [class*=color-] {
color: #403A30 !important;
}
.desktop-color-dark [class*=color-] {
color: #00221C !important;
}
.desktop-color-white [class*=color-] {
color: #fff !important;
}
.desktop-color-black [class*=color-] {
color: #000 !important;
}
}  .font-primary {
font-family: "Work Sans", sans-serif !important;
}
.font-secondary {
font-family: "Poppins", sans-serif !important;
}
.font-family-3 {
font-family: "Inter", sans-serif !important;
}
.font-family-4 {
font-family: "Montserrat", sans-serif !important;
} .line-height-primary {
line-height: 1.4 !important;
}
.line-height-secondary {
line-height: 1.35 !important;
}
.line-height-subheading {
line-height: 1.3 !important;
} .font-300,
.font-300 * {
font-weight: 300 !important;
}
.font-400,
.font-400 * {
font-weight: 400 !important;
}
.font-500,
.font-500 * {
font-weight: 500 !important;
}
.font-600,
.font-600 * {
font-weight: 600 !important;
}
.font-700,
.font-700 * {
font-weight: 700 !important;
}
.font-900,
.font-900 * {
font-weight: 900 !important;
}
@media (min-width: 768px) {
.font-300-md,
.font-300-md * {
font-weight: 300 !important;
}
.font-400-md,
.font-400-md * {
font-weight: 400 !important;
}
.font-500-md,
.font-500-md * {
font-weight: 500 !important;
}
.font-600-md,
.font-600-md * {
font-weight: 600 !important;
}
.font-700-md,
.font-700-md * {
font-weight: 700 !important;
}
.font-900-md,
.font-900-md * {
font-weight: 900 !important;
}
}
@media (min-width: 981px) {
.font-300-lg,
.font-300-lg * {
font-weight: 300 !important;
}
.font-400-lg,
.font-400-lg * {
font-weight: 400 !important;
}
.font-500-lg,
.font-500-lg * {
font-weight: 500 !important;
}
.font-600-lg,
.font-600-lg * {
font-weight: 600 !important;
}
.font-700-lg,
.font-700-lg * {
font-weight: 700 !important;
}
.font-900-lg,
.font-900-lg * {
font-weight: 900 !important;
}
} .text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-line-through {
text-decoration: line-through;
}
.text-underline {
text-decoration: underline;
}
.text-no-wrap {
white-space: nowrap;
} .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
@media (min-width: 768px) {
.text-center-md {
text-align: center;
}
.text-left-md {
text-align: left;
}
.text-right-md {
text-align: right;
}
}
@media (min-width: 981px) {
.text-center-lg {
text-align: center;
}
.text-left-lg {
text-align: left;
}
.text-right-lg {
text-align: right;
}
} @media (min-width: 576px) {
.text-color-change-sm-white *,
.text-color-change-sm-white {
color: #fff;
}
}
@media (min-width: 768px) {
.text-color-change-md-white *,
.text-color-change-md-white {
color: #fff;
}
}
@media (min-width: 981px) {
.text-color-change-lg-white *,
.text-color-change-lg-white {
color: #fff;
}
}  .h1,
.product_title {
font-size: 27px;
}
.h1,
.product_title,
.h2 {
margin-left: -0.05em;
}
@media (max-width: 575px) {
.page-kasse h1.entry-title {
font-size: clamp(31px, 3vw, 36px) !important;
}
}
@media (min-width: 981px) {
.h1,
.h1 * {
font-size: clamp(32px, 2.7vw, 42px) !important;
}
.h2,
.h2 * {
font-size: clamp(26px, 2vw, 32px) !important;
}
} body a {
color: inherit;
text-decoration: none;
transition: all 0.3s ease 0s;
}
body a.current-page:not(.icon-link, .btn), body a.highlighted:not(.btn), body a.active:not(.btn) {
color: #8B1E3F !important;
}
.products .product__info .woocommerce-review-link,
.products .product__info .woocommerce-de_price_taxrate,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers {
color: #5B523E;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link {
color: #5B523E !important;
}
.hentry .entry-content a {
text-decoration: none;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label a {
text-decoration: underline !important;
}
.hentry .entry-content .custom-tab__panels a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content a:not(.button),
.sidebar-payment__list a,
.products .product__info .woocommerce-review-link,
.rating a,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info .versandkosten,
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link {
text-decoration: underline;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel a:hover, .single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel a:focus, .single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel a:active, .single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel a:focus-visible,
.tip-cards .tip-card:hover .tip-card__text:hover,
.tip-cards .tip-card:hover .tip-card__text:focus,
.tip-cards .tip-card:hover .tip-card__text:active,
.tip-cards .tip-card:hover .tip-card__text:focus-visible,
.sidebar-payment a:hover,
.sidebar-payment a:focus,
.sidebar-payment a:active,
.sidebar-payment a:focus-visible,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info .versandkosten:hover,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info .versandkosten:focus,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info .versandkosten:active,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info .versandkosten:focus-visible,
.products .product h2:hover,
.products .product h2:focus,
.products .product h2:active,
.products .product h2:focus-visible,
.footer-main a:hover,
.footer-main a:focus,
.footer-main a:active,
.footer-main a:focus-visible,
body a:hover,
body a:focus,
body a:active,
body a:focus-visible,
.products .product__info .woocommerce-review-link:hover,
.products .product__info .woocommerce-review-link:focus,
.products .product__info .woocommerce-review-link:active,
.products .product__info .woocommerce-review-link:focus-visible,
.products .product__info .woocommerce_de_versandkosten a:hover,
.products .product__info .woocommerce_de_versandkosten a:focus,
.products .product__info .woocommerce_de_versandkosten a:active,
.products .product__info .woocommerce_de_versandkosten a:focus-visible {
color: #8B1E3F;
}
.wc-block-cart-item__remove-link:hover, .wc-block-cart-item__remove-link:focus, .wc-block-cart-item__remove-link:active, .wc-block-cart-item__remove-link:focus-visible,
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link:hover,
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link:focus,
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link:active,
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link:focus-visible,
.footer-main a:hover,
.footer-main a:focus,
.footer-main a:active,
.footer-main a:focus-visible {
color: #8B1E3F !important;
} .image-link::before, .image-link::after {
transition: all 0.3s ease 0s;
}
.image-link:focus-visible::before, .image-link:focus-visible::after, .image-link:hover::before, .image-link:hover::after, .image-link:active::before, .image-link:active::after, .image-link:focus::before, .image-link:focus::after {
filter: brightness(0) saturate(100%) invert(13%) sepia(38%) saturate(4977%) hue-rotate(324deg) brightness(94%) contrast(91%);
} .link {
transition: all 0.3s ease 0s;
}
.link--same-color:hover, .link--same-color:active, .link--same-color:focus, .link--same-color:focus-visible {
color: inherit !important;
}
.link--underline {
text-decoration: underline;
}
.link--underline-hover:hover, .link--underline-hover:active, .link--underline-hover:focus, .link--underline-hover:focus-visible {
text-decoration: underline;
}
.link--arrow::after {
content: "";
position: relative;
display: block;
transition: all 0.3s ease 0s;
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 6px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-arrow-right-green.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all 0.3s ease 0s;
} .formatted-text ul,
.formatted-text ol,
.formatted-text p,
.formatted-text pre {
margin-top: 0 !important;
margin-bottom: 0.6em !important;
}
.formatted-text ul:last-child,
.formatted-text ol:last-child,
.formatted-text p:last-child,
.formatted-text pre:last-child {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.formatted-text ul:empty,
.formatted-text ol:empty,
.formatted-text p:empty,
.formatted-text pre:empty {
margin-bottom: -0.6em !important;
} .line-text {
display: flex;
align-items: center;
text-align: center;
}
.line-text::before, .line-text::after {
content: "";
position: relative;
display: block;
transition: all 0.3s ease 0s;
flex: 1;
border-bottom: 1px solid #000;
margin: 0;
}
.line-text::before {
margin-right: 20px;
}
.line-text::after {
margin-left: 20px;
} .site-main {
margin-bottom: 0 !important;
}
.content-area {
margin-bottom: 0 !important;
width: 100% !important;
} .img-responsive {
width: auto;
height: auto;
} .overflow-clip {
overflow: clip !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-hidden {
overflow: hidden !important;
} .cursor-pointer {
cursor: pointer;
}
.cursor-grab {
cursor: grab;
} .position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
} .visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
} .bg-white {
background-color: #fff;
}
.bg-black {
background-color: #000;
}
.bg-primary {
background-color: #3F3A2B;
}
.bg-soft-primary {
background-color: rgba(63, 58, 43, 0.1647058824);
} .font-size-xs {
font-size: 10px;
}
.font-size-sm {
font-size: 12px;
}
.font-size-lg {
font-size: 22px;
}
.font-size-bs {
font-size: 16px;
}
.font-size-mob {
font-size: 14px;
}
@media (min-width: 576px) {
.font-size-sm-xs {
font-size: 10px;
}
.font-size-sm-sm {
font-size: 12px;
}
.font-size-sm-lg {
font-size: 22px;
}
.font-size-sm-bs {
font-size: 16px;
}
.font-size-sm-mob {
font-size: 14px;
}
}
@media (min-width: 768px) {
.font-size-md-xs {
font-size: 10px;
}
.font-size-md-sm {
font-size: 12px;
}
.font-size-md-lg {
font-size: 22px;
}
.font-size-md-bs {
font-size: 16px;
}
.font-size-md-mob {
font-size: 14px;
}
}
@media (min-width: 981px) {
.font-size-lg-xs {
font-size: 10px;
}
.font-size-lg-sm {
font-size: 12px;
}
.font-size-lg-lg {
font-size: 22px;
}
.font-size-lg-bs {
font-size: 16px;
}
.font-size-lg-mob {
font-size: 14px;
}
}
@media (min-width: 1440px) {
.font-size-xxl-xs {
font-size: 10px;
}
.font-size-xxl-sm {
font-size: 12px;
}
.font-size-xxl-lg {
font-size: 22px;
}
.font-size-xxl-bs {
font-size: 16px;
}
.font-size-xxl-mob {
font-size: 14px;
}
} .border {
border: 1px solid #00221C;
}
.border-bottom {
border-bottom: 1px solid #00221C;
}
.border-top {
border-top: 1px solid #00221C;
}
.border-left {
border-left: 1px solid #00221C;
}
.border-right {
border-right: 1px solid #00221C;
}
.border-color-1 {
border-color: #00221C;
}
.border-color-2 {
border-color: #000;
}
.border-none {
border: none !important;
} .border-radius {
border-radius: 5px;
}
.border-radius-sm {
border-radius: 2px;
}
.border-radius-md {
border-radius: 12px;
}
.border-radius-lg {
border-radius: 20px;
}
.border-radius-100 {
border-radius: 100%;
}
@media (min-width: 768px) {
.md-border-radius {
border-radius: 5px;
}
.md-border-radius-sm {
border-radius: 2px;
}
.md-border-radius-md {
border-radius: 12px;
}
.md-border-radius-lg {
border-radius: 20px;
}
.md-border-radius-100 {
border-radius: 100%;
}
}
@media (min-width: 981px) {
.lg-border-radius {
border-radius: 5px;
}
.lg-border-radius-sm {
border-radius: 2px;
}
.lg-border-radius-md {
border-radius: 12px;
}
.lg-border-radius-lg {
border-radius: 20px;
}
.lg-border-radius-100 {
border-radius: 100%;
}
} .shadow {
box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125) !important;
}
.shadow-sm {
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(140, 152, 164, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
@media (min-width: 768px) {
.md-shadow {
box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125) !important;
}
.md-shadow-sm {
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, 0.075) !important;
}
.md-shadow-lg {
box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(140, 152, 164, 0.175) !important;
}
.md-shadow-none {
box-shadow: none !important;
}
}
@media (min-width: 981px) {
.lg-shadow {
box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125) !important;
}
.lg-shadow-sm {
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, 0.075) !important;
}
.lg-shadow-lg {
box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(140, 152, 164, 0.175) !important;
}
.lg-shadow-none {
box-shadow: none !important;
}
} .events-none {
pointer-events: none;
} .opacity-0 {
opacity: 0;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-100 {
opacity: 1;
} .w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
.w-50 {
width: 50% !important;
}
.w-100 {
width: 100% !important;
}
.w-fit {
width: fit-content !important;
} .h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
.h-50 {
height: 50% !important;
}
.h-100 {
height: 100% !important;
}
.h-fit {
height: fit-content !important;
} .ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
} .image-cover {
object-fit: cover;
object-position: center;
display: block;
width: 100%;
height: 100%;
} .sticky {
position: sticky !important;
z-index: 100;
top: 86px;
}
@media (min-width: 768px) {
.sticky-md {
position: sticky !important;
z-index: 100;
top: 86px;
}
}
@media (min-width: 981px) {
.sticky {
top: 86px;
}
.sticky-md, .sticky-lg {
top: 86px;
}
.sticky-lg {
position: sticky !important;
z-index: 100;
}
} .h1,
.h2,
.h3,
.h4,
p {
color: #3F3A2B !important;
}       *, *:before, *:after {
box-sizing: border-box;
}
html {
box-sizing: border-box;
}
.container,
.row,
.row > div {
position: relative;
}
.container {
width: 1140px;
max-width: 90%;
margin: 0 auto;
padding: 0 calc(20px / 2);
}
.container--fluid {
width: 100%;
max-width: 100%;
}
.row {
row-gap: 20px;
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.row--full-width {
margin: 0 calc(-20px / 2);
}
.row > div {
margin: 0 auto 0 calc(20px / 2);
} .row > div:empty {
display: none;
}  .row--g-center,
.row--center {
justify-content: center;
}
.row--v-center,
.row--center {
align-items: center;
}
.row--g-center > div,
.row--center > div {
margin: 0 auto;
} .row--g-end,
.row--end {
justify-content: flex-end;
}
.row--v-end,
.row--end {
align-items: flex-end;
}
.row--g-end > div,
.row--end > div {
margin: 0 calc(20px / 2) 0 auto;
} .row--g-start,
.row--start {
justify-content: flex-start;
}
.row--v-start,
.row--start {
align-items: flex-start;
}
.row--g-start > div,
.row--start > div {
margin: 0 auto 0 calc(20px / 2);
} .col-v-start {
align-self: flex-start;
}
.col-v-end {
align-self: flex-end;
}
.col-v-center {
align-self: center;
}
.col-g-start {
margin-left: calc(20px / 2) !important;
}
.col-g-end {
margin-right: calc(20px / 2) !important;
} .row--no-gutter,
.row--no-g-gutter {
margin: 0 calc(-20px / 2);
}
.row--no-g-gutter {
column-gap: 0;
}
.row--no-gutter,
.row--no-v-gutter {
row-gap: 0;
}
.row--no-g-gutter > .col,
.row--no-gutter > .col {
margin-right: 0;
margin-left: 0;
} .row .row {
margin: 0 calc(-20px / 2);
}
.row .row--no-gutter,
.row .row--no-g-gutter {
margin: 0;
} body .section-margin {
margin-top: 24px;
margin-bottom: 24px;
}
body .section-padding {
padding-top: 24px;
padding-bottom: 24px;
}
@media all and (min-width: 768px) {
body .section-margin {
margin-top: 60px;
margin-bottom: 60px;
}
body .section-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media all and (min-width: 981px) {
body .section-margin {
margin-top: 5.2vw;
margin-bottom: 5.2vw;
}
body .section-padding {
padding-top: 5.2vw;
padding-bottom: 5.2vw;
}
} .col-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-1,
.row--no-gutter > .col-1 {
width: 8.33%;
}
.col-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-2,
.row--no-gutter > .col-2 {
width: 16.66%;
}
.col-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-3,
.row--no-gutter > .col-3 {
width: 25%;
}
.col-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-4,
.row--no-gutter > .col-4 {
width: 33.33%;
}
.col-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-5,
.row--no-gutter > .col-5 {
width: 41.66%;
}
.col-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-6,
.row--no-gutter > .col-6 {
width: 50%;
}
.col-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-7,
.row--no-gutter > .col-7 {
width: 58.33%;
}
.col-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-8,
.row--no-gutter > .col-8 {
width: 66.66%;
}
.col-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-9,
.row--no-gutter > .col-9 {
width: 75%;
}
.col-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-10,
.row--no-gutter > .col-10 {
width: 83.33%;
}
.col-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-11,
.row--no-gutter > .col-11 {
width: 91.66%;
}
.col-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-12,
.row--no-gutter > .col-12 {
width: 100%;
}
@media (max-width: 767px) {
.row--small-mobile-gap {
row-gap: 16px;
}
} .order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 10 !important;
} .p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.24rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-25 {
padding: 10px !important;
}
.p-26 {
padding: 12px !important;
}
.p-3 {
padding: 1rem !important;
}
.p-35 {
padding: 20px !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.p-6 {
padding: 2.5rem !important;
}
.p-7 {
padding: 3rem !important;
}
.p-8 {
padding: 3.5rem !important;
}
.p-9 {
padding: 4rem !important;
}
.p-10 {
padding: 4.5rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pl-1 {
padding-left: 0.24rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.pl-25 {
padding-left: 10px !important;
}
.pl-26 {
padding-left: 12px !important;
}
.pl-3 {
padding-left: 1rem !important;
}
.pl-35 {
padding-left: 20px !important;
}
.pl-4 {
padding-left: 1.5rem !important;
}
.pl-5 {
padding-left: 2rem !important;
}
.pl-6 {
padding-left: 2.5rem !important;
}
.pl-7 {
padding-left: 3rem !important;
}
.pl-8 {
padding-left: 3.5rem !important;
}
.pl-9 {
padding-left: 4rem !important;
}
.pl-10 {
padding-left: 4.5rem !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pr-1 {
padding-right: 0.24rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.pr-25 {
padding-right: 10px !important;
}
.pr-26 {
padding-right: 12px !important;
}
.pr-3 {
padding-right: 1rem !important;
}
.pr-35 {
padding-right: 20px !important;
}
.pr-4 {
padding-right: 1.5rem !important;
}
.pr-5 {
padding-right: 2rem !important;
}
.pr-6 {
padding-right: 2.5rem !important;
}
.pr-7 {
padding-right: 3rem !important;
}
.pr-8 {
padding-right: 3.5rem !important;
}
.pr-9 {
padding-right: 4rem !important;
}
.pr-10 {
padding-right: 4.5rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.24rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-25 {
padding-bottom: 10px !important;
}
.pb-26 {
padding-bottom: 12px !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-35 {
padding-bottom: 20px !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 2rem !important;
}
.pb-6 {
padding-bottom: 2.5rem !important;
}
.pb-7 {
padding-bottom: 3rem !important;
}
.pb-8 {
padding-bottom: 3.5rem !important;
}
.pb-9 {
padding-bottom: 4rem !important;
}
.pb-10 {
padding-bottom: 4.5rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.24rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-25 {
padding-top: 10px !important;
}
.pt-26 {
padding-top: 12px !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-35 {
padding-top: 20px !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 2rem !important;
}
.pt-6 {
padding-top: 2.5rem !important;
}
.pt-7 {
padding-top: 3rem !important;
}
.pt-8 {
padding-top: 3.5rem !important;
}
.pt-9 {
padding-top: 4rem !important;
}
.pt-10 {
padding-top: 4.5rem !important;
}
.m-auto {
margin: auto !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.24rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-25 {
margin: 10px !important;
}
.m-26 {
margin: 12px !important;
}
.m-3 {
margin: 1rem !important;
}
.m-35 {
margin: 20px !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.m-6 {
margin: 2.5rem !important;
}
.m-7 {
margin: 3rem !important;
}
.m-8 {
margin: 3.5rem !important;
}
.m-9 {
margin: 4rem !important;
}
.m-10 {
margin: 4.5rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-auto {
margin-left: auto !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-1 {
margin-left: 0.24rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.ml-25 {
margin-left: 10px !important;
}
.ml-26 {
margin-left: 12px !important;
}
.ml-3 {
margin-left: 1rem !important;
}
.ml-35 {
margin-left: 20px !important;
}
.ml-4 {
margin-left: 1.5rem !important;
}
.ml-5 {
margin-left: 2rem !important;
}
.ml-6 {
margin-left: 2.5rem !important;
}
.ml-7 {
margin-left: 3rem !important;
}
.ml-8 {
margin-left: 3.5rem !important;
}
.ml-9 {
margin-left: 4rem !important;
}
.ml-10 {
margin-left: 4.5rem !important;
}
.mr-auto {
margin-right: auto !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-1 {
margin-right: 0.24rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mr-25 {
margin-right: 10px !important;
}
.mr-26 {
margin-right: 12px !important;
}
.mr-3 {
margin-right: 1rem !important;
}
.mr-35 {
margin-right: 20px !important;
}
.mr-4 {
margin-right: 1.5rem !important;
}
.mr-5 {
margin-right: 2rem !important;
}
.mr-6 {
margin-right: 2.5rem !important;
}
.mr-7 {
margin-right: 3rem !important;
}
.mr-8 {
margin-right: 3.5rem !important;
}
.mr-9 {
margin-right: 4rem !important;
}
.mr-10 {
margin-right: 4.5rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.24rem !important;
}
.mb-15 {
margin-bottom: 6px !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-25 {
margin-bottom: 10px !important;
}
.mb-26 {
margin-bottom: 12px !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-35 {
margin-bottom: 20px !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-45 {
margin-bottom: 40px !important;
}
.mb-5 {
margin-bottom: 2rem !important;
}
.mb-6 {
margin-bottom: 2.5rem !important;
}
.mb-7 {
margin-bottom: 3rem !important;
}
.mb-8 {
margin-bottom: 3.5rem !important;
}
.mb-9 {
margin-bottom: 4rem !important;
}
.mb-10 {
margin-bottom: 4.5rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.24rem !important;
}
.mt-15 {
margin-top: 6px !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-25 {
margin-top: 10px !important;
}
.mt-26 {
margin-top: 12px !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-35 {
margin-top: 20px !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-45 {
margin-top: 40px !important;
}
.mt-5 {
margin-top: 2rem !important;
}
.mt-6 {
margin-top: 2.5rem !important;
}
.mt-7 {
margin-top: 3rem !important;
}
.mt-8 {
margin-top: 3.5rem !important;
}
.mt-9 {
margin-top: 4rem !important;
}
.mt-10 {
margin-top: 4.5rem !important;
} @media (min-width: 576px) { .no-v-gutter-sm {
row-gap: 0;
} .col-left-sm {
margin-left: calc(20px / 2) !important;
}
.col-right-sm {
margin-right: calc(20px / 2) !important;
}
.col-sm-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-sm-1,
.row--no-gutter > .col-sm-1 {
width: 8.33%;
}
.col-sm-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-sm-2,
.row--no-gutter > .col-sm-2 {
width: 16.66%;
}
.col-sm-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-sm-3,
.row--no-gutter > .col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-sm-4,
.row--no-gutter > .col-sm-4 {
width: 33.33%;
}
.col-sm-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-sm-5,
.row--no-gutter > .col-sm-5 {
width: 41.66%;
}
.col-sm-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-sm-6,
.row--no-gutter > .col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-sm-7,
.row--no-gutter > .col-sm-7 {
width: 58.33%;
}
.col-sm-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-sm-8,
.row--no-gutter > .col-sm-8 {
width: 66.66%;
}
.col-sm-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-sm-9,
.row--no-gutter > .col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-sm-10,
.row--no-gutter > .col-sm-10 {
width: 83.33%;
}
.col-sm-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-sm-11,
.row--no-gutter > .col-sm-11 {
width: 91.66%;
}
.col-sm-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-sm-12,
.row--no-gutter > .col-sm-12 {
width: 100%;
} .order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
} .p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.24rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-25 {
padding: 10px !important;
}
.p-sm-26 {
padding: 12px !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-35 {
padding: 20px !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 2rem !important;
}
.p-sm-6 {
padding: 2.5rem !important;
}
.p-sm-7 {
padding: 3rem !important;
}
.p-sm-8 {
padding: 3.5rem !important;
}
.p-sm-9 {
padding: 4rem !important;
}
.p-sm-10 {
padding: 4.5rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-sm-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-sm-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-sm-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-sm-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-sm-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-sm-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-sm-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-sm-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-sm-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-sm-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-sm-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-sm-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-sm-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-sm-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-sm-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-sm-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-sm-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-sm-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-sm-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-sm-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.pl-sm-1 {
padding-left: 0.24rem !important;
}
.pl-sm-2 {
padding-left: 0.5rem !important;
}
.pl-sm-25 {
padding-left: 10px !important;
}
.pl-sm-26 {
padding-left: 12px !important;
}
.pl-sm-3 {
padding-left: 1rem !important;
}
.pl-sm-35 {
padding-left: 20px !important;
}
.pl-sm-4 {
padding-left: 1.5rem !important;
}
.pl-sm-5 {
padding-left: 2rem !important;
}
.pl-sm-6 {
padding-left: 2.5rem !important;
}
.pl-sm-7 {
padding-left: 3rem !important;
}
.pl-sm-8 {
padding-left: 3.5rem !important;
}
.pl-sm-9 {
padding-left: 4rem !important;
}
.pl-sm-10 {
padding-left: 4.5rem !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pr-sm-1 {
padding-right: 0.24rem !important;
}
.pr-sm-2 {
padding-right: 0.5rem !important;
}
.pr-sm-25 {
padding-right: 10px !important;
}
.pr-sm-26 {
padding-right: 12px !important;
}
.pr-sm-3 {
padding-right: 1rem !important;
}
.pr-sm-35 {
padding-right: 20px !important;
}
.pr-sm-4 {
padding-right: 1.5rem !important;
}
.pr-sm-5 {
padding-right: 2rem !important;
}
.pr-sm-6 {
padding-right: 2.5rem !important;
}
.pr-sm-7 {
padding-right: 3rem !important;
}
.pr-sm-8 {
padding-right: 3.5rem !important;
}
.pr-sm-9 {
padding-right: 4rem !important;
}
.pr-sm-10 {
padding-right: 4.5rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.24rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-25 {
padding-bottom: 10px !important;
}
.pb-sm-26 {
padding-bottom: 12px !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-35 {
padding-bottom: 20px !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 2rem !important;
}
.pb-sm-6 {
padding-bottom: 2.5rem !important;
}
.pb-sm-7 {
padding-bottom: 3rem !important;
}
.pb-sm-8 {
padding-bottom: 3.5rem !important;
}
.pb-sm-9 {
padding-bottom: 4rem !important;
}
.pb-sm-10 {
padding-bottom: 4.5rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.24rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-25 {
padding-top: 10px !important;
}
.pt-sm-26 {
padding-top: 12px !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-35 {
padding-top: 20px !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 2rem !important;
}
.pt-sm-6 {
padding-top: 2.5rem !important;
}
.pt-sm-7 {
padding-top: 3rem !important;
}
.pt-sm-8 {
padding-top: 3.5rem !important;
}
.pt-sm-9 {
padding-top: 4rem !important;
}
.pt-sm-10 {
padding-top: 4.5rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.24rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-25 {
margin: 10px !important;
}
.m-sm-26 {
margin: 12px !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-35 {
margin: 20px !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 2rem !important;
}
.m-sm-6 {
margin: 2.5rem !important;
}
.m-sm-7 {
margin: 3rem !important;
}
.m-sm-8 {
margin: 3.5rem !important;
}
.m-sm-9 {
margin: 4rem !important;
}
.m-sm-10 {
margin: 4.5rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-sm-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-sm-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-sm-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-sm-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-sm-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-sm-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-sm-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-sm-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-sm-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-sm-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-sm-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-sm-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-sm-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-sm-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-sm-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-sm-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-sm-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-sm-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-sm-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-sm-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
.ml-sm-0 {
margin-left: 0 !important;
}
.ml-sm-1 {
margin-left: 0.24rem !important;
}
.ml-sm-2 {
margin-left: 0.5rem !important;
}
.ml-sm-25 {
margin-left: 10px !important;
}
.ml-sm-26 {
margin-left: 12px !important;
}
.ml-sm-3 {
margin-left: 1rem !important;
}
.ml-sm-35 {
margin-left: 20px !important;
}
.ml-sm-4 {
margin-left: 1.5rem !important;
}
.ml-sm-5 {
margin-left: 2rem !important;
}
.ml-sm-6 {
margin-left: 2.5rem !important;
}
.ml-sm-7 {
margin-left: 3rem !important;
}
.ml-sm-8 {
margin-left: 3.5rem !important;
}
.ml-sm-9 {
margin-left: 4rem !important;
}
.ml-sm-10 {
margin-left: 4.5rem !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mr-sm-0 {
margin-right: 0 !important;
}
.mr-sm-1 {
margin-right: 0.24rem !important;
}
.mr-sm-2 {
margin-right: 0.5rem !important;
}
.mr-sm-25 {
margin-right: 10px !important;
}
.mr-sm-26 {
margin-right: 12px !important;
}
.mr-sm-3 {
margin-right: 1rem !important;
}
.mr-sm-35 {
margin-right: 20px !important;
}
.mr-sm-4 {
margin-right: 1.5rem !important;
}
.mr-sm-5 {
margin-right: 2rem !important;
}
.mr-sm-6 {
margin-right: 2.5rem !important;
}
.mr-sm-7 {
margin-right: 3rem !important;
}
.mr-sm-8 {
margin-right: 3.5rem !important;
}
.mr-sm-9 {
margin-right: 4rem !important;
}
.mr-sm-10 {
margin-right: 4.5rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.24rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-25 {
margin-bottom: 10px !important;
}
.mb-sm-26 {
margin-bottom: 12px !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-35 {
margin-bottom: 20px !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-45 {
margin-bottom: 40px !important;
}
.mb-sm-5 {
margin-bottom: 2rem !important;
}
.mb-sm-6 {
margin-bottom: 2.5rem !important;
}
.mb-sm-7 {
margin-bottom: 3rem !important;
}
.mb-sm-8 {
margin-bottom: 3.5rem !important;
}
.mb-sm-9 {
margin-bottom: 4rem !important;
}
.mb-sm-10 {
margin-bottom: 4.5rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.24rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-25 {
margin-top: 10px !important;
}
.mt-sm-26 {
margin-top: 12px !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-35 {
margin-top: 20px !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 2rem !important;
}
.mt-sm-6 {
margin-top: 2.5rem !important;
}
.mt-sm-7 {
margin-top: 3rem !important;
}
.mt-sm-8 {
margin-top: 3.5rem !important;
}
.mt-sm-9 {
margin-top: 4rem !important;
}
.mt-sm-10 {
margin-top: 4.5rem !important;
}
} @media (min-width: 768px) { .no-v-gutter-md {
row-gap: 0;
} .col-left-md {
margin-left: calc(20px / 2) !important;
}
.col-right-md {
margin-right: calc(20px / 2) !important;
}
.col-md-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-md-1,
.row--no-gutter > .col-md-1 {
width: 8.33%;
}
.col-md-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-md-2,
.row--no-gutter > .col-md-2 {
width: 16.66%;
}
.col-md-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-md-3,
.row--no-gutter > .col-md-3 {
width: 25%;
}
.col-md-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-md-4,
.row--no-gutter > .col-md-4 {
width: 33.33%;
}
.col-md-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-md-5,
.row--no-gutter > .col-md-5 {
width: 41.66%;
}
.col-md-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-md-6,
.row--no-gutter > .col-md-6 {
width: 50%;
}
.col-md-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-md-7,
.row--no-gutter > .col-md-7 {
width: 58.33%;
}
.col-md-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-md-8,
.row--no-gutter > .col-md-8 {
width: 66.66%;
}
.col-md-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-md-9,
.row--no-gutter > .col-md-9 {
width: 75%;
}
.col-md-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-md-10,
.row--no-gutter > .col-md-10 {
width: 83.33%;
}
.col-md-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-md-11,
.row--no-gutter > .col-md-11 {
width: 91.66%;
}
.col-md-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-md-12,
.row--no-gutter > .col-md-12 {
width: 100%;
} .order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
} .p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.24rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-25 {
padding: 10px !important;
}
.p-md-26 {
padding: 12px !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-35 {
padding: 20px !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 2rem !important;
}
.p-md-6 {
padding: 2.5rem !important;
}
.p-md-7 {
padding: 3rem !important;
}
.p-md-8 {
padding: 3.5rem !important;
}
.p-md-9 {
padding: 4rem !important;
}
.p-md-10 {
padding: 4.5rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-md-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-md-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-md-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-md-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-md-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-md-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-md-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-md-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-md-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-md-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-md-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-md-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-md-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-md-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-md-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-md-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-md-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-md-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-md-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-md-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.pl-md-1 {
padding-left: 0.24rem !important;
}
.pl-md-2 {
padding-left: 0.5rem !important;
}
.pl-md-25 {
padding-left: 10px !important;
}
.pl-md-26 {
padding-left: 12px !important;
}
.pl-md-3 {
padding-left: 1rem !important;
}
.pl-md-35 {
padding-left: 20px !important;
}
.pl-md-4 {
padding-left: 1.5rem !important;
}
.pl-md-5 {
padding-left: 2rem !important;
}
.pl-md-6 {
padding-left: 2.5rem !important;
}
.pl-md-7 {
padding-left: 3rem !important;
}
.pl-md-8 {
padding-left: 3.5rem !important;
}
.pl-md-9 {
padding-left: 4rem !important;
}
.pl-md-10 {
padding-left: 4.5rem !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pr-md-1 {
padding-right: 0.24rem !important;
}
.pr-md-2 {
padding-right: 0.5rem !important;
}
.pr-md-25 {
padding-right: 10px !important;
}
.pr-md-26 {
padding-right: 12px !important;
}
.pr-md-3 {
padding-right: 1rem !important;
}
.pr-md-35 {
padding-right: 20px !important;
}
.pr-md-4 {
padding-right: 1.5rem !important;
}
.pr-md-5 {
padding-right: 2rem !important;
}
.pr-md-6 {
padding-right: 2.5rem !important;
}
.pr-md-7 {
padding-right: 3rem !important;
}
.pr-md-8 {
padding-right: 3.5rem !important;
}
.pr-md-9 {
padding-right: 4rem !important;
}
.pr-md-10 {
padding-right: 4.5rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.24rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-25 {
padding-bottom: 10px !important;
}
.pb-md-26 {
padding-bottom: 12px !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-35 {
padding-bottom: 20px !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 2rem !important;
}
.pb-md-6 {
padding-bottom: 2.5rem !important;
}
.pb-md-7 {
padding-bottom: 3rem !important;
}
.pb-md-8 {
padding-bottom: 3.5rem !important;
}
.pb-md-9 {
padding-bottom: 4rem !important;
}
.pb-md-10 {
padding-bottom: 4.5rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.24rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-25 {
padding-top: 10px !important;
}
.pt-md-26 {
padding-top: 12px !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-35 {
padding-top: 20px !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 2rem !important;
}
.pt-md-6 {
padding-top: 2.5rem !important;
}
.pt-md-7 {
padding-top: 3rem !important;
}
.pt-md-8 {
padding-top: 3.5rem !important;
}
.pt-md-9 {
padding-top: 4rem !important;
}
.pt-md-10 {
padding-top: 4.5rem !important;
}
.m-md-auto {
margin: auto !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.24rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-25 {
margin: 10px !important;
}
.m-md-26 {
margin: 12px !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-35 {
margin: 20px !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 2rem !important;
}
.m-md-6 {
margin: 2.5rem !important;
}
.m-md-7 {
margin: 3rem !important;
}
.m-md-8 {
margin: 3.5rem !important;
}
.m-md-9 {
margin: 4rem !important;
}
.m-md-10 {
margin: 4.5rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-md-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-md-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-md-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-md-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-md-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-md-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-md-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-md-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-md-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-md-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-md-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-md-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-md-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-md-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-md-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-md-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-md-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-md-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-md-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-md-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-md-auto {
margin-left: auto !important;
}
.ml-md-0 {
margin-left: 0 !important;
}
.ml-md-1 {
margin-left: 0.24rem !important;
}
.ml-md-2 {
margin-left: 0.5rem !important;
}
.ml-md-25 {
margin-left: 10px !important;
}
.ml-md-26 {
margin-left: 12px !important;
}
.ml-md-3 {
margin-left: 1rem !important;
}
.ml-md-35 {
margin-left: 20px !important;
}
.ml-md-4 {
margin-left: 1.5rem !important;
}
.ml-md-5 {
margin-left: 2rem !important;
}
.ml-md-6 {
margin-left: 2.5rem !important;
}
.ml-md-7 {
margin-left: 3rem !important;
}
.ml-md-8 {
margin-left: 3.5rem !important;
}
.ml-md-9 {
margin-left: 4rem !important;
}
.ml-md-10 {
margin-left: 4.5rem !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mr-md-1 {
margin-right: 0.24rem !important;
}
.mr-md-2 {
margin-right: 0.5rem !important;
}
.mr-md-25 {
margin-right: 10px !important;
}
.mr-md-26 {
margin-right: 12px !important;
}
.mr-md-3 {
margin-right: 1rem !important;
}
.mr-md-35 {
margin-right: 20px !important;
}
.mr-md-4 {
margin-right: 1.5rem !important;
}
.mr-md-5 {
margin-right: 2rem !important;
}
.mr-md-6 {
margin-right: 2.5rem !important;
}
.mr-md-7 {
margin-right: 3rem !important;
}
.mr-md-8 {
margin-right: 3.5rem !important;
}
.mr-md-9 {
margin-right: 4rem !important;
}
.mr-md-10 {
margin-right: 4.5rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.24rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-25 {
margin-bottom: 10px !important;
}
.mb-md-26 {
margin-bottom: 12px !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-32 {
margin-bottom: 18px !important;
}
.mb-md-35 {
margin-bottom: 20px !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-45 {
margin-bottom: 40px !important;
}
.mb-md-5 {
margin-bottom: 2rem !important;
}
.mb-md-6 {
margin-bottom: 2.5rem !important;
}
.mb-md-7 {
margin-bottom: 3rem !important;
}
.mb-md-8 {
margin-bottom: 3.5rem !important;
}
.mb-md-9 {
margin-bottom: 4rem !important;
}
.mb-md-10 {
margin-bottom: 4.5rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.24rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-25 {
margin-top: 10px !important;
}
.mt-md-26 {
margin-top: 12px !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-35 {
margin-top: 20px !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 2rem !important;
}
.mt-md-6 {
margin-top: 2.5rem !important;
}
.mt-md-7 {
margin-top: 3rem !important;
}
.mt-md-8 {
margin-top: 3.5rem !important;
}
.mt-md-9 {
margin-top: 4rem !important;
}
.mt-md-10 {
margin-top: 4.5rem !important;
}
} @media (min-width: 981px) { .no-v-gutter-lg {
row-gap: 0;
} .col-left-lg {
margin-left: calc(20px / 2) !important;
}
.col-right-lg {
margin-right: calc(20px / 2) !important;
}
.col-lg-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-lg-1,
.row--no-gutter > .col-lg-1 {
width: 8.33%;
}
.col-lg-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-lg-2,
.row--no-gutter > .col-lg-2 {
width: 16.66%;
}
.col-lg-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-lg-3,
.row--no-gutter > .col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-lg-4,
.row--no-gutter > .col-lg-4 {
width: 33.33%;
}
.col-lg-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-lg-5,
.row--no-gutter > .col-lg-5 {
width: 41.66%;
}
.col-lg-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-lg-6,
.row--no-gutter > .col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-lg-7,
.row--no-gutter > .col-lg-7 {
width: 58.33%;
}
.col-lg-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-lg-8,
.row--no-gutter > .col-lg-8 {
width: 66.66%;
}
.col-lg-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-lg-9,
.row--no-gutter > .col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-lg-10,
.row--no-gutter > .col-lg-10 {
width: 83.33%;
}
.col-lg-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-lg-11,
.row--no-gutter > .col-lg-11 {
width: 91.66%;
}
.col-lg-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-lg-12,
.row--no-gutter > .col-lg-12 {
width: 100%;
} .order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
} .p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.24rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-25 {
padding: 10px !important;
}
.p-lg-26 {
padding: 12px !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-35 {
padding: 20px !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 2rem !important;
}
.p-lg-6 {
padding: 2.5rem !important;
}
.p-lg-7 {
padding: 3rem !important;
}
.p-lg-8 {
padding: 3.5rem !important;
}
.p-lg-9 {
padding: 4rem !important;
}
.p-lg-10 {
padding: 4.5rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-lg-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-lg-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-lg-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-lg-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-lg-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-lg-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-lg-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-lg-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-lg-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-lg-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-lg-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-lg-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-lg-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-lg-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-lg-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-lg-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-lg-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-lg-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-lg-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-lg-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-lg-0 {
padding-left: 0 !important;
}
.pl-lg-1 {
padding-left: 0.24rem !important;
}
.pl-lg-2 {
padding-left: 0.5rem !important;
}
.pl-lg-25 {
padding-left: 10px !important;
}
.pl-lg-26 {
padding-left: 12px !important;
}
.pl-lg-3 {
padding-left: 1rem !important;
}
.pl-lg-35 {
padding-left: 20px !important;
}
.pl-lg-4 {
padding-left: 1.5rem !important;
}
.pl-lg-5 {
padding-left: 2rem !important;
}
.pl-lg-6 {
padding-left: 2.5rem !important;
}
.pl-lg-7 {
padding-left: 3rem !important;
}
.pl-lg-8 {
padding-left: 3.5rem !important;
}
.pl-lg-9 {
padding-left: 4rem !important;
}
.pl-lg-10 {
padding-left: 4.5rem !important;
}
.pr-lg-0 {
padding-right: 0 !important;
}
.pr-lg-1 {
padding-right: 0.24rem !important;
}
.pr-lg-2 {
padding-right: 0.5rem !important;
}
.pr-lg-25 {
padding-right: 10px !important;
}
.pr-lg-26 {
padding-right: 12px !important;
}
.pr-lg-3 {
padding-right: 1rem !important;
}
.pr-lg-35 {
padding-right: 20px !important;
}
.pr-lg-4 {
padding-right: 1.5rem !important;
}
.pr-lg-5 {
padding-right: 2rem !important;
}
.pr-lg-6 {
padding-right: 2.5rem !important;
}
.pr-lg-7 {
padding-right: 3rem !important;
}
.pr-lg-8 {
padding-right: 3.5rem !important;
}
.pr-lg-9 {
padding-right: 4rem !important;
}
.pr-lg-10 {
padding-right: 4.5rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.24rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-25 {
padding-bottom: 10px !important;
}
.pb-lg-26 {
padding-bottom: 12px !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-35 {
padding-bottom: 20px !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 2rem !important;
}
.pb-lg-6 {
padding-bottom: 2.5rem !important;
}
.pb-lg-7 {
padding-bottom: 3rem !important;
}
.pb-lg-8 {
padding-bottom: 3.5rem !important;
}
.pb-lg-9 {
padding-bottom: 4rem !important;
}
.pb-lg-10 {
padding-bottom: 4.5rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.24rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-25 {
padding-top: 10px !important;
}
.pt-lg-26 {
padding-top: 12px !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-35 {
padding-top: 20px !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 2rem !important;
}
.pt-lg-6 {
padding-top: 2.5rem !important;
}
.pt-lg-7 {
padding-top: 3rem !important;
}
.pt-lg-8 {
padding-top: 3.5rem !important;
}
.pt-lg-9 {
padding-top: 4rem !important;
}
.pt-lg-10 {
padding-top: 4.5rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.24rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-25 {
margin: 10px !important;
}
.m-lg-26 {
margin: 12px !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-35 {
margin: 20px !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 2rem !important;
}
.m-lg-6 {
margin: 2.5rem !important;
}
.m-lg-7 {
margin: 3rem !important;
}
.m-lg-8 {
margin: 3.5rem !important;
}
.m-lg-9 {
margin: 4rem !important;
}
.m-lg-10 {
margin: 4.5rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-lg-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-lg-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-lg-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-lg-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-lg-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-lg-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-lg-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-lg-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-lg-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-lg-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-lg-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-lg-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-lg-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-lg-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-lg-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-lg-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-lg-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-lg-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-lg-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-lg-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-lg-auto {
margin-left: auto !important;
}
.ml-lg-0 {
margin-left: 0 !important;
}
.ml-lg-1 {
margin-left: 0.24rem !important;
}
.ml-lg-2 {
margin-left: 0.5rem !important;
}
.ml-lg-25 {
margin-left: 10px !important;
}
.ml-lg-26 {
margin-left: 12px !important;
}
.ml-lg-3 {
margin-left: 1rem !important;
}
.ml-lg-35 {
margin-left: 20px !important;
}
.ml-lg-4 {
margin-left: 1.5rem !important;
}
.ml-lg-5 {
margin-left: 2rem !important;
}
.ml-lg-6 {
margin-left: 2.5rem !important;
}
.ml-lg-7 {
margin-left: 3rem !important;
}
.ml-lg-8 {
margin-left: 3.5rem !important;
}
.ml-lg-9 {
margin-left: 4rem !important;
}
.ml-lg-10 {
margin-left: 4.5rem !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mr-lg-0 {
margin-right: 0 !important;
}
.mr-lg-1 {
margin-right: 0.24rem !important;
}
.mr-lg-2 {
margin-right: 0.5rem !important;
}
.mr-lg-25 {
margin-right: 10px !important;
}
.mr-lg-26 {
margin-right: 12px !important;
}
.mr-lg-3 {
margin-right: 1rem !important;
}
.mr-lg-35 {
margin-right: 20px !important;
}
.mr-lg-4 {
margin-right: 1.5rem !important;
}
.mr-lg-5 {
margin-right: 2rem !important;
}
.mr-lg-6 {
margin-right: 2.5rem !important;
}
.mr-lg-7 {
margin-right: 3rem !important;
}
.mr-lg-8 {
margin-right: 3.5rem !important;
}
.mr-lg-9 {
margin-right: 4rem !important;
}
.mr-lg-10 {
margin-right: 4.5rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.24rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-25 {
margin-bottom: 10px !important;
}
.mb-lg-26 {
margin-bottom: 12px !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-35 {
margin-bottom: 20px !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-45 {
margin-bottom: 40px !important;
}
.mb-lg-5 {
margin-bottom: 2rem !important;
}
.mb-lg-6 {
margin-bottom: 2.5rem !important;
}
.mb-lg-7 {
margin-bottom: 3rem !important;
}
.mb-lg-8 {
margin-bottom: 3.5rem !important;
}
.mb-lg-9 {
margin-bottom: 4rem !important;
}
.mb-lg-10 {
margin-bottom: 4.5rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.24rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-25 {
margin-top: 10px !important;
}
.mt-lg-26 {
margin-top: 12px !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-35 {
margin-top: 20px !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-45 {
margin-top: 40px !important;
}
.mt-lg-5 {
margin-top: 2rem !important;
}
.mt-lg-6 {
margin-top: 2.5rem !important;
}
.mt-lg-7 {
margin-top: 3rem !important;
}
.mt-lg-8 {
margin-top: 3.5rem !important;
}
.mt-lg-9 {
margin-top: 4rem !important;
}
.mt-lg-10 {
margin-top: 4.5rem !important;
}
} @media (min-width: 1240px) { .no-v-gutter-xl {
row-gap: 0;
} .col-left-xl {
margin-left: calc(20px / 2) !important;
}
.col-right-xl {
margin-right: calc(20px / 2) !important;
}
.col-xl-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-xl-1,
.row--no-gutter > .col-xl-1 {
width: 8.33%;
}
.col-xl-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-xl-2,
.row--no-gutter > .col-xl-2 {
width: 16.66%;
}
.col-xl-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-xl-3,
.row--no-gutter > .col-xl-3 {
width: 25%;
}
.col-xl-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-xl-4,
.row--no-gutter > .col-xl-4 {
width: 33.33%;
}
.col-xl-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-xl-5,
.row--no-gutter > .col-xl-5 {
width: 41.66%;
}
.col-xl-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-xl-6,
.row--no-gutter > .col-xl-6 {
width: 50%;
}
.col-xl-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-xl-7,
.row--no-gutter > .col-xl-7 {
width: 58.33%;
}
.col-xl-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-xl-8,
.row--no-gutter > .col-xl-8 {
width: 66.66%;
}
.col-xl-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-xl-9,
.row--no-gutter > .col-xl-9 {
width: 75%;
}
.col-xl-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-xl-10,
.row--no-gutter > .col-xl-10 {
width: 83.33%;
}
.col-xl-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-xl-11,
.row--no-gutter > .col-xl-11 {
width: 91.66%;
}
.col-xl-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-xl-12,
.row--no-gutter > .col-xl-12 {
width: 100%;
}  .container--big-gutter {
padding: 0 calc(40px);
}
.container--big-gutter .row {
margin: -40px;
}
.container--big-gutter .row > div {
margin: 0 auto 0 calc(40px / 2);
}
.container--big-gutter .row-full-width {
margin: 0 calc(-40px / 2);
}
.container--big-gutter .col-xl-1 {
width: calc(8.33% - 40px);
}
.container--big-gutter .col-xl-2 {
width: calc(16.66% - 40px);
}
.container--big-gutter .col-xl-3 {
width: calc(25% - 40px);
}
.container--big-gutter .col-xl-4 {
width: calc(33.33% - 40px);
}
.container--big-gutter .col-xl-5 {
width: calc(41.66% - 40px);
}
.container--big-gutter .col-xl-6 {
width: calc(50% - 40px);
}
.container--big-gutter .col-xl-7 {
width: calc(58.33% - 40px);
}
.container--big-gutter .col-xl-8 {
width: calc(66.66% - 40px);
}
.container--big-gutter .col-xl-9 {
width: calc(75% - 40px);
}
.container--big-gutter .col-xl-10 {
width: calc(83.33% - 40px);
}
.container--big-gutter .col-xl-11 {
width: calc(91.66% - 40px);
}
.container--big-gutter .col-xl-12 {
width: calc(100% - 40px);
} .p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.24rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-25 {
padding: 10px !important;
}
.p-xl-26 {
padding: 12px !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-35 {
padding: 20px !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 2rem !important;
}
.p-xl-6 {
padding: 2.5rem !important;
}
.p-xl-7 {
padding: 3rem !important;
}
.p-xl-8 {
padding: 3.5rem !important;
}
.p-xl-9 {
padding: 4rem !important;
}
.p-xl-10 {
padding: 4.5rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-xl-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xl-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-xl-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-xl-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-xl-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-xl-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-xl-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-xl-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-xl-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-xl-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-xl-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-xl-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-xl-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-xl-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-xl-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-xl-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-xl-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-xl-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-xl-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-xl-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-xl-0 {
padding-left: 0 !important;
}
.pl-xl-1 {
padding-left: 0.24rem !important;
}
.pl-xl-2 {
padding-left: 0.5rem !important;
}
.pl-xl-25 {
padding-left: 10px !important;
}
.pl-xl-26 {
padding-left: 12px !important;
}
.pl-xl-3 {
padding-left: 1rem !important;
}
.pl-xl-35 {
padding-left: 20px !important;
}
.pl-xl-4 {
padding-left: 1.5rem !important;
}
.pl-xl-5 {
padding-left: 2rem !important;
}
.pl-xl-6 {
padding-left: 2.5rem !important;
}
.pl-xl-7 {
padding-left: 3rem !important;
}
.pl-xl-8 {
padding-left: 3.5rem !important;
}
.pl-xl-9 {
padding-left: 4rem !important;
}
.pl-xl-10 {
padding-left: 4.5rem !important;
}
.pr-xl-0 {
padding-right: 0 !important;
}
.pr-xl-1 {
padding-right: 0.24rem !important;
}
.pr-xl-2 {
padding-right: 0.5rem !important;
}
.pr-xl-25 {
padding-right: 10px !important;
}
.pr-xl-26 {
padding-right: 12px !important;
}
.pr-xl-3 {
padding-right: 1rem !important;
}
.pr-xl-35 {
padding-right: 20px !important;
}
.pr-xl-4 {
padding-right: 1.5rem !important;
}
.pr-xl-5 {
padding-right: 2rem !important;
}
.pr-xl-6 {
padding-right: 2.5rem !important;
}
.pr-xl-7 {
padding-right: 3rem !important;
}
.pr-xl-8 {
padding-right: 3.5rem !important;
}
.pr-xl-9 {
padding-right: 4rem !important;
}
.pr-xl-10 {
padding-right: 4.5rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.24rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-25 {
padding-bottom: 10px !important;
}
.pb-xl-26 {
padding-bottom: 12px !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-35 {
padding-bottom: 20px !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 2rem !important;
}
.pb-xl-6 {
padding-bottom: 2.5rem !important;
}
.pb-xl-7 {
padding-bottom: 3rem !important;
}
.pb-xl-8 {
padding-bottom: 3.5rem !important;
}
.pb-xl-9 {
padding-bottom: 4rem !important;
}
.pb-xl-10 {
padding-bottom: 4.5rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.24rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-25 {
padding-top: 10px !important;
}
.pt-xl-26 {
padding-top: 12px !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-35 {
padding-top: 20px !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 2rem !important;
}
.pt-xl-6 {
padding-top: 2.5rem !important;
}
.pt-xl-7 {
padding-top: 3rem !important;
}
.pt-xl-8 {
padding-top: 3.5rem !important;
}
.pt-xl-9 {
padding-top: 4rem !important;
}
.pt-xl-10 {
padding-top: 4.5rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.24rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-25 {
margin: 10px !important;
}
.m-xl-26 {
margin: 12px !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-35 {
margin: 20px !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 2rem !important;
}
.m-xl-6 {
margin: 2.5rem !important;
}
.m-xl-7 {
margin: 3rem !important;
}
.m-xl-8 {
margin: 3.5rem !important;
}
.m-xl-9 {
margin: 4rem !important;
}
.m-xl-10 {
margin: 4.5rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-xl-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xl-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-xl-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-xl-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-xl-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-xl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-xl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-xl-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-xl-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-xl-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-xl-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-xl-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-xl-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-xl-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-xl-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-xl-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-xl-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-xl-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-xl-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-xl-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-xl-auto {
margin-left: auto !important;
}
.ml-xl-0 {
margin-left: 0 !important;
}
.ml-xl-1 {
margin-left: 0.24rem !important;
}
.ml-xl-2 {
margin-left: 0.5rem !important;
}
.ml-xl-25 {
margin-left: 10px !important;
}
.ml-xl-26 {
margin-left: 12px !important;
}
.ml-xl-3 {
margin-left: 1rem !important;
}
.ml-xl-35 {
margin-left: 20px !important;
}
.ml-xl-4 {
margin-left: 1.5rem !important;
}
.ml-xl-5 {
margin-left: 2rem !important;
}
.ml-xl-6 {
margin-left: 2.5rem !important;
}
.ml-xl-7 {
margin-left: 3rem !important;
}
.ml-xl-8 {
margin-left: 3.5rem !important;
}
.ml-xl-9 {
margin-left: 4rem !important;
}
.ml-xl-10 {
margin-left: 4.5rem !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mr-xl-0 {
margin-right: 0 !important;
}
.mr-xl-1 {
margin-right: 0.24rem !important;
}
.mr-xl-2 {
margin-right: 0.5rem !important;
}
.mr-xl-25 {
margin-right: 10px !important;
}
.mr-xl-26 {
margin-right: 12px !important;
}
.mr-xl-3 {
margin-right: 1rem !important;
}
.mr-xl-35 {
margin-right: 20px !important;
}
.mr-xl-4 {
margin-right: 1.5rem !important;
}
.mr-xl-5 {
margin-right: 2rem !important;
}
.mr-xl-6 {
margin-right: 2.5rem !important;
}
.mr-xl-7 {
margin-right: 3rem !important;
}
.mr-xl-8 {
margin-right: 3.5rem !important;
}
.mr-xl-9 {
margin-right: 4rem !important;
}
.mr-xl-10 {
margin-right: 4.5rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.24rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-25 {
margin-bottom: 10px !important;
}
.mb-xl-26 {
margin-bottom: 12px !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-35 {
margin-bottom: 20px !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-45 {
margin-bottom: 40px !important;
}
.mb-xl-5 {
margin-bottom: 2rem !important;
}
.mb-xl-6 {
margin-bottom: 2.5rem !important;
}
.mb-xl-7 {
margin-bottom: 3rem !important;
}
.mb-xl-8 {
margin-bottom: 3.5rem !important;
}
.mb-xl-9 {
margin-bottom: 4rem !important;
}
.mb-xl-10 {
margin-bottom: 4.5rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.24rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-25 {
margin-top: 10px !important;
}
.mt-xl-26 {
margin-top: 12px !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-35 {
margin-top: 20px !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-45 {
margin-top: 40px !important;
}
.mt-xl-5 {
margin-top: 2rem !important;
}
.mt-xl-6 {
margin-top: 2.5rem !important;
}
.mt-xl-7 {
margin-top: 3rem !important;
}
.mt-xl-8 {
margin-top: 3.5rem !important;
}
.mt-xl-9 {
margin-top: 4rem !important;
}
.mt-xl-10 {
margin-top: 4.5rem !important;
}
} @media screen and (min-width: 1400px) { .no-v-gutter-xxl {
row-gap: 0;
} .col-left-xxl {
margin-left: calc(20px / 2) !important;
}
.col-right-xxl {
margin-right: calc(20px / 2) !important;
}
.col-xxl-1 {
width: calc(8.33% - 20px);
}
.row--no-g-gutter > .col-xxl-1,
.row--no-gutter > .col-xxl-1 {
width: 8.33%;
}
.col-xxl-2 {
width: calc(16.66% - 20px);
}
.row--no-g-gutter > .col-xxl-2,
.row--no-gutter > .col-xxl-2 {
width: 16.66%;
}
.col-xxl-3 {
width: calc(25% - 20px);
}
.row--no-g-gutter > .col-xxl-3,
.row--no-gutter > .col-xxl-3 {
width: 25%;
}
.col-xxl-4 {
width: calc(33.33% - 20px);
}
.row--no-g-gutter > .col-xxl-4,
.row--no-gutter > .col-xxl-4 {
width: 33.33%;
}
.col-xxl-5 {
width: calc(41.66% - 20px);
}
.row--no-g-gutter > .col-xxl-5,
.row--no-gutter > .col-xxl-5 {
width: 41.66%;
}
.col-xxl-6 {
width: calc(50% - 20px);
}
.row--no-g-gutter > .col-xxl-6,
.row--no-gutter > .col-xxl-6 {
width: 50%;
}
.col-xxl-7 {
width: calc(58.33% - 20px);
}
.row--no-g-gutter > .col-xxl-7,
.row--no-gutter > .col-xxl-7 {
width: 58.33%;
}
.col-xxl-8 {
width: calc(66.66% - 20px);
}
.row--no-g-gutter > .col-xxl-8,
.row--no-gutter > .col-xxl-8 {
width: 66.66%;
}
.col-xxl-9 {
width: calc(75% - 20px);
}
.row--no-g-gutter > .col-xxl-9,
.row--no-gutter > .col-xxl-9 {
width: 75%;
}
.col-xxl-10 {
width: calc(83.33% - 20px);
}
.row--no-g-gutter > .col-xxl-10,
.row--no-gutter > .col-xxl-10 {
width: 83.33%;
}
.col-xxl-11 {
width: calc(91.66% - 20px);
}
.row--no-g-gutter > .col-xxl-11,
.row--no-gutter > .col-xxl-11 {
width: 91.66%;
}
.col-xxl-12 {
width: calc(100% - 20px);
}
.row--no-g-gutter > .col-xxl-12,
.row--no-gutter > .col-xxl-12 {
width: 100%;
} .p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.24rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-25 {
padding: 10px !important;
}
.p-xxl-26 {
padding: 12px !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-35 {
padding: 20px !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 2rem !important;
}
.p-xxl-6 {
padding: 2.5rem !important;
}
.p-xxl-7 {
padding: 3rem !important;
}
.p-xxl-8 {
padding: 3.5rem !important;
}
.p-xxl-9 {
padding: 4rem !important;
}
.p-xxl-10 {
padding: 4.5rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.24rem !important;
padding-bottom: 0.24rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-25 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.py-xxl-26 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-35 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xxl-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-xxl-7 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-xxl-8 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.py-xxl-9 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-xxl-10 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.px-xxl-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-xxl-1 {
padding-left: 0.24rem !important;
padding-right: 0.24rem !important;
}
.px-xxl-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-xxl-25 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-xxl-26 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.px-xxl-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-xxl-35 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.px-xxl-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.px-xxl-5 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-xxl-6 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-xxl-7 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-xxl-8 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.px-xxl-9 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-xxl-10 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.pl-xxl-0 {
padding-left: 0 !important;
}
.pl-xxl-1 {
padding-left: 0.24rem !important;
}
.pl-xxl-2 {
padding-left: 0.5rem !important;
}
.pl-xxl-25 {
padding-left: 10px !important;
}
.pl-xxl-26 {
padding-left: 12px !important;
}
.pl-xxl-3 {
padding-left: 1rem !important;
}
.pl-xxl-35 {
padding-left: 20px !important;
}
.pl-xxl-4 {
padding-left: 1.5rem !important;
}
.pl-xxl-5 {
padding-left: 2rem !important;
}
.pl-xxl-6 {
padding-left: 2.5rem !important;
}
.pl-xxl-7 {
padding-left: 3rem !important;
}
.pl-xxl-8 {
padding-left: 3.5rem !important;
}
.pl-xxl-9 {
padding-left: 4rem !important;
}
.pl-xxl-10 {
padding-left: 4.5rem !important;
}
.pr-xxl-0 {
padding-right: 0 !important;
}
.pr-xxl-1 {
padding-right: 0.24rem !important;
}
.pr-xxl-2 {
padding-right: 0.5rem !important;
}
.pr-xxl-25 {
padding-right: 10px !important;
}
.pr-xxl-26 {
padding-right: 12px !important;
}
.pr-xxl-3 {
padding-right: 1rem !important;
}
.pr-xxl-35 {
padding-right: 20px !important;
}
.pr-xxl-4 {
padding-right: 1.5rem !important;
}
.pr-xxl-5 {
padding-right: 2rem !important;
}
.pr-xxl-6 {
padding-right: 2.5rem !important;
}
.pr-xxl-7 {
padding-right: 3rem !important;
}
.pr-xxl-8 {
padding-right: 3.5rem !important;
}
.pr-xxl-9 {
padding-right: 4rem !important;
}
.pr-xxl-10 {
padding-right: 4.5rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.24rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-25 {
padding-bottom: 10px !important;
}
.pb-xxl-26 {
padding-bottom: 12px !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-35 {
padding-bottom: 20px !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 2rem !important;
}
.pb-xxl-6 {
padding-bottom: 2.5rem !important;
}
.pb-xxl-7 {
padding-bottom: 3rem !important;
}
.pb-xxl-8 {
padding-bottom: 3.5rem !important;
}
.pb-xxl-9 {
padding-bottom: 4rem !important;
}
.pb-xxl-10 {
padding-bottom: 4.5rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.24rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-25 {
padding-top: 10px !important;
}
.pt-xxl-26 {
padding-top: 12px !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-35 {
padding-top: 20px !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 2rem !important;
}
.pt-xxl-6 {
padding-top: 2.5rem !important;
}
.pt-xxl-7 {
padding-top: 3rem !important;
}
.pt-xxl-8 {
padding-top: 3.5rem !important;
}
.pt-xxl-9 {
padding-top: 4rem !important;
}
.pt-xxl-10 {
padding-top: 4.5rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.24rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-25 {
margin: 10px !important;
}
.m-xxl-26 {
margin: 12px !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-35 {
margin: 20px !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 2rem !important;
}
.m-xxl-6 {
margin: 2.5rem !important;
}
.m-xxl-7 {
margin: 3rem !important;
}
.m-xxl-8 {
margin: 3.5rem !important;
}
.m-xxl-9 {
margin: 4rem !important;
}
.m-xxl-10 {
margin: 4.5rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.24rem !important;
margin-bottom: 0.24rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-25 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.my-xxl-26 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-35 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xxl-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-xxl-7 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-8 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.my-xxl-9 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-xxl-10 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.mx-xxl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-xxl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-xxl-1 {
margin-left: 0.24rem !important;
margin-right: 0.24rem !important;
}
.mx-xxl-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-xxl-25 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mx-xxl-26 {
margin-left: 12px !important;
margin-right: 12px !important;
}
.mx-xxl-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-xxl-35 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mx-xxl-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mx-xxl-5 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-xxl-6 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-xxl-7 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-xxl-8 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mx-xxl-9 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-xxl-10 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.ml-xxl-auto {
margin-left: auto !important;
}
.ml-xxl-0 {
margin-left: 0 !important;
}
.ml-xxl-1 {
margin-left: 0.24rem !important;
}
.ml-xxl-2 {
margin-left: 0.5rem !important;
}
.ml-xxl-25 {
margin-left: 10px !important;
}
.ml-xxl-26 {
margin-left: 12px !important;
}
.ml-xxl-3 {
margin-left: 1rem !important;
}
.ml-xxl-35 {
margin-left: 20px !important;
}
.ml-xxl-4 {
margin-left: 1.5rem !important;
}
.ml-xxl-5 {
margin-left: 2rem !important;
}
.ml-xxl-6 {
margin-left: 2.5rem !important;
}
.ml-xxl-7 {
margin-left: 3rem !important;
}
.ml-xxl-8 {
margin-left: 3.5rem !important;
}
.ml-xxl-9 {
margin-left: 4rem !important;
}
.ml-xxl-10 {
margin-left: 4.5rem !important;
}
.mr-xxl-auto {
margin-right: auto !important;
}
.mr-xxl-0 {
margin-right: 0 !important;
}
.mr-xxl-1 {
margin-right: 0.24rem !important;
}
.mr-xxl-2 {
margin-right: 0.5rem !important;
}
.mr-xxl-25 {
margin-right: 10px !important;
}
.mr-xxl-26 {
margin-right: 12px !important;
}
.mr-xxl-3 {
margin-right: 1rem !important;
}
.mr-xxl-35 {
margin-right: 20px !important;
}
.mr-xxl-4 {
margin-right: 1.5rem !important;
}
.mr-xxl-5 {
margin-right: 2rem !important;
}
.mr-xxl-6 {
margin-right: 2.5rem !important;
}
.mr-xxl-7 {
margin-right: 3rem !important;
}
.mr-xxl-8 {
margin-right: 3.5rem !important;
}
.mr-xxl-9 {
margin-right: 4rem !important;
}
.mr-xxl-10 {
margin-right: 4.5rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.24rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-25 {
margin-bottom: 10px !important;
}
.mb-xxl-26 {
margin-bottom: 12px !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-35 {
margin-bottom: 20px !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-45 {
margin-bottom: 40px !important;
}
.mb-xxl-5 {
margin-bottom: 2rem !important;
}
.mb-xxl-6 {
margin-bottom: 2.5rem !important;
}
.mb-xxl-7 {
margin-bottom: 3rem !important;
}
.mb-xxl-8 {
margin-bottom: 3.5rem !important;
}
.mb-xxl-9 {
margin-bottom: 4rem !important;
}
.mb-xxl-10 {
margin-bottom: 4.5rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.24rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-25 {
margin-top: 10px !important;
}
.mt-xxl-26 {
margin-top: 12px !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-35 {
margin-top: 20px !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 2rem !important;
}
.mt-xxl-6 {
margin-top: 2.5rem !important;
}
.mt-xxl-7 {
margin-top: 3rem !important;
}
.mt-xxl-8 {
margin-top: 3.5rem !important;
}
.mt-xxl-9 {
margin-top: 4rem !important;
}
.mt-xxl-10 {
margin-top: 4.5rem !important;
}
}  .d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
} .flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
@media (max-width: 980px) {
.flex-column-reverse-mob {
flex-direction: column-reverse !important;
}
} .justify-start {
justify-content: flex-start !important;
}
.justify-center {
justify-content: center !important;
}
.justify-end {
justify-content: flex-end !important;
}
.justify-between {
justify-content: space-between !important;
}
.justify-around {
justify-content: space-around !important;
}
.justify-evenly {
justify-content: space-evenly !important;
} .align-start {
align-items: flex-start !important;
}
.align-center {
align-items: center !important;
}
.align-end {
align-items: flex-end !important;
}
.align-baseline {
align-items: baseline !important;
}
.align-stretch {
align-items: stretch !important;
} .align-self-start {
align-self: flex-start !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
} .flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} @media (min-width: 320px) { .xxs-flex-row {
flex-direction: row !important;
}
.xxs-flex-column {
flex-direction: column !important;
}
.xxs-flex-row-reverse {
flex-direction: row-reverse !important;
}
.xxs-flex-column-reverse {
flex-direction: column-reverse !important;
} .xxs-justify-start {
justify-content: flex-start !important;
}
.xxs-justify-center {
justify-content: center !important;
}
.xxs-justify-end {
justify-content: flex-end !important;
}
.xxs-justify-between {
justify-content: space-between !important;
}
.xxs-justify-around {
justify-content: space-around !important;
}
.xxs-justify-evenly {
justify-content: space-evenly !important;
} .xxs-align-start {
align-items: flex-start !important;
}
.xxs-align-center {
align-items: center !important;
}
.xxs-align-end {
align-items: flex-end !important;
}
.xxs-align-baseline {
align-items: baseline !important;
}
.xxs-align-stretch {
align-items: stretch !important;
} .xxs-align-self-start {
align-self: flex-start !important;
}
.xxs-align-self-center {
align-self: center !important;
}
.xxs-align-self-end {
align-self: flex-end !important;
}
.xxs-align-self-baseline {
align-self: baseline !important;
}
.xxs-align-self-stretch {
align-self: stretch !important;
} .xxs-flex-wrap {
flex-wrap: wrap !important;
}
.xxs-flex-nowrap {
flex-wrap: nowrap !important;
}
.xxs-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-xxs-none {
display: none !important;
}
.d-xxs-block {
display: block !important;
}
.d-xxs-flex {
display: flex !important;
}
.d-xxs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 360px) { .xs-flex-row {
flex-direction: row !important;
}
.xs-flex-column {
flex-direction: column !important;
}
.xs-flex-row-reverse {
flex-direction: row-reverse !important;
}
.xs-flex-column-reverse {
flex-direction: column-reverse !important;
} .xs-justify-start {
justify-content: flex-start !important;
}
.xs-justify-center {
justify-content: center !important;
}
.xs-justify-end {
justify-content: flex-end !important;
}
.xs-justify-between {
justify-content: space-between !important;
}
.xs-justify-around {
justify-content: space-around !important;
}
.xs-justify-evenly {
justify-content: space-evenly !important;
} .xs-align-start {
align-items: flex-start !important;
}
.xs-align-center {
align-items: center !important;
}
.xs-align-end {
align-items: flex-end !important;
}
.xs-align-baseline {
align-items: baseline !important;
}
.xs-align-stretch {
align-items: stretch !important;
} .xs-align-self-start {
align-self: flex-start !important;
}
.xs-align-self-center {
align-self: center !important;
}
.xs-align-self-end {
align-self: flex-end !important;
}
.xs-align-self-baseline {
align-self: baseline !important;
}
.xs-align-self-stretch {
align-self: stretch !important;
} .xs-flex-wrap {
flex-wrap: wrap !important;
}
.xs-flex-nowrap {
flex-wrap: nowrap !important;
}
.xs-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-xs-none {
display: none !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 576px) { .sm-flex-row {
flex-direction: row !important;
}
.sm-flex-column {
flex-direction: column !important;
}
.sm-flex-row-reverse {
flex-direction: row-reverse !important;
}
.sm-flex-column-reverse {
flex-direction: column-reverse !important;
} .sm-justify-start {
justify-content: flex-start !important;
}
.sm-justify-center {
justify-content: center !important;
}
.sm-justify-end {
justify-content: flex-end !important;
}
.sm-justify-between {
justify-content: space-between !important;
}
.sm-justify-around {
justify-content: space-around !important;
}
.sm-justify-evenly {
justify-content: space-evenly !important;
} .sm-align-start {
align-items: flex-start !important;
}
.sm-align-center {
align-items: center !important;
}
.sm-align-end {
align-items: flex-end !important;
}
.sm-align-baseline {
align-items: baseline !important;
}
.sm-align-stretch {
align-items: stretch !important;
} .sm-align-self-start {
align-self: flex-start !important;
}
.sm-align-self-center {
align-self: center !important;
}
.sm-align-self-end {
align-self: flex-end !important;
}
.sm-align-self-baseline {
align-self: baseline !important;
}
.sm-align-self-stretch {
align-self: stretch !important;
} .sm-flex-wrap {
flex-wrap: wrap !important;
}
.sm-flex-nowrap {
flex-wrap: nowrap !important;
}
.sm-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) { .md-flex-row {
flex-direction: row !important;
}
.md-flex-column {
flex-direction: column !important;
}
.md-flex-row-reverse {
flex-direction: row-reverse !important;
}
.md-flex-column-reverse {
flex-direction: column-reverse !important;
} .md-justify-start {
justify-content: flex-start !important;
}
.md-justify-center {
justify-content: center !important;
}
.md-justify-end {
justify-content: flex-end !important;
}
.md-justify-between {
justify-content: space-between !important;
}
.md-justify-around {
justify-content: space-around !important;
}
.md-justify-evenly {
justify-content: space-evenly !important;
} .md-align-start {
align-items: flex-start !important;
}
.md-align-center {
align-items: center !important;
}
.md-align-end {
align-items: flex-end !important;
}
.md-align-baseline {
align-items: baseline !important;
}
.md-align-stretch {
align-items: stretch !important;
} .md-align-self-start {
align-self: flex-start !important;
}
.md-align-self-center {
align-self: center !important;
}
.md-align-self-end {
align-self: flex-end !important;
}
.md-align-self-baseline {
align-self: baseline !important;
}
.md-align-self-stretch {
align-self: stretch !important;
} .md-flex-wrap {
flex-wrap: wrap !important;
}
.md-flex-nowrap {
flex-wrap: nowrap !important;
}
.md-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 981px) { .lg-flex-row {
flex-direction: row !important;
}
.lg-flex-column {
flex-direction: column !important;
}
.lg-flex-row-reverse {
flex-direction: row-reverse !important;
}
.lg-flex-column-reverse {
flex-direction: column-reverse !important;
} .lg-justify-start {
justify-content: flex-start !important;
}
.lg-justify-center {
justify-content: center !important;
}
.lg-justify-end {
justify-content: flex-end !important;
}
.lg-justify-between {
justify-content: space-between !important;
}
.lg-justify-around {
justify-content: space-around !important;
}
.lg-justify-evenly {
justify-content: space-evenly !important;
} .lg-align-start {
align-items: flex-start !important;
}
.lg-align-center {
align-items: center !important;
}
.lg-align-end {
align-items: flex-end !important;
}
.lg-align-baseline {
align-items: baseline !important;
}
.lg-align-stretch {
align-items: stretch !important;
} .lg-align-self-start {
align-self: flex-start !important;
}
.lg-align-self-center {
align-self: center !important;
}
.lg-align-self-end {
align-self: flex-end !important;
}
.lg-align-self-baseline {
align-self: baseline !important;
}
.lg-align-self-stretch {
align-self: stretch !important;
} .lg-flex-wrap {
flex-wrap: wrap !important;
}
.lg-flex-nowrap {
flex-wrap: nowrap !important;
}
.lg-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1240px) { .xl-flex-row {
flex-direction: row !important;
}
.xl-flex-column {
flex-direction: column !important;
}
.xl-flex-row-reverse {
flex-direction: row-reverse !important;
}
.xl-flex-column-reverse {
flex-direction: column-reverse !important;
} .xl-justify-start {
justify-content: flex-start !important;
}
.xl-justify-center {
justify-content: center !important;
}
.xl-justify-end {
justify-content: flex-end !important;
}
.xl-justify-between {
justify-content: space-between !important;
}
.xl-justify-around {
justify-content: space-around !important;
}
.xl-justify-evenly {
justify-content: space-evenly !important;
} .xl-align-start {
align-items: flex-start !important;
}
.xl-align-center {
align-items: center !important;
}
.xl-align-end {
align-items: flex-end !important;
}
.xl-align-baseline {
align-items: baseline !important;
}
.xl-align-stretch {
align-items: stretch !important;
} .xl-align-self-start {
align-self: flex-start !important;
}
.xl-align-self-center {
align-self: center !important;
}
.xl-align-self-end {
align-self: flex-end !important;
}
.xl-align-self-baseline {
align-self: baseline !important;
}
.xl-align-self-stretch {
align-self: stretch !important;
} .xl-flex-wrap {
flex-wrap: wrap !important;
}
.xl-flex-nowrap {
flex-wrap: nowrap !important;
}
.xl-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1440px) { .xxl-flex-row {
flex-direction: row !important;
}
.xxl-flex-column {
flex-direction: column !important;
}
.xxl-flex-row-reverse {
flex-direction: row-reverse !important;
}
.xxl-flex-column-reverse {
flex-direction: column-reverse !important;
} .xxl-justify-start {
justify-content: flex-start !important;
}
.xxl-justify-center {
justify-content: center !important;
}
.xxl-justify-end {
justify-content: flex-end !important;
}
.xxl-justify-between {
justify-content: space-between !important;
}
.xxl-justify-around {
justify-content: space-around !important;
}
.xxl-justify-evenly {
justify-content: space-evenly !important;
} .xxl-align-start {
align-items: flex-start !important;
}
.xxl-align-center {
align-items: center !important;
}
.xxl-align-end {
align-items: flex-end !important;
}
.xxl-align-baseline {
align-items: baseline !important;
}
.xxl-align-stretch {
align-items: stretch !important;
} .xxl-align-self-start {
align-self: flex-start !important;
}
.xxl-align-self-center {
align-self: center !important;
}
.xxl-align-self-end {
align-self: flex-end !important;
}
.xxl-align-self-baseline {
align-self: baseline !important;
}
.xxl-align-self-stretch {
align-self: stretch !important;
} .xxl-flex-wrap {
flex-wrap: wrap !important;
}
.xxl-flex-nowrap {
flex-wrap: nowrap !important;
}
.xxl-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
} .d-xxl-none {
display: none !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
} body .col-full {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.page-kasse .col-full,
.woocommerce-account .col-full,
.page-warenkorb .col-full {
width: 1140px !important;
max-width: 90% !important;
margin: 0 auto !important;
}
.page-kasse #secondary,
.woocommerce-account #secondary,
.page-warenkorb #secondary {
display: none;
}
.col2-set .col-1,
.col2-set .col-2 {
width: 100%;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.col2-set .col-1 {
margin-bottom: 0 !important;
}
}
.col2-set.addresses {
display: flex;
flex-wrap: wrap;
gap: 20px 40px;
}
.col2-set.addresses .col-1,
.col2-set.addresses .col-2 {
width: 100%;
margin: 0 !important;
}
.col2-set.addresses address {
margin: 0;
}
.col2-set.addresses .woocommerce-column__title {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.col2-set.addresses {
flex-wrap: nowrap;
}
} * {
box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: #8B1E3F !important;
}
body {
overflow-x: hidden; background: #DCCBBB !important;
}
img {
display: block;
max-width: 100%;
}
body .edit-link {
display: none !important;
}
select {
padding: 12px;
background-color: #fff;
border: 1px solid #DFD7D0;
border-radius: 12px;
font-family: "Work Sans", sans-serif;
font-size: 16px !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/dropdown-arrow.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: right center;
background-position-x: calc(100% - 6px);
outline: #8B1E3F;
padding-right: 26px;
}
.site-content > .col-full > .woocommerce > .woocommerce-message:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-info:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child {
margin-top: 100px;
}
.wc-item-meta {
margin-bottom: 0;
} .animation-stopper * {
animation: none !important;
transition: none !important;
} iframe {
display: block;
} .main-footer,
.modal {
content-visibility: auto;
} html {
scroll-behavior: smooth;
}
.main-body {
scroll-snap-type: y mandatory;
}
[id] {
scroll-snap-align: start;
scroll-margin-top: 86px;
}
@media (min-width: 981px) {
[id] {
scroll-margin-top: 86px;
}
} .storefront-breadcrumb {
padding: 0 !important;
margin: 0 !important;
height: 0 !important;
} .overflow-draggable {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
min-width: 100% !important;
overflow-x: scroll;
padding-bottom: 10px;
}
.overflow-draggable--vertical-hardcoded {
display: flex;
align-items: flex-start;
flex-direction: column;
max-height: 300px;
overflow-x: auto;
overflow-y: scroll;
}
.overflow-draggable--vertical {
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 0 !important; }
.overflow-draggable::-webkit-scrollbar {
width: 5px;
height: 5px;
} .overflow-draggable::-webkit-scrollbar-track {
background: #E8DCD1;
border-radius: 10px;
} .overflow-draggable::-webkit-scrollbar-thumb {
background: #3F3A2B;
border-radius: 10px;
cursor: grab;
} .overflow-draggable::-webkit-scrollbar-thumb:hover,
.overflow-draggable::-webkit-scrollbar-thumb:active,
.overflow-draggable::-webkit-scrollbar-thumb:focus {
background: #3F3A2B;
}  .overflow-draggable--hide-scrollbar {
padding-bottom: 0;
cursor: default; -ms-overflow-style: none; scrollbar-width: none; } .overflow-draggable--hide-scrollbar::-webkit-scrollbar {
display: none;
} @media (min-width: 576px) {
.overflow-draggable--hide-scrollbar-sm {
padding-bottom: 0;
cursor: default; -ms-overflow-style: none; scrollbar-width: none; } .overflow-draggable--hide-scrollbar-sm::-webkit-scrollbar {
display: none;
}
}
@media (min-width: 768px) {
.overflow-draggable--hide-scrollbar-md {
padding-bottom: 0;
cursor: default; -ms-overflow-style: none; scrollbar-width: none; } .overflow-draggable--hide-scrollbar-md::-webkit-scrollbar {
display: none;
}
}
@media (min-width: 981px) {
.overflow-draggable--hide-scrollbar-lg {
padding-bottom: 0;
cursor: default; -ms-overflow-style: none; scrollbar-width: none; } .overflow-draggable--hide-scrollbar-lg::-webkit-scrollbar {
display: none;
}
}
@media (min-width: 1440px) {
.overflow-draggable--hide-scrollbar-xxl {
padding-bottom: 0;
cursor: default; -ms-overflow-style: none; scrollbar-width: none; } .overflow-draggable--hide-scrollbar-xxl::-webkit-scrollbar {
display: none;
}
} button {
background: transparent;
border: none;
}
@media (max-width: 767px) {
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button {
margin-top: 10px;
}
}
.woocommerce-button.button,
.download-invoice-pdf a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button,
.btn,
body.page-warenkorb .page .wc-backward,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button,
.wc-block-cart__submit-container,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: auto; padding: 11px 24px !important;
line-height: 1.4;
border: 1px solid #8B1E3F;
border-radius: 5px !important;
color: #FFF !important;
background-color: #8B1E3F;
font-weight: 500;
font-size: 18px;
text-transform: inherit;
cursor: pointer;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;      }
.woocommerce-button.button:hover, .woocommerce-button.button:active, .woocommerce-button.button:focus, .woocommerce-button.button:focus-visible,
.download-invoice-pdf a:hover,
.download-invoice-pdf a:active,
.download-invoice-pdf a:focus,
.download-invoice-pdf a:focus-visible,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button:hover,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button:active,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button:focus,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button:focus-visible,
.btn:hover,
.btn:active,
.btn:focus,
.btn:focus-visible,
body.page-warenkorb .page .wc-backward:hover,
body.page-warenkorb .page .wc-backward:active,
body.page-warenkorb .page .wc-backward:focus,
body.page-warenkorb .page .wc-backward:focus-visible,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button:hover,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button:active,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button:focus,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button:focus-visible,
.wc-block-cart__submit-container:hover,
.wc-block-cart__submit-container:active,
.wc-block-cart__submit-container:focus,
.wc-block-cart__submit-container:focus-visible,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:active,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-checkout-place-order-button:focus-visible,
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon__button:active,
.wc-block-components-totals-coupon__button:focus,
.wc-block-components-totals-coupon__button:focus-visible {
background: #3F3A2B !important;
border-color: #3F3A2B !important;
color: #FFF !important;
}
.woocommerce-button.button[disabled],
.download-invoice-pdf a[disabled],
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button[disabled],
.btn[disabled],
body.page-warenkorb .page .wc-backward[disabled],
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button[disabled],
.wc-block-cart__submit-container[disabled],
.wc-block-components-checkout-place-order-button[disabled],
.wc-block-components-totals-coupon__button[disabled] {
opacity: 0.75;
pointer-events: none;
}
.woocommerce-button.button--secondary,
.download-invoice-pdf a--secondary,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary,
.btn--secondary,
body.page-warenkorb .page .wc-backward--secondary,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary,
.wc-block-cart__submit-container--secondary,
.wc-block-components-checkout-place-order-button--secondary,
.wc-block-components-totals-coupon__button--secondary {
background-color: transparent !important;
border-color: #8B1E3F !important;
color: #8B1E3F !important;
}
.woocommerce-button.button--secondary.btn--phone::before,
.download-invoice-pdf a--secondary.btn--phone::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary.btn--phone::before,
.btn--secondary.btn--phone::before,
body.page-warenkorb .page .wc-backward--secondary.btn--phone::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary.btn--phone::before,
.wc-block-cart__submit-container--secondary.btn--phone::before,
.wc-block-components-checkout-place-order-button--secondary.btn--phone::before,
.wc-block-components-totals-coupon__button--secondary.btn--phone::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-phone-green.svg);
}
.woocommerce-button.button--secondary.btn--phone:hover::before, .woocommerce-button.button--secondary.btn--phone:active::before, .woocommerce-button.button--secondary.btn--phone:focus::before, .woocommerce-button.button--secondary.btn--phone:focus-visible::before,
.download-invoice-pdf a--secondary.btn--phone:hover::before,
.download-invoice-pdf a--secondary.btn--phone:active::before,
.download-invoice-pdf a--secondary.btn--phone:focus::before,
.download-invoice-pdf a--secondary.btn--phone:focus-visible::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary.btn--phone:hover::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary.btn--phone:active::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary.btn--phone:focus::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary.btn--phone:focus-visible::before,
.btn--secondary.btn--phone:hover::before,
.btn--secondary.btn--phone:active::before,
.btn--secondary.btn--phone:focus::before,
.btn--secondary.btn--phone:focus-visible::before,
body.page-warenkorb .page .wc-backward--secondary.btn--phone:hover::before,
body.page-warenkorb .page .wc-backward--secondary.btn--phone:active::before,
body.page-warenkorb .page .wc-backward--secondary.btn--phone:focus::before,
body.page-warenkorb .page .wc-backward--secondary.btn--phone:focus-visible::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary.btn--phone:hover::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary.btn--phone:active::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary.btn--phone:focus::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary.btn--phone:focus-visible::before,
.wc-block-cart__submit-container--secondary.btn--phone:hover::before,
.wc-block-cart__submit-container--secondary.btn--phone:active::before,
.wc-block-cart__submit-container--secondary.btn--phone:focus::before,
.wc-block-cart__submit-container--secondary.btn--phone:focus-visible::before,
.wc-block-components-checkout-place-order-button--secondary.btn--phone:hover::before,
.wc-block-components-checkout-place-order-button--secondary.btn--phone:active::before,
.wc-block-components-checkout-place-order-button--secondary.btn--phone:focus::before,
.wc-block-components-checkout-place-order-button--secondary.btn--phone:focus-visible::before,
.wc-block-components-totals-coupon__button--secondary.btn--phone:hover::before,
.wc-block-components-totals-coupon__button--secondary.btn--phone:active::before,
.wc-block-components-totals-coupon__button--secondary.btn--phone:focus::before,
.wc-block-components-totals-coupon__button--secondary.btn--phone:focus-visible::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-phone-white.svg);
}
.woocommerce-button.button--secondary:hover, .woocommerce-button.button--secondary:active, .woocommerce-button.button--secondary:focus, .woocommerce-button.button--secondary:focus-visible,
.download-invoice-pdf a--secondary:hover,
.download-invoice-pdf a--secondary:active,
.download-invoice-pdf a--secondary:focus,
.download-invoice-pdf a--secondary:focus-visible,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary:hover,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary:active,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary:focus,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--secondary:focus-visible,
.btn--secondary:hover,
.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:focus-visible,
body.page-warenkorb .page .wc-backward--secondary:hover,
body.page-warenkorb .page .wc-backward--secondary:active,
body.page-warenkorb .page .wc-backward--secondary:focus,
body.page-warenkorb .page .wc-backward--secondary:focus-visible,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary:hover,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary:active,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary:focus,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--secondary:focus-visible,
.wc-block-cart__submit-container--secondary:hover,
.wc-block-cart__submit-container--secondary:active,
.wc-block-cart__submit-container--secondary:focus,
.wc-block-cart__submit-container--secondary:focus-visible,
.wc-block-components-checkout-place-order-button--secondary:hover,
.wc-block-components-checkout-place-order-button--secondary:active,
.wc-block-components-checkout-place-order-button--secondary:focus,
.wc-block-components-checkout-place-order-button--secondary:focus-visible,
.wc-block-components-totals-coupon__button--secondary:hover,
.wc-block-components-totals-coupon__button--secondary:active,
.wc-block-components-totals-coupon__button--secondary:focus,
.wc-block-components-totals-coupon__button--secondary:focus-visible {
border-color: #8B1E3F !important;
background-color: #8B1E3F !important;
color: white !important;
}
.woocommerce-button.button--soft-primary,
.download-invoice-pdf a--soft-primary,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--soft-primary,
.btn--soft-primary,
body.page-warenkorb .page .wc-backward--soft-primary,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--soft-primary,
.wc-block-cart__submit-container--soft-primary,
.wc-block-components-checkout-place-order-button--soft-primary,
.wc-block-components-totals-coupon__button--soft-primary {
background-color: rgba(45, 160, 55, 0.1);
border-color: rgba(45, 160, 55, 0.1);
color: #2DA037 !important;
}
.woocommerce-button.button--soft-primary:hover, .woocommerce-button.button--soft-primary:active, .woocommerce-button.button--soft-primary:focus, .woocommerce-button.button--soft-primary:focus-visible,
.download-invoice-pdf a--soft-primary:hover,
.download-invoice-pdf a--soft-primary:active,
.download-invoice-pdf a--soft-primary:focus,
.download-invoice-pdf a--soft-primary:focus-visible,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--soft-primary:hover,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--soft-primary:active,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--soft-primary:focus,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--soft-primary:focus-visible,
.btn--soft-primary:hover,
.btn--soft-primary:active,
.btn--soft-primary:focus,
.btn--soft-primary:focus-visible,
body.page-warenkorb .page .wc-backward--soft-primary:hover,
body.page-warenkorb .page .wc-backward--soft-primary:active,
body.page-warenkorb .page .wc-backward--soft-primary:focus,
body.page-warenkorb .page .wc-backward--soft-primary:focus-visible,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--soft-primary:hover,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--soft-primary:active,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--soft-primary:focus,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--soft-primary:focus-visible,
.wc-block-cart__submit-container--soft-primary:hover,
.wc-block-cart__submit-container--soft-primary:active,
.wc-block-cart__submit-container--soft-primary:focus,
.wc-block-cart__submit-container--soft-primary:focus-visible,
.wc-block-components-checkout-place-order-button--soft-primary:hover,
.wc-block-components-checkout-place-order-button--soft-primary:active,
.wc-block-components-checkout-place-order-button--soft-primary:focus,
.wc-block-components-checkout-place-order-button--soft-primary:focus-visible,
.wc-block-components-totals-coupon__button--soft-primary:hover,
.wc-block-components-totals-coupon__button--soft-primary:active,
.wc-block-components-totals-coupon__button--soft-primary:focus,
.wc-block-components-totals-coupon__button--soft-primary:focus-visible {
border-color: #2DA037;
background-color: #2DA037;
color: #FFF !important;
}
.woocommerce-button.button--phone,
.download-invoice-pdf a--phone,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone,
.btn--phone,
body.page-warenkorb .page .wc-backward--phone,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone,
.wc-block-cart__submit-container--phone,
.wc-block-components-checkout-place-order-button--phone,
.wc-block-components-totals-coupon__button--phone {
position: relative;
}
.woocommerce-button.button--phone::before,
.download-invoice-pdf a--phone::before,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone::before,
.btn--phone::before,
body.page-warenkorb .page .wc-backward--phone::before,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone::before,
.wc-block-cart__submit-container--phone::before,
.wc-block-components-checkout-place-order-button--phone::before,
.wc-block-components-totals-coupon__button--phone::before {
content: "";
display: block;
width: 24px;
min-width: 24px;
height: 24px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-phone-green.svg);
background-size: cover;
background-position: center;
margin: -3px 8px 0 0;
transition: all 0.3s ease 0s;
}
.woocommerce-button.button--phone:hover::after, .woocommerce-button.button--phone:active::after, .woocommerce-button.button--phone:focus::after, .woocommerce-button.button--phone:focus-visible::after,
.download-invoice-pdf a--phone:hover::after,
.download-invoice-pdf a--phone:active::after,
.download-invoice-pdf a--phone:focus::after,
.download-invoice-pdf a--phone:focus-visible::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone:hover::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone:active::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone:focus::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--phone:focus-visible::after,
.btn--phone:hover::after,
.btn--phone:active::after,
.btn--phone:focus::after,
.btn--phone:focus-visible::after,
body.page-warenkorb .page .wc-backward--phone:hover::after,
body.page-warenkorb .page .wc-backward--phone:active::after,
body.page-warenkorb .page .wc-backward--phone:focus::after,
body.page-warenkorb .page .wc-backward--phone:focus-visible::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone:hover::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone:active::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone:focus::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--phone:focus-visible::after,
.wc-block-cart__submit-container--phone:hover::after,
.wc-block-cart__submit-container--phone:active::after,
.wc-block-cart__submit-container--phone:focus::after,
.wc-block-cart__submit-container--phone:focus-visible::after,
.wc-block-components-checkout-place-order-button--phone:hover::after,
.wc-block-components-checkout-place-order-button--phone:active::after,
.wc-block-components-checkout-place-order-button--phone:focus::after,
.wc-block-components-checkout-place-order-button--phone:focus-visible::after,
.wc-block-components-totals-coupon__button--phone:hover::after,
.wc-block-components-totals-coupon__button--phone:active::after,
.wc-block-components-totals-coupon__button--phone:focus::after,
.wc-block-components-totals-coupon__button--phone:focus-visible::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-phone-white.svg);
}
.woocommerce-button.button--arrow,
.download-invoice-pdf a--arrow,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow,
.btn--arrow,
body.page-warenkorb .page .wc-backward--arrow,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow,
.wc-block-cart__submit-container--arrow,
.wc-block-components-checkout-place-order-button--arrow,
.wc-block-components-totals-coupon__button--arrow {
position: relative;
}
.woocommerce-button.button--arrow::after,
.download-invoice-pdf a--arrow::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow::after,
.btn--arrow::after,
body.page-warenkorb .page .wc-backward--arrow::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow::after,
.wc-block-cart__submit-container--arrow::after,
.wc-block-components-checkout-place-order-button--arrow::after,
.wc-block-components-totals-coupon__button--arrow::after {
content: "";
display: block;
width: 24px;
min-width: 24px;
height: 24px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-arrow-right-white.svg);
background-size: cover;
background-position: center;
margin: 0 0 0 8px;
transition: all 0.3s ease 0s;
}
.woocommerce-button.button--arrow:hover::after, .woocommerce-button.button--arrow:active::after, .woocommerce-button.button--arrow:focus::after,
.download-invoice-pdf a--arrow:hover::after,
.download-invoice-pdf a--arrow:active::after,
.download-invoice-pdf a--arrow:focus::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow:hover::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow:active::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow:focus::after,
.btn--arrow:hover::after,
.btn--arrow:active::after,
.btn--arrow:focus::after,
body.page-warenkorb .page .wc-backward--arrow:hover::after,
body.page-warenkorb .page .wc-backward--arrow:active::after,
body.page-warenkorb .page .wc-backward--arrow:focus::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow:hover::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow:active::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow:focus::after,
.wc-block-cart__submit-container--arrow:hover::after,
.wc-block-cart__submit-container--arrow:active::after,
.wc-block-cart__submit-container--arrow:focus::after,
.wc-block-components-checkout-place-order-button--arrow:hover::after,
.wc-block-components-checkout-place-order-button--arrow:active::after,
.wc-block-components-checkout-place-order-button--arrow:focus::after,
.wc-block-components-totals-coupon__button--arrow:hover::after,
.wc-block-components-totals-coupon__button--arrow:active::after,
.wc-block-components-totals-coupon__button--arrow:focus::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-arrow-right-green.svg);
}
.woocommerce-button.button--arrow-left::after,
.download-invoice-pdf a--arrow-left::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow-left::after,
.btn--arrow-left::after,
body.page-warenkorb .page .wc-backward--arrow-left::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow-left::after,
.wc-block-cart__submit-container--arrow-left::after,
.wc-block-components-checkout-place-order-button--arrow-left::after,
.wc-block-components-totals-coupon__button--arrow-left::after {
margin: 0 8px 0 0;
transform: rotate(-180deg);
}
.woocommerce-button.button--arrow.btn--soft-primary::after,
.download-invoice-pdf a--arrow.btn--soft-primary::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow.btn--soft-primary::after,
.btn--arrow.btn--soft-primary::after,
body.page-warenkorb .page .wc-backward--arrow.btn--soft-primary::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow.btn--soft-primary::after,
.wc-block-cart__submit-container--arrow.btn--soft-primary::after,
.wc-block-components-checkout-place-order-button--arrow.btn--soft-primary::after,
.wc-block-components-totals-coupon__button--arrow.btn--soft-primary::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-arrow-right-green.svg);
}
.woocommerce-button.button--arrow.btn--soft-primary:hover::after, .woocommerce-button.button--arrow.btn--soft-primary:active::after, .woocommerce-button.button--arrow.btn--soft-primary:focus::after, .woocommerce-button.button--arrow.btn--soft-primary:focus-visible::after,
.download-invoice-pdf a--arrow.btn--soft-primary:hover::after,
.download-invoice-pdf a--arrow.btn--soft-primary:active::after,
.download-invoice-pdf a--arrow.btn--soft-primary:focus::after,
.download-invoice-pdf a--arrow.btn--soft-primary:focus-visible::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow.btn--soft-primary:hover::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow.btn--soft-primary:active::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow.btn--soft-primary:focus::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button--arrow.btn--soft-primary:focus-visible::after,
.btn--arrow.btn--soft-primary:hover::after,
.btn--arrow.btn--soft-primary:active::after,
.btn--arrow.btn--soft-primary:focus::after,
.btn--arrow.btn--soft-primary:focus-visible::after,
body.page-warenkorb .page .wc-backward--arrow.btn--soft-primary:hover::after,
body.page-warenkorb .page .wc-backward--arrow.btn--soft-primary:active::after,
body.page-warenkorb .page .wc-backward--arrow.btn--soft-primary:focus::after,
body.page-warenkorb .page .wc-backward--arrow.btn--soft-primary:focus-visible::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow.btn--soft-primary:hover::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow.btn--soft-primary:active::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow.btn--soft-primary:focus::after,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button--arrow.btn--soft-primary:focus-visible::after,
.wc-block-cart__submit-container--arrow.btn--soft-primary:hover::after,
.wc-block-cart__submit-container--arrow.btn--soft-primary:active::after,
.wc-block-cart__submit-container--arrow.btn--soft-primary:focus::after,
.wc-block-cart__submit-container--arrow.btn--soft-primary:focus-visible::after,
.wc-block-components-checkout-place-order-button--arrow.btn--soft-primary:hover::after,
.wc-block-components-checkout-place-order-button--arrow.btn--soft-primary:active::after,
.wc-block-components-checkout-place-order-button--arrow.btn--soft-primary:focus::after,
.wc-block-components-checkout-place-order-button--arrow.btn--soft-primary:focus-visible::after,
.wc-block-components-totals-coupon__button--arrow.btn--soft-primary:hover::after,
.wc-block-components-totals-coupon__button--arrow.btn--soft-primary:active::after,
.wc-block-components-totals-coupon__button--arrow.btn--soft-primary:focus::after,
.wc-block-components-totals-coupon__button--arrow.btn--soft-primary:focus-visible::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/themes/img/icon-arrow-right-white.svg);
}
.woocommerce-button.button-container,
.download-invoice-pdf a-container,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container,
.btn-container,
body.page-warenkorb .page .wc-backward-container,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container,
.wc-block-cart__submit-container-container,
.wc-block-components-checkout-place-order-button-container,
.wc-block-components-totals-coupon__button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 20px 0 -20px;
}
.woocommerce-button.button-container .btn,
.woocommerce-button.button-container button,
.woocommerce-button.button-container a,
.download-invoice-pdf a-container .btn,
.download-invoice-pdf a-container button,
.download-invoice-pdf a-container a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container .btn,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container button,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container a,
.btn-container .btn,
.btn-container button,
.btn-container a,
body.page-warenkorb .page .wc-backward-container .btn,
body.page-warenkorb .page .wc-backward-container button,
body.page-warenkorb .page .wc-backward-container a,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container .btn,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container button,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container a,
.wc-block-cart__submit-container-container .btn,
.wc-block-cart__submit-container-container button,
.wc-block-cart__submit-container-container a,
.wc-block-components-checkout-place-order-button-container .btn,
.wc-block-components-checkout-place-order-button-container button,
.wc-block-components-checkout-place-order-button-container a,
.wc-block-components-totals-coupon__button-container .btn,
.wc-block-components-totals-coupon__button-container button,
.wc-block-components-totals-coupon__button-container a {
margin-bottom: 20px;
}
.woocommerce-button.button-container :last-child,
.download-invoice-pdf a-container :last-child,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container :last-child,
.btn-container :last-child,
body.page-warenkorb .page .wc-backward-container :last-child,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container :last-child,
.wc-block-cart__submit-container-container :last-child,
.wc-block-components-checkout-place-order-button-container :last-child,
.wc-block-components-totals-coupon__button-container :last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.woocommerce-button.button,
.download-invoice-pdf a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button,
.btn,
body.page-warenkorb .page .wc-backward,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button,
.wc-block-cart__submit-container,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
width: 100%; }
.woocommerce-button.button-container,
.download-invoice-pdf a-container,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container,
.btn-container,
body.page-warenkorb .page .wc-backward-container,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container,
.wc-block-cart__submit-container-container,
.wc-block-components-checkout-place-order-button-container,
.wc-block-components-totals-coupon__button-container {
justify-content: flex-start;
}
.woocommerce-button.button-container .btn,
.woocommerce-button.button-container button,
.woocommerce-button.button-container a,
.download-invoice-pdf a-container .btn,
.download-invoice-pdf a-container button,
.download-invoice-pdf a-container a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container .btn,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container button,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container a,
.btn-container .btn,
.btn-container button,
.btn-container a,
body.page-warenkorb .page .wc-backward-container .btn,
body.page-warenkorb .page .wc-backward-container button,
body.page-warenkorb .page .wc-backward-container a,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container .btn,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container button,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container a,
.wc-block-cart__submit-container-container .btn,
.wc-block-cart__submit-container-container button,
.wc-block-cart__submit-container-container a,
.wc-block-components-checkout-place-order-button-container .btn,
.wc-block-components-checkout-place-order-button-container button,
.wc-block-components-checkout-place-order-button-container a,
.wc-block-components-totals-coupon__button-container .btn,
.wc-block-components-totals-coupon__button-container button,
.wc-block-components-totals-coupon__button-container a {
margin: 0 20px 20px 0;
}
}
@media (max-width: 980px) {
.woocommerce-button.button,
.download-invoice-pdf a,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button,
.btn,
body.page-warenkorb .page .wc-backward,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button,
.wc-block-cart__submit-container,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button { }
.woocommerce-button.button-container,
.download-invoice-pdf a-container,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .button-container,
.btn-container,
body.page-warenkorb .page .wc-backward-container,
body.page-mein-konto .site-content .woocommerce-MyAccount-content .woocommerce-button-container,
.wc-block-cart__submit-container-container,
.wc-block-components-checkout-place-order-button-container,
.wc-block-components-totals-coupon__button-container {
margin: 40px 0 -20px;
}
}
.wc-block-cart__submit-container a {
outline: none !important;
box-shadow: none !important;
}
@media (min-width: 768px) {
.archive__sorting-btn {
margin-top: 0 !important;
}
}
.archive__sorting-btn,
.archive__filter-btn {
position: relative !important;
min-height: 44px;
background-color: transparent !important;
border-radius: 0 !important;
border-color: #C3B3A2 !important;
color: #3F3A2B !important;
}
.archive__sorting-btn:hover, .archive__sorting-btn:active, .archive__sorting-btn:focus, .archive__sorting-btn:focus-visible,
.archive__filter-btn:hover,
.archive__filter-btn:active,
.archive__filter-btn:focus,
.archive__filter-btn:focus-visible {
background-color: #8B1E3F !important;
border-color: #8B1E3F !important;
color: #fff !important;
}
.archive__sorting-btn:hover::before, .archive__sorting-btn:active::before, .archive__sorting-btn:focus::before, .archive__sorting-btn:focus-visible::before,
.archive__filter-btn:hover::before,
.archive__filter-btn:active::before,
.archive__filter-btn:focus::before,
.archive__filter-btn:focus-visible::before {
filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(991%) hue-rotate(189deg) brightness(117%) contrast(100%) !important;
}
.archive__sorting-btn::before,
.archive__filter-btn::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 981px) {
.archive__sorting-btn,
.archive__filter-btn {
display: none !important;
}
}
.archive__sorting-btn {
width: 100%;
}
.archive__sorting-btn::before {
left: 24px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/switch-vertical.svg);
}
@media (min-width: 768px) {
.archive__sorting-btn {
padding-left: 56px !important;
}
}
.archive__filter-btn {
content: "" !important;
width: auto;
padding-left: calc(5vw + 24px) !important;
font-size: 0 !important;
}
.archive__filter-btn::before {
position: relative;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/filter-icon.svg);
}
.wc-block-components-totals-coupon__button {
background-color: #8B1E3F !important;
min-height: auto !important;
transition: all 0.3s ease 0s !important;
}
.wc-block-components-totals-coupon__button:hover, .wc-block-components-totals-coupon__button:active, .wc-block-components-totals-coupon__button:focus, .wc-block-components-totals-coupon__button:focus-visible {
background-color: #3F3A2B !important;
}
.wc-block-cart__submit-container--sticky {
background-color: #8B1E3F !important;
}
.wc-block-cart__submit-container--sticky:hover, .wc-block-cart__submit-container--sticky:active, .wc-block-cart__submit-container--sticky:focus, .wc-block-cart__submit-container--sticky:focus-visible {
background-color: #3F3A2B !important;
} .swiper {
width: 100%;
height: 100%;     }
.swiper__container {
position: relative;
}
.swiper-pagination {
display: flex;
justify-content: center;
gap: 8px !important;
padding: 10px;
bottom: 0 !important;
}
.swiper-pagination-bullet {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
background: #fff !important;
transition: all 0.3s ease 0s;
opacity: 1;
}
.swiper-pagination-bullet-active {
width: 26px !important;
border-radius: 40px !important;
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover, .swiper-pagination-bullet:active, .swiper-pagination-bullet:focus, .swiper-pagination-bullet:focus-visible {
background: #fff !important;
}
.swiper__container:hover .swiper__arrows {
opacity: 1;
}
.swiper__arrows {
width: calc(100% + 90px);
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
left: -45px;
transition: all 0.3s ease 0s;
opacity: 0;
z-index: 10;
}
.swiper-button-next, .swiper-button-prev {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 32px !important;
height: 32px !important;
background-color: rgba(255, 255, 255, 0.6) !important;
border-radius: 5px !important;
transition: all 0.3s ease 0s !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
content: "" !important;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/arrow-purple.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 32px !important;
height: 32px !important;
transition: all 0.3s ease 0s !important;
}
.swiper-button-next:hover, .swiper-button-next:active, .swiper-button-next:focus, .swiper-button-next:focus-visible, .swiper-button-prev:hover, .swiper-button-prev:active, .swiper-button-prev:focus, .swiper-button-prev:focus-visible {
background-color: #8B1E3F !important;
}
.swiper-button-next:hover::after, .swiper-button-next:active::after, .swiper-button-next:focus::after, .swiper-button-next:focus-visible::after, .swiper-button-prev:hover::after, .swiper-button-prev:active::after, .swiper-button-prev:focus::after, .swiper-button-prev:focus-visible::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/arrow-white.svg) !important;
}
.swiper-button-next.d-none, .swiper-button-prev.d-none {
display: none !important;
}
.swiper-wrapper {
box-sizing: border-box !important;
}
@media (min-width: 981px) {
.swiper { }
.swiper-pagination {
display: flex !important;
}
}
.swiper-button-prev {
transform: rotate(180deg);
} .testimonials__item {
flex-direction: column;
height: auto !important;
padding: 24px;
border-radius: 12px;
}
.testimonials .swiper-pagination {
display: none !important;
} .accordion {     }
.accordion__item {
background: #E8DCD1 !important;
border-radius: 12px !important;
}
.accordion__tab {
position: relative;
width: 100%;
padding: 16px calc(32px + 10px + 16px) 16px 16px;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 1.3;
font-weight: 500;
text-align: left;
cursor: pointer;
transition: all 0.3s ease 0s;
background-color: #E8DCD1 !important;   }
.accordion__tab:focus {
outline: none !important;
}
.accordion__tab::after {
content: "";
position: relative;
display: block;
transition: all 0.3s ease 0s;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
width: 32px;
height: 32px;
background: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/chevron-down.svg) !important;
}
.accordion__tab--open::after {
background: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/chevron-up.svg) !important;
}
.accordion__tab:focus-visible {
border: 2px solid #8B1E3F;
border-radius: 12px;
}
.accordion__content {
max-height: 0;
padding: 0 16px;
margin-top: -4px;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.accordion .accordion__content > :last-child {
margin-bottom: 16px !important;
}
.accordion__item:not(:last-child) {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.accordion { }
.accordion__tab {
padding: 24px calc(32px + 16px + 24px) 24px 24px;
}
}
@media (min-width: 981px) {
.accordion {  }
.accordion__tab {
font-size: 18px;
}
.accordion__item:not(:last-child) {
margin-bottom: 12px;
}
}
@media (min-width: 1440px) {
.accordion {  }
.accordion__tab {
padding: 24px calc(32px + 16px + 32px) 24px 32px;
}
.accordion__tab::after {
right: 32px;
}
.accordion__content {
padding: 0 32px;
margin-top: 0;
}
.accordion .accordion__content > :last-child {
margin-bottom: 32px !important;
}
}
.products {
display: flex;
gap: 12px;
flex-direction: column;
flex-wrap: wrap;
}
.products::before, .products::after {
content: none !important;
}
.products .onsale {
display: none !important;
}
.products .button.product_type_simple,
.products .button.product_type_simple.add_to_cart_button {
display: none !important;
}
.products .button.product_type_variable.add_to_cart_button {
display: none !important;
}
.products .swiper {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.products .swiper__container {
border-bottom: 1px solid #DFD7D0;
}
.products .swiper__container .swiper-button-next,
.products .swiper__container .swiper-button-prev {
opacity: 0;
}
.products .swiper__container:hover .swiper-button-next,
.products .swiper__container:hover .swiper-button-prev, .products .swiper__container:active .swiper-button-next,
.products .swiper__container:active .swiper-button-prev, .products .swiper__container:focus .swiper-button-next,
.products .swiper__container:focus .swiper-button-prev, .products .swiper__container:focus-visible .swiper-button-next,
.products .swiper__container:focus-visible .swiper-button-prev {
opacity: 1;
}
.products .swiper__container:hover .swiper-button-next.swiper-button-disabled,
.products .swiper__container:hover .swiper-button-prev.swiper-button-disabled, .products .swiper__container:active .swiper-button-next.swiper-button-disabled,
.products .swiper__container:active .swiper-button-prev.swiper-button-disabled, .products .swiper__container:focus .swiper-button-next.swiper-button-disabled,
.products .swiper__container:focus .swiper-button-prev.swiper-button-disabled, .products .swiper__container:focus-visible .swiper-button-next.swiper-button-disabled,
.products .swiper__container:focus-visible .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
}
.products .product {
display: flex;
flex-direction: column;
border-radius: 12px;
border: 1px solid #DFD7D0;
margin: 0 auto !important;
transition: all 0.3s ease 0s;
background: #F8F5F1;
}
.products .product:hover, .products .product:active, .products .product:focus, .products .product:focus-visible {
background: #EDE6DF;
border: 1px solid #3F3A2B !important;
box-shadow: 0 14px 9px -10px rgba(58, 58, 58, 0.28) !important;
}
.products .product img {
margin: 0 !important;
border-radius: 0 !important;
}
.products .product .swiper-slide img {
width: 100%;
}
.products .product__info {
display: flex;
flex-direction: column;
height: 100%;
padding: 12px 14px 14px 14px;
}
.products .product__info .woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column;
}
.products .product__info .woocommerce-review-link {
display: flex;
align-items: center;
flex-wrap: wrap;
order: -1;
font-size: 9px;
margin-bottom: 8px;
}
.products .product__info .woocommerce-review-link img {
margin-right: 4px !important;
}
.products .product__info .woocommerce-loop-product__title {
width: fit-content !important;
text-align: left !important;
margin: 0 0 8px !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
order: 0;
}
.products .product__info .star-rating {
display: none !important;
}
.products .product__info .custom-product-price {
margin-top: auto;
}
.products .product__info .price {
width: fit-content;
margin-bottom: 0 !important;
margin-top: auto !important;
font-size: 14px;
font-weight: 500;
order: 0;
}
.products .product__info .price br {
display: none;
}
.products .product__info .german-market-from-price-prefix {
font-weight: 500;
}
.products .product__info .amount {
font-family: "Montserrat", sans-serif;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.products .product__info .woocommerce-de_price_taxrate {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px;
margin-top: 8px;
text-align: left;
font-size: 12px;
}
.products .product__info .woocommerce_de_versandkosten {
font-size: inherit;
}
.products .product__info .woocommerce_de_versandkosten a {
text-decoration: underline;
}
.products .product-global-tax {
width: fit-content;
font-size: 9px;
color: #5B523E !important;
}
.products .product-global-tax P {
text-align: left;
margin: 0 !important;
}
.products .product-global-tax a {
text-decoration: underline;
color: #5B523E !important;
}
.products .product .shipping_de {
display: none;
}
@media (min-width: 576px) {
.products .product--no-stars .woocommerce-loop-product__title {
margin-top: 21px !important;
}
}
@media (min-width: 576px) and (max-width: 980px) {
.products {
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 20px;
margin: 0;
}
.products .product {
width: calc(50% - 10px) !important;
max-width: 100% !important;
margin: 0 !important;
}
}
@media (max-width: 767px) {
.products .product {
max-width: 100%;
}
}
@media (min-width: 981px) {
.products {
flex-direction: row;
justify-content: center;
}
.products .product {
width: calc(25% - 9px) !important;
margin: 0 !important;
}
.products .product .swiper-slide img {
width: auto;
margin-left: auto !important;
margin-right: auto !important;
}
} .woocommerce-Price-amount {
font-weight: 700 !important;
} .product .price {
color: #3F3A2B !important;
font-weight: 500 !important;
}
.product .price del {
text-decoration: none;
}
.product .price del bdi {
color: #5B523E !important;
}
.product .price del span {
text-decoration: line-through;
text-decoration-color: #000;
} .product .entry-summary {
opacity: 0;
}
.product .entry-summary.active {
opacity: 1;
}
.rating {
display: flex;
font-size: 12px;
color: #3F3A2B;
}
.rating-value {
font-weight: 500;
}
.rating img {
max-width: 70px;
max-height: 13px;
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
}
.rating-text {
margin: 0 !important;
}
.rating a {
margin-left: 6px;
}
@media (max-width: 359px) {
.rating img {
margin-top: 2px;
}
}
@media (max-width: 767px) {
.rating {
margin: auto;
width: fit-content;
}
}
@media (min-width: 360px) {
.rating {
font-size: 14px;
}
}
@media (min-width: 981px) {
.rating-value {
font-weight: 600;
}
.rating img {
max-width: 91px;
max-height: 18px;
margin-top: 0;
margin-left: 8px;
margin-right: 8px;
}
} .hamburger {
position: relative; display: inline-block;
height: 30px;
padding: 5px;
margin: 0;
border-radius: 5px;
background-color: transparent;
cursor: pointer;
vertical-align: middle;
font: inherit;
color: inherit;
text-transform: none;
transition: opacity 0.15s linear, filter 0.15s linear;
overflow: visible;
outline: none !important;
}
.hamburger:hover, .hamburger:active, .hamburger:focus, .hamburger:focus-visible {
background-color: #E8DCD1;
}
.hamburger-box {
display: inline-block;
position: relative;
top: 4px;
width: 22px;
height: 15px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
width: 22px;
height: 2px;
background-color: #3F3A2B;
border-radius: 4px;
transition: transform 0.15s ease;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
.hamburger--open .hamburger-inner,
.hamburger--open .hamburger-inner::before,
.hamburger--open .hamburger-inner::after {
background-color: #7B1B38;
}
.hamburger--collapse .hamburger-inner {
bottom: 0;
top: auto;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse.hamburger--open .hamburger-inner {
transform: translate3d(0, -8px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.hamburger--open .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.hamburger--open .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
} .site-main {
padding-top: 86px !important;
}
@media (min-width: 981px) {
.site-main {
padding-top: 86px !important;
}
} .main-header {
position: fixed;
left: 0;
right: 0;
top: 0;
background: #fff;
color: #403A30;
transition: all 0.3s ease 0s;
z-index: 1000; }
.main-header--scrolled, .main-header--open {
background: #fff;
}
.main-header--scrolled {
box-shadow: 0 10px 8px rgba(208, 208, 208, 0.15);
}
.main-header__top {
justify-content: flex-end;
align-items: center;
transition: all 0.3s ease 0s;
}
.main-header__bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
.main-header__top .icon-link {
display: none !important;
}
}
@media (max-width: 980px) {
.main-header__top-menu > li:not(:nth-last-child(-n+2)) {
display: none !important;
}
.main-header__main-menu {
border-top: 1px solid #DFD7D0;
}
}
@media all and (min-width: 981px) and (max-width: 1080px) {
.main-header__main-menu {
font-size: 14px !important;
}
}
@media (min-width: 981px) {
.main-header { }
.main-header .hamburger {
display: none;
}
.main-header__top-menu > li:not(:nth-last-child(-n+2)) {
margin-right: 16px;
}
.main-header__main-menu .menu_tipps {
display: none;
}
} .main-nav {
position: absolute;
top: -20px;
left: -5vw;
right: -5vw;
height: 0;
background: transparent;
transition: all 0.3s ease 0s;     }
.main-nav ul {
list-style-type: none;
padding: calc(20px - 4px) 5vw 20px;
margin: 0;
}
.main-nav li {
position: relative;
}
.main-nav .chevron-btn {
position: absolute;
top: 15px;
right: 0;
}
.main-nav a {
display: block;
color: #403A30;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.main-nav a.current-page, .main-nav__item--active > a, .main-nav__item--parent > a,
.main-nav li:hover > a,
.main-nav li:active > a,
.main-nav li:focus > a,
.main-nav li:focus-visible > a {
color: #3F3A2B;
}
.main-nav__sublist {
list-style-type: none;
display: none;
transition: all 0.3s ease 0s;
background: #FDF9F5;
z-index: 1;
}
.main-nav__sublist.open {
display: block;
}
@media (max-width: 980px) {
.main-nav { overflow-x: hidden;
overflow-y: auto;
background: #FDF9F5;   }
.main-nav li {
padding: 4px 0 0 0;
margin: 0 calc(0px - 8px);
}
.main-nav li:first-child {
border-top: none !important;
}
.main-nav li a[class*=btn] {
margin-left: 8px;
margin-right: 8px;
}
.main-nav li.open > .chevron-btn {
transform: rotate(180deg);
}
.main-nav a {
padding: 6px 8px;
border-radius: 5px;
}
.main-nav .chevron-btn {
top: 10px;
width: 26px;
height: 26px;
background-size: 20px;
}
.main-nav__sublist {
margin: 4px 0;
padding: 0 10px 0 20px;
}
.main-nav__sublist li {
max-width: calc(100% + 10px);
}
}
@media (max-width: 767px) {
.main-nav li a[class*=btn] {
width: calc(100% - 8px * 2);
}
}
@media (min-width: 981px) {
.main-nav {
position: relative;
top: auto;
left: auto;
right: auto;
height: auto;
width: auto;
padding: 0;
border: none;   }
.main-nav > ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0;
border: none;
}
.main-nav > ul > li {
margin-right: 10px;
}
.main-nav > ul > li:first-child {
padding-right: 10px;
}
.main-nav > ul > li:first-child .sub-menu__opener {
margin-left: -10px;
}
.main-nav > ul > li:nth-last-child(2), .main-nav > ul > li:nth-last-child(1) {
margin-right: 0;
}
.main-nav li {
border-bottom: 0;
}
.main-nav a {
padding: 10px 0;
}
.main-nav li li a {
padding: 5px 0;
margin: 5px 0;
}
.main-nav__item-has-children > .main-nav__link {
padding-right: 20px;
}
.main-nav .chevron-btn {
right: 2px;
}
.main-nav_sublist {
position: absolute;
top: 40px;
display: block;
min-width: 240px !important;
padding: 10px;
pointer-events: none;
opacity: 0;
box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
border-radius: 5px;
}
.main-nav_sublist .chevron-btn {
right: 0;
top: 50%;
transform: translateY(-50%);
}
.main-nav_sublist ul {
top: 0;
left: 100%;
}
.main-nav_sublist li {
border-radius: 5px;
}
.main-nav_sublist li:hover, .main-nav_sublist li:active, .main-nav_sublist li:focus, .main-nav_sublist li:focus-visible {
background-color: rgba(0, 0, 0, 0.03);
}
.main-nav_sublist a {
padding: 5px 10px;
}
.main-nav_sublist .main-nav__item-has-children {
padding-right: 20px;
}
.main-nav li.key-control-open > .main-nav__sublist, .main-nav li:hover > .main-nav__sublist, .main-nav li:active > .main-nav__sublist, .main-nav li:focus > .main-nav__sublist, .main-nav li:focus-visible > .main-nav__sublist {
opacity: 1;
pointer-events: auto;
}
.main-nav .main-nav__sublist.active {
opacity: 1;
pointer-events: auto;
}
} .main-header__logo-wrapper {
display: flex;
justify-content: space-between;
}
.main-header__logo-link img {
width: 124px;
min-width: 124px;
height: 20px;
margin-right: 30px;
}
@media (min-width: 981px) {
.main-header__logo-wrapper {
justify-content: flex-start;
}
.main-header__logo-link img {
width: 161px;
min-width: 161px;
height: 28px;
}
} .login-menu-link a {
position: relative;
top: 0;
display: block;
width: 26px;
height: 26px;
font-size: 0;
background-repeat: no-repeat !important;
background-size: cover !important;
margin-left: 16px;
margin-right: 16px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/user_icon.svg);
} .main-header__social-media-menu {
display: flex;
list-style: none;
margin-left: 0;
margin-bottom: 0;
} .top-menu {
justify-content: flex-end;
} #page .site-header-cart {
order: 2;
display: flex;
justify-content: flex-end;
height: 20px;
margin-top: 1px; }
#page .site-header-cart .cart-contents {
position: relative;
top: -7px;
display: flex;
padding: 6px 0 10px 0 !important;
color: #fff !important;
}
#page .site-header-cart .cart-contents .amount {
display: none;
}
#page .site-header-cart .cart-contents .count {
position: absolute;
top: -2px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
border-radius: 20px;
padding: 4px;
font-size: 10px;
font-weight: 500;
white-space: nowrap;
opacity: 1 !important;
background: #DFD7D0;
color: #3F3A2B;
}
#page .site-header-cart .cart-contents::after {
content: "" !important;
display: block !important;
width: 26px !important;
height: 26px !important;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/package_icon.svg);
background-repeat: no-repeat !important;
background-size: cover !important;
}
#page .site-header-cart .widget_shopping_cart {
min-width: 400px;
padding-top: 0 !important;
border: 1px solid #DFD7D0;
border-radius: 5px;
background-color: #DCCBBB !important;
}
#page .site-header-cart .widget_shopping_cart a:not(.button):hover, #page .site-header-cart .widget_shopping_cart a:not(.button):active, #page .site-header-cart .widget_shopping_cart a:not(.button):focus, #page .site-header-cart .widget_shopping_cart a:not(.button):focus-visible {
text-decoration: underline;
}
#page .site-header-cart .widget_shopping_cart p.total,
#page .site-header-cart .widget_shopping_cart p.buttons,
#page .site-header-cart .widget_shopping_cart li,
#page .site-header-cart .widget_shopping_cart .jde_hint {
padding: 20px;
}
#page .site-header-cart .widget_shopping_cart p.total {
font-weight: 600;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin: 10px !important;
}
#page .site-header-cart .widget_shopping_cart .jde_hint {
margin: 0;
}
#page .site-header-cart .widget_shopping_cart .product_list_widget img {
margin-left: 10px;
max-width: 100px;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item {
padding: 12px !important;
border-color: #DFD7D0;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .remove_from_cart_button {
top: 3px;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item a {
color: #3F3A2B !important;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item a::before {
color: #3F3A2B !important;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item a:nth-child(2) {
margin-bottom: 8px;
font-size: 16px;
line-height: 1.1;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .variation {
display: flex;
gap: 3px;
margin-bottom: 0;
font-size: 14px;
color: #3F3A2B !important;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .variation .variation-Lieferzeit {
display: none;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .variation p {
margin-bottom: 0.6em;
color: #3F3A2B !important;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .variation p:last-child {
margin-bottom: 0;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item dl.variation dd {
margin-bottom: 0;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .quantity {
display: flex !important;
gap: 5px;
font-size: 14px;
color: #3F3A2B !important;
font-weight: 600;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .quantity .woocommerce-Price-amount {
display: block !important;
}
#page .site-header-cart .widget_shopping_cart .mini_cart_item .wgm-info {
font-size: 12px;
color: #3F3A2B !important;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total {
padding: 12px !important;
background-color: #FDF9F5 !important;
border-color: #DFD7D0;
font-size: 16px !important;
}
#page .site-header-cart .widget_shopping_cart .awdr_cart_strikeout_line ins {
height: 10px;
display: inline-flex;
margin-left: -3px;
}
#page .site-header-cart .widget_shopping_cart .jde_hint {
display: none;
padding: 12px;
}
#page .site-header-cart .widget_shopping_cart .jde_hint a {
transition: all 0.3s ease 0s;
text-decoration: underline;
}
#page .site-header-cart .widget_shopping_cart .jde_hint a:hover, #page .site-header-cart .widget_shopping_cart .jde_hint a:active, #page .site-header-cart .widget_shopping_cart .jde_hint a:focus, #page .site-header-cart .widget_shopping_cart .jde_hint a:focus-visible {
text-decoration: none;
color: #8B1E3F;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons {
padding: 12px !important;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #FDF9F5 !important;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%; padding: 11px 24px !important;
line-height: 1.4;
border: 1px solid #8B1E3F;
border-radius: 5px !important;
color: #FFF !important;
background: #8B1E3F;
font-weight: 500;
font-size: 18px;
text-transform: inherit;
cursor: pointer;
transition: all 0.3s ease 0s;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover, #page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:active, #page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:focus, #page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:focus-visible,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:hover,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:active,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:focus,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:focus-visible {
background: #3F3A2B;
border-color: #3F3A2B;
color: #FFF !important;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button::after,
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout::after {
display: none !important;
}
#page .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button {
background: transparent;
border-color: #8B1E3F;
color: #8B1E3F !important;
}
#page .site-header-cart:hover .widget_shopping_cart, #page .site-header-cart:active .widget_shopping_cart, #page .site-header-cart.focus .widget_shopping_cart {
left: -999em !important;
}
#page .site-header-cart .widget_shopping_cart:hover,
#page .site-header-cart .widget_shopping_cart:active,
#page .site-header-cart .widget_shopping_cart:focus,
#page .site-header-cart .login-menu-link + li:hover + li .widget_shopping_cart,
#page .site-header-cart .login-menu-link + li:active + li .widget_shopping_cart,
#page .site-header-cart .login-menu-link + li:focus + li .widget_shopping_cart {
left: auto !important;
right: 0;
}
@media (min-width: 768px) {
#page .site-header-cart:hover .widget_shopping_cart, #page .site-header-cart:active .widget_shopping_cart, #page .site-header-cart:focus .widget_shopping_cart, #page .site-header-cart:focus-visible .widget_shopping_cart, #page .site-header-cart.focus .widget_shopping_cart {
left: auto !important;
right: 0 !important;
}
}
@media (min-width: 981px) {
#page .site-header-cart .widget_shopping_cart {
min-width: 400px;
}
} .main-header__top .menu-item a {
color: #fff !important;
}
.main-header__top li:not(:nth-last-child(1)) a:hover, .main-header__top li:not(:nth-last-child(1)) a:active, .main-header__top li:not(:nth-last-child(1)) a:focus, .main-header__top li:not(:nth-last-child(1)) a:focus-visible {
text-decoration: underline !important;
}
.main-header__top-menu {
display: flex;
align-items: flex-end;
list-style: none;
margin: 0;
} .main-header--open .main-header__bottom .col:last-child {
pointer-events: auto;
}
@media (min-width: 981px) {
.main-header .main-header__bottom .col:last-child {
pointer-events: auto;
}
}
.main-header__bottom {
max-height: 45px !important;
padding: 0 !important;
font-size: 15px !important; }
.main-header__bottom .col {
height: 45px !important;
}
.main-header__bottom .col:last-child {
pointer-events: none;
}
.main-header__bottom .main-nav .main-header__main-menu {
justify-content: space-between;
}
.main-header__bottom .main-nav .main-header__main-menu .menu-item a {
color: #3F3A2B !important;
}
.main-header__bottom .main-nav .main-header__main-menu .menu-item a::before {
content: "";
position: relative;
display: block;
transition: all 0.3s ease 0s;
position: absolute;
left: 0;
bottom: 0;
width: 0;
transition: all 0.3s ease 0s;
border-bottom: 2px solid #7B1B38 !important;
}
.main-header__bottom .main-nav .main-header__main-menu .menu-item > a:hover, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:active, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:focus, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:focus-visible {
color: #7B1B38 !important;
}
.main-header__bottom .main-nav .main-header__main-menu .menu-item > a:hover::before, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:active::before, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:focus::before, .main-header__bottom .main-nav .main-header__main-menu .menu-item > a:focus-visible::before {
width: 100%;
}
.main-header__bottom .site-header-cart {
margin-top: 0;
}
.main-header__bottom .login-menu-link a {
margin-left: 8px;
margin-right: 8px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/user_icon-dark.svg);
}
.main-header__bottom .cart-contents::after {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/package_icon-dark.svg) !important;
}
.main-header__bottom .menu-contact-link a {
position: relative;
top: 0;
display: block;
width: 26px;
height: 26px;
font-size: 0;
background-repeat: no-repeat !important;
background-size: cover !important;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/info_icon-dark.svg);
}
@media (min-width: 981px) {
.main-header__bottom {
max-height: 41px !important;
}
.main-header__bottom .col {
height: 41px !important;
}
.main-header__bottom .top-menu {
display: none !important;
}
} .main-header__section--top {
position: relative;
background: #5B523E !important;
z-index: 10;
}
.main-header__section--bottom {
background: #FDF9F5 !important;
}
.main-nav .sub-menu__opener {
position: absolute;
left: calc(100% - 22px);
top: 20px;
transform: translateY(-50%);
width: 16px;
height: 16px;
padding: 0;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/dropdown-arrow.svg);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}
.main-nav .sub-menu__opener:focus-visible {
outline: 2px solid #8B1E3F !important;
}
.main-nav .sub-menu.active {
display: block;
opacity: 1;
pointer-events: all;
}
@media (max-width: 980px) {
.main-nav .sub-menu {
display: none;
padding: 0 0 0 20px;
}
.main-nav .sub-menu li {
margin: 0;
}
.main-nav .sub-menu.active {
display: block;
}
}
@media (min-width: 981px) {
.main-nav .sub-menu {
position: absolute;
background: #fff;
border-radius: 8px;
padding: 10px 20px;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease 0s;
min-width: 290px;
z-index: 1;
box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
}
.main-nav .sub-menu .sub-menu__opener {
margin-left: -16px;
}
.main-nav .sub-menu .sub-menu {
top: 0;
left: calc(100% - 16px);
}
.main-nav .sub-menu__opener {
left: 100%;
top: 50%;
}
.main-nav li:hover > ul {
opacity: 1;
pointer-events: all;
}
} .footer-main {
background-color: #E8DCD1 !important;
padding-top: 24px !important;
padding-bottom: 0 !important;
}
.footer-main .footer-menu__title {
line-height: 1.35;
}
.footer-main .footer-menu ul {
list-style: none;
margin: 0;
}
.footer-main .footer-menu ul li {
margin-bottom: 12px;
line-height: 1.35;
font-size: 13px;
}
.footer-main .footer-menu ul li:last-child {
margin-bottom: 0;
}
.footer-main .footer-menu__title {
color: #3F3A2B !important;
font-size: 16px !important;
}
.footer-main .footer-menu__last ul li {
margin-bottom: 16px !important;
text-transform: uppercase;
}
.footer-main .footer-menu__last ul li:last-child {
margin-bottom: 0 !important;
}
.footer-main .footer-nav__column {
flex-direction: column;
flex-wrap: wrap;
}
.footer-main .footer-nav__column--payment {
justify-content: space-between;
padding-top: 20px;
border-top: 1px solid #C3B3A2;
}
.footer-main .footer-nav__column--payment a {
font-size: 14px !important;
}
.footer-main .footer-nav__column--payment .payment-icons {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.footer-main .footer-nav__column--payment .payment-icons__item {
margin-bottom: 0;
}
.footer-main .footer-nav__column--payment .payment-icons__item img {
width: 42px;
height: 25px;
border-radius: 6px;
}
.footer-main a {
color: #3F3A2B !important;
text-decoration: none;
font-size: 16px !important;
}
.footer-main .footer-bottom {
background-color: #3F3A2B;
padding: 12px !important;
margin-top: 4px !important;
}
.footer-main .footer-bottom p {
color: #FFF !important;
font-size: 9px !important;
}
@media (min-width: 576px) {
.footer-main .footer-nav__column--payment {
padding-top: 0;
border-top: none;
}
}
@media (max-width: 767px) {
.footer-main .footer-nav {
gap: 0 !important;
}
.footer-main .footer-nav__column .footer-menu {
padding-bottom: 20px !important;
}
}
@media (min-width: 768px) {
.footer-main {
padding-top: 30px !important;
}
.footer-main .footer-nav__column {
flex-direction: column;
gap: 16px 20px;
}
.footer-main .footer-nav__column--payment .payment-icons__item img {
width: 65px;
height: 40px;
}
.footer-main .footer-bottom {
margin-top: 30px !important;
}
}
@media (min-width: 981px) {
.footer-main {
padding-top: 80px !important;
}
.footer-main .footer-nav__column--payment {
padding-top: 0;
padding-left: 16px;
border-left: 1px solid #C3B3A2;
}
.footer-main .footer-bottom {
margin-top: 40px !important;
}
.footer-main .footer-bottom p {
font-size: 12px !important;
}
.footer-main .footer-menu__last ul li {
margin-bottom: 10px !important;
}
} .btn.btn-scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 32px;
height: 32px;
background-color: #8B1E3F;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/arrow-up-white.svg) !important;
background-size: 35% !important;
background-repeat: no-repeat !important;
background-position: center !important;
border: none;
padding: 0 !important;
cursor: pointer;
display: none;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.btn.btn-scroll-to-top.show {
display: block;
} .menu__social-icon a {
position: relative;
top: 3px;
width: fit-content;
display: block;
margin-right: 11px !important;
font-size: 0;
}
.menu__social-icon:last-child a {
margin-right: 0 !important;
}
.menu__social-icon a i {
display: none;
}
.menu__social-icon a::before {
content: "";
position: relative;
display: block !important;
top: -2px;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
background-size: cover;
transition: all 0.3s ease 0s;
} .menu__social-icon--instagram a::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/instagram_icon.svg);
}
.menu__social-icon--facebook a::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/facebook_icon.svg);
}
@media (min-width: 981px) {
.menu__social-icon a {
top: 6px;
margin-right: 17px !important;
}
.menu__social-icon a::before {
top: -2px;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
}
}
.hero {
position: relative;
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.hero .row__img {
margin: 0px -70px !important;
margin-right: -120px !important;
}
.hero .row__img .col {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-bottom: 1px solid #BAA89A;
}
.hero .h1 {
max-width: 330px;
text-align: center;
margin: auto;
}
.hero .h1 p {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.hero {
padding-top: 60px;
padding-bottom: 60px;
background-image: linear-gradient(166deg, #DCCBBB 27.65%, rgb(194, 172, 150) 97.83%);
}
.hero__bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-size: contain;
background-position: 186% bottom;
background-repeat: no-repeat;
}
.hero .h1 {
text-align: start;
margin: 0;
}
}
@media all and (min-width: 800px) {
.hero__bg {
background-position: 156% bottom;
}
}
@media all and (min-width: 840px) {
.hero__bg {
background-position: 136% bottom;
}
}
@media all and (min-width: 900px) {
.hero__bg {
background-position: 112% bottom;
}
}
@media (min-width: 981px) {
.hero {
padding-top: 5.2vw;
padding-bottom: 5.2vw;
}
.hero__bg {
background-position: 106% bottom;
}
.hero .h1 {
max-width: 37vw;
}
.hero .page-template-template-homepage .h1 {
margin-bottom: -4px !important;
}
}
@media (min-width: 1100px) {
.hero__bg {
background-position: 94% bottom;
}
}
@media (min-width: 1240px) {
.hero .h1 {
max-width: 33vw;
}
}
@media (min-width: 1170px) and (max-width: 1250px) {
.hero .h1 {
max-width: 33vw !important;
}
}
@media (min-width: 1105px) and (max-width: 1140px) {
.hero .h1 {
max-width: 35vw !important;
}
}
@media (min-width: 1440px) {
.hero__bg {
background-position: 90% bottom;
}
}
@media screen and (min-width: 1780px) {
.hero__bg {
background-position: 82% bottom;
}
.hero .h1 {
width: 100%;
}
} .hero-1 .h1 {
max-width: 400px;
}
.hero-1 .h1 > span:first-child {
display: block;
padding-bottom: 2px;
font-size: 18px !important;
font-weight: 400 !important;
}
@media (min-width: 981px) {
.hero-1 .h1 {
width: 39vw !important;
min-width: 460px;
max-width: 610px !important;
margin-bottom: -4px;
}
.hero-1 .h1 > span:first-child {
font-size: 20px !important;
}
}
.hero-2 {
background: linear-gradient(174deg, #DCCBBB 27.65%, rgba(194, 172, 150, 0.35) 97.83%) !important;
background-repeat: no-repeat !important;
background-position: center !important;
padding-top: 24px;
padding-bottom: 24px;
overflow: hidden;
}
.hero-2 .h1 {
text-align: center;
margin: auto;
}
@media (max-width: 767px) {
.hero-2 {
display: flex;
gap: 20px;
}
}
@media (min-width: 768px) {
.hero-2 {
position: relative;
padding-top: 0;
padding-bottom: 0;
background-image: linear-gradient(166deg, #DCCBBB 27.65%, rgb(194, 172, 150) 97.83%) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat;
}
.hero-2::before {
content: "";
position: absolute;
top: -22%;
right: 0;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/hero-2-bg.svg);
background-repeat: no-repeat;
width: 700px;
height: 658px;
}
.hero-2__row {
align-items: center;
}
.hero-2__img img {
margin-left: -43px;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}
.hero-2 .h1 {
text-align: start;
margin: 0;
font-size: clamp(27px, 2.4vw, 40px) !important;
}
}
@media (max-width: 980px) {
.hero-2 {
background-size: 48%, cover;
}
}
@media (min-width: 981px) {
.hero-2 {
padding-top: 0;
padding-bottom: 0;
}
.hero-2 .h1 {
max-width: 100%;
}
}
@media (min-width: 1440px) {
.hero-2::before {
right: 16%;
}
}
.page-template-template-pelzerhaken .hero-2::before {
transform: rotate(-18deg);
}
.page-template-template-hundestrand-timmendorfer-strand .hero-2::before {
top: -15%;
transform: rotate(49deg);
}
.page-template-template-hundestrand-scharbeutz-scharbeutz-haffkrug .hero-2::before {
top: -15%;
right: 5%;
transform: rotate(-232deg);
}
.page-template-template-scharbeutzer-hundeauslauf-im-hundewald .hero-2::before {
top: -12%;
right: 7%;
transform: rotate(339deg);
}
.page-template-template-scharbeutzer-hundeauslauf-im-hundewald .hero-2::before {
top: -12%;
right: 7%;
transform: rotate(339deg);
}
.page-template-template-tierarzte .hero-2::before {
top: -13%;
right: 15%;
transform: rotate(26deg);
}
.benefits {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.benefits__icon {
width: 67px;
height: 28px;
}
.benefits__item {
display: flex;
gap: 12px;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #C3B3A2;
}
.benefits__item:first-child {
padding-top: 0;
}
.benefits__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.benefits__item img {
width: 28px;
height: 28px;
}
.benefits__item p {
margin-bottom: 0 !important;
}
.benefits .h3 {
margin-bottom: 2px !important;
font-size: 18px !important;
}
@media (max-width: 767px) {
.benefits__item {
max-width: 360px !important;
margin: auto !important;
}
}
@media (min-width: 768px) {
.benefits {
padding-top: 60px;
padding-bottom: 0;
}
.benefits__item {
border-bottom: none;
padding: 10px 20px;
box-sizing: border-box;
}
.benefits__item:first-child {
padding-top: 10px !important;
}
.benefits__item:nth-child(odd) {
border-right: 1px solid #C3B3A2;
}
.benefits__item:nth-child(-n+2) {
border-bottom: 1px solid #C3B3A2 !important;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.benefits__item:nth-child(even) {
padding-right: 0;
}
.benefits__item:nth-child(odd) {
padding-left: 0;
}
}
@media (min-width: 981px) {
.benefits {
padding-top: 80px;
}
.benefits__item {
width: calc(25% - 42px);
margin: 0 !important;
padding: 0 12px;
border-right: 1px solid #C3B3A2;
}
.benefits__item:first-child {
padding-top: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.benefits__item:last-child {
padding-top: 0 !important;
border-right: 0;
}
.benefits__item:nth-child(-n+2) {
border-bottom: none !important;
}
.benefits .h3 {
margin-bottom: 6px !important;
}
}
@media (min-width: 1440px) {
.benefits__item {
padding: 0 20px;
}
}
@media (min-width: 768px) {
.sidebar-page-accordion-2__content-area .benefits,
.sidebar-page-accordion__content-area .benefits,
.sidebar-page-2__content-area .benefits,
.sidebar-page__content-area .benefits {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.sidebar-page-accordion-2__content-area .benefits,
.sidebar-page-accordion__content-area .benefits,
.sidebar-page-2__content-area .benefits,
.sidebar-page__content-area .benefits {
padding-top: 40px;
padding-bottom: 40px;
}
}
.page-template-template-tips .benefits,
.single-product .benefits {
padding-top: calc(24px * 2);
padding-bottom: calc(24px * 2);
background-color: #D5C4B4;
}
@media (min-width: 768px) {
.page-template-template-tips .benefits,
.single-product .benefits {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 981px) {
.page-template-template-tips .benefits,
.single-product .benefits {
padding-top: 80px;
padding-bottom: 80px;
}
}
.category-slider {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.category-slider .swiper-slide {
transition: all 0.3s ease 0s;
}
.category-slider .swiper-slide:hover::before, .category-slider .swiper-slide:active::before, .category-slider .swiper-slide:focus::before, .category-slider .swiper-slide:focus-visible::before {
height: 100%;
border-radius: 12px;
}
.category-slider .swiper-slide:hover span, .category-slider .swiper-slide:active span, .category-slider .swiper-slide:focus span, .category-slider .swiper-slide:focus-visible span {
color: #8B1E3F;
}
.category-slider .swiper-slide:hover span::after, .category-slider .swiper-slide:active span::after, .category-slider .swiper-slide:focus span::after, .category-slider .swiper-slide:focus-visible span::after {
width: 100%;
}
.category-slider .swiper-slide::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 85%;
border-radius: 5px;
background-color: #E8DCD1;
transition: all 0.3s ease 0s;
z-index: -1;
}
.category-slider .swiper-slide .category__img {
position: relative;
}
.category-slider .swiper-slide .category__img::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #C3B3A2;
transition: all 0.3s ease 0s;
}
.category-slider .swiper-slide span {
display: block;
position: relative;
width: fit-content;
max-width: calc(100% - 32px);
padding: 0;
margin: 14px auto;
font-size: 18px;
font-weight: 500;
color: #3F3A2B;
transition: all 0.3s ease 0s;
}
.category-slider .swiper-slide span::after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
border-radius: 50%;
background-color: #8B1E3F;
transition: all 0.3s ease 0s;
}
.category-slider__arrows {
display: flex !important;
gap: 8px !important;
justify-content: center !important;
}
.category-slider__arrows .swiper-button-next,
.category-slider__arrows .swiper-button-prev {
position: static !important;
background-color: transparent !important;
border: 1px solid #8B1E3F;
}
.category-slider__arrows .swiper-button-next:hover, .category-slider__arrows .swiper-button-next:active, .category-slider__arrows .swiper-button-next:focus, .category-slider__arrows .swiper-button-next:focus-visible,
.category-slider__arrows .swiper-button-prev:hover,
.category-slider__arrows .swiper-button-prev:active,
.category-slider__arrows .swiper-button-prev:focus,
.category-slider__arrows .swiper-button-prev:focus-visible {
background-color: #8B1E3F !important;
}
@media (min-width: 768px) {
.category-slider {
padding-top: 60px;
padding-bottom: 30px;
}
.category-slider .swiper-slide {
transition: all 0.3s ease 0s;
}
.category-slider .swiper-slide:hover::before, .category-slider .swiper-slide:active::before, .category-slider .swiper-slide:focus::before, .category-slider .swiper-slide:focus-visible::before {
width: 100%;
right: 0;
bottom: 0;
}
.category-slider .swiper-slide::before {
bottom: 16px;
right: 16px;
width: calc(100% - 32px);
}
.category-slider .swiper-slide .category__img {
width: calc(100% - 32px);
margin: auto;
}
.category-slider .swiper-slide .category__img::after {
bottom: 0;
left: 16px;
width: calc(100% - 32px);
}
.category-slider .swiper-slide span {
padding: 16px 0;
margin: 0 auto 16px;
font-size: 20px;
}
.category-slider .swiper-slide span::after {
bottom: 8px;
left: 0;
width: 0;
}
}
@media (min-width: 981px) {
.category-slider {
padding-top: 80px;
padding-bottom: 40px;
}
}
.selection {
background: #DCCBBB;
padding-bottom: 24px;
}
@media (min-width: 768px) {
.selection {
padding-bottom: 30px;
}
.selection .h3 {
max-width: 463px;
}
.selection div .formatted-text {
max-width: 463px;
}
}
@media (min-width: 981px) {
.selection {
padding-bottom: 40px;
}
}
.boutique {
background: #DCCBBB;
background-position: center !important;
background-repeat: no-repeat !important;
padding-top: 24px;
padding-bottom: 24px; }
.boutique__row:last-child {
margin-bottom: 0 !important;
}
.boutique .col__img img {
width: 100%;
border-radius: 12px;
}
.boutique .swiper {
border-radius: 12px;
}
.boutique .swiper-pagination-bullet {
opacity: 1;
}
.boutique .swiper__arrows {
width: calc(100% - 24px);
top: 50%;
left: 12px;
}
@media (min-width: 768px) {
.boutique {
padding-top: 30px;
padding-bottom: 30px;
background: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/05/boutique-bg.svg), #DCCBBB;
background-position-y: -70px !important;
}
.boutique__text {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.boutique .h2 {
max-width: 463px;
}
.boutique .col__img img {
width: 100%;
}
}
@media (min-width: 981px) {
.boutique {
padding-top: 40px;
padding-bottom: 40px;
}
.boutique__row {
padding-left: 97px !important;
}
}
.dog-bestsellers .button.product_type_simple.add_to_cart_button {
display: none !important;
}
.custom-product-list {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: calc(24px * 2);
}
@media (min-width: 768px) {
.custom-product-list {
padding-top: 30px;
padding-bottom: 60px;
}
}
@media (min-width: 981px) {
.custom-product-list {
padding-top: 40px;
padding-bottom: 80px;
}
}
.brands {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.brands__logo-container {
gap: 4px !important;
}
@media (min-width: 768px) {
.brands {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.brands {
padding-top: 40px;
padding-bottom: 40px;
}
}
.testimonials {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.testimonials .row {
row-gap: 0;
}
.testimonials .rating {
display: none;
}
.testimonials__item {
background: #E8DCD1;
padding: 24px;
}
.testimonials__stars {
width: fit-content;
height: 12px;
}
.testimonials__comment-info {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 768px) {
.testimonials {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.testimonials {
padding-top: 40px;
padding-bottom: 40px;
}
.testimonials .rating {
display: flex;
width: fit-content;
margin: auto;
}
.testimonials__stars {
height: 16px;
}
}
.sidebar-page-accordion-2__content-area .testimonials,
.sidebar-page-accordion__content-area .testimonials,
.sidebar-page-2__content-area .testimonials,
.sidebar-page__content-area .testimonials {
padding-bottom: calc(24px * 2);
}
@media (min-width: 768px) {
.sidebar-page-accordion-2__content-area .testimonials,
.sidebar-page-accordion__content-area .testimonials,
.sidebar-page-2__content-area .testimonials,
.sidebar-page__content-area .testimonials {
padding-top: 30px;
padding-bottom: 60px;
}
}
@media (min-width: 981px) {
.sidebar-page-accordion-2__content-area .testimonials,
.sidebar-page-accordion__content-area .testimonials,
.sidebar-page-2__content-area .testimonials,
.sidebar-page__content-area .testimonials {
padding-top: 40px;
padding-bottom: 80px;
}
}
.advise {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.advise__info {
display: flex;
flex-direction: column;
padding: 24px;
background-color: #D5C4B4;
border-radius: 12px;
}
.advise__info a {
position: relative;
font-size: 24px;
padding-left: 26px;
}
.advise__info a::before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 18px;
height: 18px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/phone_icon.svg);
}
.advise__text {
display: flex;
flex-direction: column;
align-items: center;
}
.advise__text-content {
font-family: "Poppins", sans-serif;
text-align: center;
font-size: 14px !important;
font-weight: 500;
}
@media (min-width: 768px) {
.advise {
padding-top: 30px;
padding-bottom: 30px;
}
.advise__info {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #D5C4B4;
border-radius: 48px;
}
.advise__info img {
margin-left: 0 !important;
margin-right: 40px !important;
}
.advise__info a {
font-size: 24px;
}
.advise__text {
align-items: flex-start;
}
.advise__text-content {
text-align: left;
max-width: 100%;
font-size: 20px !important;
}
}
@media (min-width: 981px) {
.advise {
padding-top: 40px;
padding-bottom: 40px;
}
.advise__info {
padding: 30px 92px;
}
.advise__text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
} .sidebar__header {
align-items: center;
justify-content: space-between;
background: #fff;
cursor: pointer;
}
.sidebar__toggle {
width: 20px;
height: 20px;
background-color: red;
background-image: url(//www.hundewerk-ostsee.de/chevron-icon.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
}
.sidebar__nav {
transition: all 0.3s ease 0s;
overflow: hidden;
}
@media all and (max-width: 980px) {
.sidebar__nav {
position: absolute;
left: 0;
right: 0;
height: 0;
background: #4499ee;
}
}
@media all and (min-width: 981px) {
.sidebar__nav {
height: auto !important;
}
} .scrollspy {
display: flex;
align-items: flex-start;
}
.scrollspy__nav {
padding: 0;
margin: 0;
list-style-type: none;
}
.scrollspy__nav ul, .scrollspy__nav li {
list-style-type: none;
}
.scrollspy__nav a.active {
color: #fff;
} #page {
overflow: initial;
overflow-x: clip;
}
.sticky {
position: sticky !important;
top: 100px;
z-index: 100;
}
@media (max-width: 980px) {
.sticky--desktop {
position: static !important;
}
}
.agb-info {
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar-payment__list--item .agb-info {
flex-wrap: wrap;
gap: 20px;
}
.sidebar-payment__list--item .agb-info img {
gap: 20px;
max-width: 133px;
min-height: 0 !important;
margin: 0 !important;
}
.sidebar-payment__list--item .agb-info p {
font-size: 14px !important;
}
.sidebar-payment {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.sidebar-payment .row {
row-gap: 48px;
}
.sidebar-payment ul.list,
.sidebar-payment ol.list {
margin-left: 26px !important;
}
.sidebar-payment ul.list li,
.sidebar-payment ol.list li {
color: #3F3A2B !important;
}
.sidebar-payment .current_page_item a {
color: #8B1E3F !important;
}
.sidebar-payment__nav {
margin: 0 !important;
list-style: none;
}
.sidebar-payment__nav li {
border-bottom: 1px solid #C3B3A2;
}
.sidebar-payment__nav li a {
display: block;
width: 100%;
padding: 12px;
font-size: 15px !important;
color: #3F3A2B !important;
}
.sidebar-payment__nav li a:hover, .sidebar-payment__nav li a:active, .sidebar-payment__nav li a:focus, .sidebar-payment__nav li a:focus-visible {
color: #8B1E3F !important;
}
.sidebar-payment__nav li::marker {
display: none;
}
.sidebar-payment__nav li:first-child {
border-top: 1px solid #C3B3A2;
}
.sidebar-payment__wrapper {
padding: 16px;
background-color: #E8DCD1;
border-radius: 12px;
}
.sidebar-payment__wrapper > div:first-of-type {
margin-top: 0 !important;
}
.sidebar-payment__list--item {
margin-top: 20px !important;
}
.sidebar-payment__list--item img {
width: 100%;
margin-top: 16px !important;
border-radius: 12px;
}
.sidebar-payment__list--item .h4 {
line-height: 1.3;
}
@media (max-width: 767px) {
.sidebar-payment__list--item img {
object-fit: cover;
object-position: center;
min-height: 381px;
}
}
@media (min-width: 768px) {
.sidebar-payment {
padding-top: 30px;
padding-bottom: 30px;
}
.sidebar-payment__wrapper {
padding: 32px;
}
}
@media (min-width: 981px) {
.sidebar-payment {
padding-top: 40px;
padding-bottom: 40px;
}
.sidebar-payment .row {
row-gap: 20px;
}
.sidebar-payment__nav li {
border-bottom: none;
}
.sidebar-payment__nav li a {
padding: 16px;
border-bottom: none;
font-size: 18px !important;
border-radius: 12px;
}
.sidebar-payment__nav li a:hover, .sidebar-payment__nav li a:active, .sidebar-payment__nav li a:focus, .sidebar-payment__nav li a:focus-visible {
background-color: #E8DCD1;
}
.sidebar-payment__nav li:first-child {
border-top: none;
}
.sidebar-payment__list--item img {
margin-top: 24px !important;
}
}
.contact__meta * {
color: #3F3A2B;
}
.contact__meta .contact-repeater__block {
display: flex;
flex-wrap: wrap;
}
.contact__meta .contact-repeater__block .contact-repeater__title {
width: 100%;
}
.contact__meta .contact-repeater__block .contact-icon {
width: 24px;
height: 24px;
margin-right: 8px;
}
.contact__meta .work-time {
display: block;
margin-top: 2px;
}
.contact__meta a {
color: inherit !important;
text-decoration: underline !important;
}
.contact__meta a:hover, .contact__meta a:active, .contact__meta a:focus, .contact__meta a:focus-visible {
color: #8B1E3F !important;
}
@media (max-width: 575px) {
.contact__meta .contact-repeater__text {
max-width: 200px;
}
}
.vacation-info {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.vacation-info__cards {
display: flex;
flex-direction: column;
gap: 8px;
}
.vacation-info__cards-item {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 12px;
padding: 16px;
background-color: #E8DCD1;
}
.vacation-info__cards-item-img {
padding-right: 16px;
}
.vacation-info__cards-item-img img {
width: 32px !important;
max-width: fit-content !important;
height: auto;
}
.vacation-info__cards-item p {
position: relative;
padding-left: 20px;
margin: 0 !important;
font-family: "Poppins", sans-serif;
line-height: 1.3 !important;
}
.vacation-info__cards-item p::after {
content: "";
position: absolute;
top: -25px;
left: 0;
height: calc(100% + 60px);
width: 1px;
background-color: #DCCBBB;
}
@media (min-width: 768px) {
.vacation-info {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (min-width: 981px) {
.vacation-info {
padding-top: 80px;
padding-bottom: 40px;
}
.vacation-info .sub-heading {
max-width: 946px;
}
.vacation-info__cards {
flex-direction: row;
gap: 20px;
}
.vacation-info__cards-item {
width: calc(33.333% - 13px);
min-height: 96px;
padding: 24px;
}
.vacation-info__cards-item-img {
padding-right: 24px;
}
.vacation-info__cards-item-img img {
width: 42px !important;
height: auto;
}
.vacation-info__cards-item-img::after {
content: "";
top: -40px;
height: calc(100% + 80px);
}
.vacation-info__cards-item p {
padding-left: 20px;
margin: 0 !important;
font-family: "Poppins", sans-serif;
}
.vacation-info__cards-item p::after {
top: -40px;
height: calc(100% + 80px);
}
}
.tip-cards {
background: #DCCBBB;
padding-top: 24px;
padding-bottom: 24px;
}
.tip-cards .tips-cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.tip-cards .tip-card {
background: #f4f4f4;
padding: 24px;
box-sizing: border-box;
width: 100%;
min-height: 334px;
border-radius: 12px;
text-decoration: none;
color: inherit;
flex-grow: 1;
transition: all 0.3s ease 0s;
background-repeat: no-repeat !important;
background-position: center bottom !important;
background-size: contain !important;
}
.tip-cards .tip-card__text {
text-align: center;
margin: auto;
max-width: 248px;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #3F3A2B;
line-height: 1.3;
font-weight: 600;
}
.tip-cards .tip-card:hover,
.tip-cards .tip-card:focus,
.tip-cards .tip-card:focus-visible,
.tip-cards .tip-card:active {
box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.03), 0px 14px 18px rgba(0, 0, 0, 0.05), 0px 8px 14px rgba(0, 0, 0, 0.07), 0px 4px 10px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.1);
transform: translateY(-4px);
outline: none;
}
.tip-cards .tip-card:nth-child(5n+1) {
background-color: #CEB69E;
}
.tip-cards .tip-card:nth-child(5n+2) {
background-color: #CFAA8B;
}
.tip-cards .tip-card:nth-child(5n+3) {
background-color: #DEC2B5;
}
.tip-cards .tip-card:nth-child(5n+4) {
background-color: #D4A490;
}
.tip-cards .tip-card:nth-child(5n+5) {
background-color: #D2B199;
}
@media (max-width: 767px) {
.tips-cards .tip-card:nth-child(5n+1) {
background: #CEB69E !important;
}
.tips-cards .tip-card:nth-child(5n+2) {
background: #CFAA8B !important;
}
.tips-cards .tip-card:nth-child(5n+3) {
background: #DEC2B5 !important;
}
.tips-cards .tip-card:nth-child(5n+4) {
background: #D4A490 !important;
}
.tips-cards .tip-card:nth-child(5n+5) {
background: #D2B199 !important;
}
}
@media (min-width: 768px) {
.tip-cards {
padding-top: 30px;
padding-bottom: 30px;
}
.tip-cards .tip-card {
display: flex;
align-items: center;
background-position: right !important;
padding: 24px;
min-height: 200px !important;
}
.tip-cards .tip-card__text {
text-align: left !important;
margin: 0 !important;
max-width: 200px !important;
}
.tip-cards .tip-card:nth-child(5n+3) .tip-card__text {
max-width: 394px !important;
}
.tip-card:nth-child(3n) {
width: 100%;
}
.tip-card:nth-child(3n-2),
.tip-card:nth-child(3n-1) {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.tip-card {
display: flex;
flex-direction: column-reverse;
overflow: hidden !important;
}
.tip-card__image {
display: flex !important;
justify-content: center !important;
margin-left: -24px;
margin-right: -24px;
margin-bottom: -24px;
}
.tip-card__image img {
width: calc(100% + 48px);
height: auto;
}
.tip-card__text {
margin-top: 0 !important;
}
}
@media (max-width: 767px) and (min-width: 450px) {
.tips-cards {
justify-content: center;
}
.tips-cards .tip-card {
max-width: calc(50% - 10px) !important;
min-height: 280px;
}
}
@media (max-width: 860px) and (min-width: 767px) {
.tip-cards .tip-card {
background-size: cover !important;
}
}
@media (max-width: 980px) and (min-width: 768px) {
.tip-cards .tip-card .tip-card__text {
max-width: 144px !important;
}
.tip-cards .tip-card:nth-child(5n+1) {
background-position-x: 170px !important;
}
.tip-cards .tip-card:nth-child(5n+2) {
background-position-x: 180px !important;
}
.tip-cards .tip-card:nth-child(5n+3) {
background-position-x: 350px !important;
}
.tip-cards .tip-card:nth-child(5n+3) .tip-card__text {
max-width: 340px !important;
}
.tip-cards .tip-card:nth-child(5n+4) {
background-position-x: 170px !important;
}
.tip-cards .tip-card:nth-child(5n+5) {
background-position-x: 100px !important;
}
}
@media (max-width: 1160px) and (min-width: 979px) {
.tip-cards .tip-card {
background-position-x: 155% !important;
}
.tip-cards .tip-card:nth-child(5n+1) {
background-position-x: 225px !important;
}
.tip-cards .tip-card:nth-child(5n+2) {
background-position-x: 225px !important;
}
}
@media (min-width: 981px) {
.tip-cards {
padding-top: 40px;
padding-bottom: 40px;
}
.tip-cards .tip-card {
padding: 24px 48px;
}
.tip-cards .tip-card__text {
font-size: 24px;
}
}
.work-time__title,
.contact-info__label {
display: flex;
flex-direction: column;
position: relative;
padding-left: 24px;
margin-bottom: 4px;
font-size: 14px;
font-weight: 600;
}
.work-time__title::before,
.contact-info__label::before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
background-repeat: no-repeat !important;
background-position: center !important;
}
.work-time__title.clock-icon::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/clock.svg) !important;
background-repeat: no-repeat;
}
.contact-info__accordion a {
margin-top: 4px !important;
font-weight: 400 !important;
color: #3F3A2B !important;
}
.contact-info__accordion a:hover, .contact-info__accordion a:active, .contact-info__accordion a:focus, .contact-info__accordion a:focus-visible {
color: #8B1E3F !important;
}
.contact-info__accordion:not(:last-child) {
margin-bottom: 12px;
}
.contact-info__accordion .contact-info__label.tel-icon::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/tel-icon.svg);
background-repeat: no-repeat;
}
.contact-info__accordion .contact-info__label.fax-icon::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/fax-icon.svg);
background-repeat: no-repeat;
}
.contact-info__accordion .contact-info__label.site-icon::before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/internet-icon.svg);
background-repeat: no-repeat;
}
.work-time {
margin-top: 16px;
margin-bottom: 12px;
}
.work-time__list {
padding: 0 24px;
}
.work-time__item {
display: flex;
}
.work-time__item-day {
min-width: 96px;
font-weight: 500;
}
.work-time__item-hours p {
margin-bottom: 2px !important;
}
.work-time__item-hours p:last-of-type {
margin-bottom: 0 !important;
}
@media (min-width: 981px) {
.work-time__title,
.contact-info__label {
padding-left: 24px;
margin-bottom: 6px;
font-size: 16px;
}
.work-time__title::before,
.contact-info__label::before {
top: 3px;
}
.work-time {
margin-top: 24px;
margin-bottom: 14px;
}
.work-time__list {
padding: 0 28px;
}
.work-time__item-day {
min-width: 104px;
}
.contact-info__accordion a {
margin-top: 6px !important;
}
.contact-info__accordion:not(:last-child) {
margin-bottom: 14px;
}
}
.storefront-product-pagination {
display: none !important;
}
.single-product .summary .woocommerce-product-rating {
order: -1;
}
.product .price ins {
color: #8B1E3F;
}
.price del ~ br {
display: none;
}
.price del ~ ins {
margin-left: 0.327em;
}
.price del,
.product .price del {
color: #5B523E !important;
opacity: 1 !important;
}
.site-footer + .storefront-sticky-add-to-cart {
display: none !important;
}
#tab-title-additional_information {
display: none !important;
}
.variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/08/line.svg) !important;
pointer-events: none;
}
.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
color: #938B7E;
} .single-product .content-area {
float: none;
}
.single-product .col-full > .woocommerce {
background-color: #FDF9F5;
}
.single-product .col-full > .woocommerce:not(:empty) {
padding-top: 20px;
margin-top: 86px;
margin-bottom: -86px;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message,
.single-product .col-full > .woocommerce:not(:empty) li {
display: flex;
align-items: center;
justify-content: space-between;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message .wc-forward,
.single-product .col-full > .woocommerce:not(:empty) li .wc-forward {
white-space: nowrap;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message .wc-forward:hover, .single-product .col-full > .woocommerce:not(:empty) .woocommerce-message .wc-forward:active, .single-product .col-full > .woocommerce:not(:empty) .woocommerce-message .wc-forward:focus, .single-product .col-full > .woocommerce:not(:empty) .woocommerce-message .wc-forward:focus-visible,
.single-product .col-full > .woocommerce:not(:empty) li .wc-forward:hover,
.single-product .col-full > .woocommerce:not(:empty) li .wc-forward:active,
.single-product .col-full > .woocommerce:not(:empty) li .wc-forward:focus,
.single-product .col-full > .woocommerce:not(:empty) li .wc-forward:focus-visible {
text-decoration: underline !important;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message,
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-error {
width: 1140px !important;
max-width: 90% !important;
border-radius: 12px;
margin: 0 auto !important;
z-index: 1;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message::after,
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-error::after {
content: none;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-error {
background-color: #8B1E3F;
}
@media (max-width: 767px) {
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message,
.single-product .col-full > .woocommerce:not(:empty) li {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-product .col-full > .woocommerce:not(:empty) .woocommerce-message a,
.single-product .col-full > .woocommerce:not(:empty) li a {
margin: 10px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}
}
@media (min-width: 768px) {
.single-product .col-full > .woocommerce:not(:empty) {
margin-bottom: calc(-86px - 30px);
}
}
@media (min-width: 981px) {
.single-product .col-full > .woocommerce:not(:empty) {
margin-bottom: calc(-86px - 40px);
}
}
body.single-product .widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
margin-top: -10px !important;
} .single-product .site-main > [id*=product-] {
background-color: #FDF9F5;
padding-top: 24px;
padding-bottom: 24px;
}
.single-product .site-main > [id*=product-] .woocommerce-variation-availability {
height: auto !important;
}
.single-product .site-main > [id*=product-] .stock.in-stock {
display: none !important;
}
.single-product .site-main > [id*=product-] .stock.out-of-stock {
position: relative;
color: #3F3A2B !important;
padding-left: 21px;
margin-bottom: 8px !important;
}
.single-product .site-main > [id*=product-] .stock.out-of-stock::before {
content: "" !important;
position: absolute !important;
top: 4px !important;
left: 0 !important;
width: 12px;
height: 12px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/minus-circle.svg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.single-product .site-main > [id*=product-] .summary {
display: flex;
flex-direction: column;
float: none;
margin-bottom: 24px !important;
}
.single-product .site-main > [id*=product-] .summary .price {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.2em;
}
.single-product .site-main > [id*=product-] .product_title {
margin-bottom: 8px !important;
font-weight: 500;
line-height: 1.3;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers {
display: flex !important;
flex-wrap: wrap;
margin-bottom: 16px !important;
height: auto !important;
line-height: 1.35;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .price {
width: 100%;
margin: 0;
margin-bottom: 8px;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .price .woocommerce-Price-amount {
line-height: 1.35;
font-size: 20px;
font-weight: 600;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .price .woocommerce-Price-amount bdi {
color: #8B1E3F !important;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .price del .woocommerce-Price-amount bdi {
color: #5B523E !important;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info {
font-size: 14px !important;
margin-right: 4px;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .wgm-info small {
font-size: 10px !important;
}
.single-product .site-main > [id*=product-] .legacy-itemprop-offers .shipping_de.shipping_de_string {
margin: 0 !important;
}
.single-product .site-main > [id*=product-] .product-availability-status,
.single-product .site-main > [id*=product-] .shipping_de_string,
.single-product .site-main > [id*=product-] .product-delivery-info {
position: relative !important;
margin-bottom: 4px !important;
color: #5C7040 !important;
padding-left: 18px !important;
font-size: 15px !important;
}
.single-product .site-main > [id*=product-] .product-availability-status::before,
.single-product .site-main > [id*=product-] .shipping_de_string::before,
.single-product .site-main > [id*=product-] .product-delivery-info::before {
content: "";
position: absolute;
top: 3px;
left: 0;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/check-icon-green.svg);
background-size: contain;
background-repeat: no-repeat;
width: 12px;
height: 12px;
}
.single-product .site-main > [id*=product-] .shipping_de_string small {
font-size: 100%;
}
.single-product .site-main > [id*=product-] .product-delivery-info {
margin-bottom: 4px !important;
}
.single-product .site-main > [id*=product-] .variations_form {
display: flex;
flex-direction: column;
}
.single-product .site-main > [id*=product-] .variations_form .variations .label {
font-size: 16px !important;
color: #3F3A2B !important;
margin: 0 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .label label {
margin: 0 2px 0 0 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value {
margin-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper {
gap: 5px !important;
margin-bottom: 24px !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item {
min-width: 57px !important;
min-height: 46px !important;
width: fit-content;
height: 100%;
background: #fff !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid #C3B3A2 !important;
border-radius: 5px !important;
box-shadow: none !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item.disabled {
cursor: default;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item:not(.disabled):hover, .single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item:not(.disabled):active, .single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item:not(.disabled):focus, .single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item:not(.disabled):focus-visible {
background: #FDF9F5 !important;
border-color: #000 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item-contents {
padding: 14px 10px;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item .variable-item-span {
padding: 0 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item.selected { background: #E8DCD1 !important;
border-color: #000 !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations .value .variable-items-wrapper .variable-item-span {
color: #020300 !important;
font-size: 15px !important;
}
.single-product .site-main > [id*=product-] .variations_form .variations_button {
padding-top: 16px !important;
}
.single-product .site-main > [id*=product-] .variations_form select {
width: 100%;
max-width: 100% !important;
padding: 13px 16px;
border: 1px solid #DFD7D0;
border-radius: 5px;
font-size: 15px;
color: #938B7E;
}
.single-product .site-main > [id*=product-] .variations_form select:active, .single-product .site-main > [id*=product-] .variations_form select:focus, .single-product .site-main > [id*=product-] .variations_form select:focus-visible {
outline: none !important;
border-color: #8B1E3F;
}
.single-product .site-main > [id*=product-] .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
flex-direction: column;
width: 100%;
}
.single-product .site-main > [id*=product-] .cart {
display: flex;
flex-wrap: wrap;
margin: 0 0 8px 0 !important;
padding: 16px 0 0 0 !important;
transition: none !important;
}
.single-product .site-main > [id*=product-] .cart--out-of-stock {
margin-top: 0 !important;
}
.single-product .site-main > [id*=product-] .cart .quantity {
width: 100%;
margin-right: 0 !important;
margin-bottom: 12px !important;
}
.single-product .site-main > [id*=product-] .cart .quantity .qty {
width: 100%;
min-width: 100px;
height: 100%;
border: 1px solid #DFD7D0;
border-radius: 6px;
background: #fff;
outline: #8B1E3F !important;
appearance: auto !important;
}
.single-product .site-main > [id*=product-] .cart .single_add_to_cart_button {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: auto; padding: 11px 24px !important;
line-height: 1.4;
border: 1px solid #8B1E3F;
border-radius: 5px !important;
color: #FFF !important;
background-color: #8B1E3F;
font-weight: 500;
font-size: 18px;
text-transform: inherit;
cursor: pointer;
transition: all 0.3s ease 0s;
flex-grow: 1;
}
.single-product .site-main > [id*=product-] .cart .single_add_to_cart_button:hover, .single-product .site-main > [id*=product-] .cart .single_add_to_cart_button:active, .single-product .site-main > [id*=product-] .cart .single_add_to_cart_button:focus, .single-product .site-main > [id*=product-] .cart .single_add_to_cart_button:focus-visible {
background: #3F3A2B !important;
border-color: #3F3A2B !important;
color: #FFF !important;
}
.single-product .site-main > [id*=product-] .cart .single_add_to_cart_button[disabled] {
opacity: 0.75;
pointer-events: none;
}
.single-product .site-main > [id*=product-] .payment-icons {
list-style: none;
display: flex;
justify-content: center;
gap: 4px;
width: 270px;
margin: auto;
margin-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .payment-icons__item {
width: 100%;
max-width: 65px;
}
.single-product .site-main > [id*=product-] .payment-icons__item img {
max-height: 27px;
}
.single-product .site-main > [id*=product-] .product-badge {
position: absolute;
top: 12px;
left: 12px;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery {
position: relative !important;
min-width: 100% !important;
margin-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery img {
min-width: 100% !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-viewport {
margin-bottom: 4px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav::before {
content: none !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav li {
width: calc(25% - 3px) !important;
margin: 0 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav li img {
width: 100% !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav li .flex-active {
outline: 2px solid #7B1B38;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating {
display: flex;
align-items: center;
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .star-rating {
margin-right: 6px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .star-rating span::before {
color: #FA9F04 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link {
font-size: 12px;
font-weight: 400;
color: #3F3A2B;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs {
display: flex;
flex-direction: column;
padding-top: 0;
padding-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .panel {
width: 100% !important;
overflow-x: auto;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .panel :last-child {
margin-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs {
display: flex;
gap: 16px;
border: none !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs li {
border: none !important;
white-space: nowrap;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs li a {
padding: 12px 0;
color: #3F3A2B !important;
outline-color: transparent !important;
font-size: 15px;
font-weight: 500;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs li::after {
content: "" !important;
width: 0;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs li.active a {
color: #8B1E3F !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs li.active::after {
content: "" !important;
width: 100%;
height: 2px;
top: unset !important;
bottom: 0 !important;
left: 0 !important;
background-color: #8B1E3F !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel { }
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel * {
color: #3F3A2B;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel input {
color: #fff;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h2 {
display: none !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h1,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h3,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h4,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h5,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h6 {
font-family: "Poppins", sans-serif;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0 !important;
}
@media (max-width: 767px) {
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h1,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h3,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h4,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h5,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h6 {
font-weight: 600;
}
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h4 {
margin-top: 0 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 21px !important;
}
@media (min-width: 981px) {
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 32px !important;
}
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h3 {
font-size: 16px !important;
}
@media (min-width: 981px) {
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h3 {
font-size: 18px !important;
}
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-size: 16px !important;
font-family: "Poppins", sans-serif;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h5 {
font-size: 16px !important;
font-family: "Poppins", sans-serif;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-respond {
background-color: #E8DCD1 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-respond .submit {
margin-left: auto;
display: block;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel--reviews .commentlist .comment-text {
border-color: #DFD7D0 !important;
background-color: #E8DCD1 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel--reviews .commentlist .comment-text .star-rating span::before {
color: #FA9F04 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .product-size-table_a tr:nth-child(odd) th,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .product-size-table_a tr:nth-child(odd) td {
background-color: #E8DCD1;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .product-size-table_a tr:nth-child(even) th,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .product-size-table_a tr:nth-child(even) td {
background-color: #F8F5F1;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .properties-row th {
background-color: #E8DCD1 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .properties-row td {
background-color: #F8F5F1 !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table {
color: #3F3A2B !important;
font-size: 13px;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table .woocommerce-product-attributes-item__label {
background-color: #F8F5F1;
color: #3F3A2B;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table .woocommerce-product-attributes-item__value {
background-color: #E8DCD1; }
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table tr {
color: #3F3A2B !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table tr th,
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel table tr td {
padding: 10px !important;
color: #3F3A2B !important;
}
.single-product .site-main > [id*=product-] .description {
padding: 0 !important;
}
.single-product .site-main > [id*=product-] .description ul {
margin: 0 0 0.6em 22px !important;
}
.single-product .site-main > [id*=product-] .description ul li::marker {
color: #3F3A2B !important;
}
.single-product .site-main > [id*=product-] .reset_variations {
display: none !important;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .wgm-info {
display: none;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .in-stock {
display: none;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .stock.out-of-stock {
position: relative;
color: #3F3A2B !important;
padding-left: 21px;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .stock.out-of-stock::before {
content: "" !important;
position: absolute !important;
top: 2px !important;
left: 0 !important;
width: 16px;
height: 16px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/minus-circle.svg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .price {
padding: 6px 0;
margin-bottom: 0;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .price .woocommerce-Price-amount {
line-height: 1.35;
font-size: 20px;
font-weight: 600;
color: #8B1E3F;
}
@media (max-width: 767px) {
.single-product .site-main > [id*=product-] .product_title {
font-size: 24px !important;
}
.single-product .site-main > [id*=product-] .cart {
padding-top: 0 !important;
}
}
@media (min-width: 768px) {
.single-product .site-main > [id*=product-] {
padding-top: 60px;
padding-bottom: 30px;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-viewport {
margin-bottom: 8px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav {
gap: 8px;
}
.single-product .site-main > [id*=product-] .woocommerce-product-gallery .flex-control-nav li {
width: calc(50% - 4px) !important;
}
.single-product .site-main > [id*=product-] .variations_form {
display: flex;
flex-direction: column;
}
.single-product .site-main > [id*=product-] .variations_form select {
max-width: 70% !important;
}
.single-product .site-main > [id*=product-] .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
flex-direction: row;
}
.single-product .site-main > [id*=product-] .cart {
flex-wrap: nowrap;
}
.single-product .site-main > [id*=product-] .cart .quantity {
width: fit-content !important;
margin-right: 24px !important;
margin-bottom: 0 !important;
}
.single-product .site-main > [id*=product-] .cart .qty {
width: 100px !important;
}
.single-product .site-main > [id*=product-] .payment-icons {
justify-content: flex-end;
max-width: calc(100% - 124px);
width: 270px;
margin-right: 0 !important;
}
.single-product .site-main > [id*=product-] .product-badge {
top: 16px;
left: 16px;
padding: 4px 16px;
}
}
@media (min-width: 981px) {
.single-product .site-main > [id*=product-] {
padding-top: 80px;
padding-bottom: 40px;
}
.single-product .site-main > [id*=product-] .stock.out-of-stock::before {
top: 3px !important;
width: 16px !important;
height: 16px !important;
background-size: 16px !important;
}
.single-product .site-main > [id*=product-] .row .col:first-child {
padding-right: 20px;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating {
margin-bottom: 6px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .star-rating {
margin-right: 8px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-product-rating .woocommerce-review-link {
font-size: 14px;
}
.single-product .site-main > [id*=product-] .summary {
margin-bottom: 32px !important;
}
.single-product .site-main > [id*=product-] .summary .product_title {
font-size: 32px !important;
}
.single-product .site-main > [id*=product-] .summary .legacy-itemprop-offers .price .woocommerce-Price-amount {
font-size: 24px;
}
.single-product .site-main > [id*=product-] .summary .product-availability-status,
.single-product .site-main > [id*=product-] .summary .shipping_de_string,
.single-product .site-main > [id*=product-] .summary .product-delivery-info {
padding-left: 21px !important;
font-size: 16px !important;
}
.single-product .site-main > [id*=product-] .summary .product-availability-status::before,
.single-product .site-main > [id*=product-] .summary .shipping_de_string::before,
.single-product .site-main > [id*=product-] .summary .product-delivery-info::before {
width: 15px;
height: 16px;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .out-of-stock {
padding-left: 21px !important;
font-size: 16px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .out-of-stock::before {
background-size: 15px;
width: 15px !important;
height: 15px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-variation .price .woocommerce-Price-amount {
font-size: 24px;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .tabs {
gap: 24px;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel h4 {
font-size: 18px !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel p {
margin-bottom: 0.6em !important;
}
}
@media (min-width: 1240px) {
.single-product .site-main > [id*=product-] .row .col:first-child {
padding-right: 40px;
}
}
@media (min-width: 1440px) {
.single-product .site-main > [id*=product-] .row .col:first-child {
padding-right: 80px;
}
}
@media (max-width: 980px) {
.single-product .site-main > [id*=product-] .summary,
.single-product .site-main > [id*=product-] .legacy-itemprop-offers {
padding-bottom: 20px;
border-bottom: 1px solid #DFD7D0;
}
}  .single-product-content-1 {
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 768px) {
.single-product-content-1 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.single-product-content-1 {
padding-top: 40px;
padding-bottom: 40px;
}
}
.product-badge {
position: absolute;
top: 14px;
left: 14px;
z-index: 10;
width: fit-content;
padding: 2px 8px;
border-radius: 4px;
order: 100;
font-size: 12px !important;
}
.product-badge--onsale {
display: flex;
align-items: center;
background-color: #8B1E3F;
color: #fff;
}
.product-badge--onsale::before {
content: "";
display: block;
width: 12px;
height: 12px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/06/onsale.svg);
margin-right: 4px;
}
.widget-area {
margin: 0 !important;
width: 100% !important;
}
.tax-product_cat .products {
justify-content: flex-start;
}
.archive #secondary {
display: none !important;
}
.category__hero {
padding-bottom: 24px;
background: linear-gradient(174deg, #DCCBBB 27.65%, rgba(194, 172, 150, 0.35) 97.83%);
}
.category__hero .category__hero-image-wrapper {
position: relative;
padding-left: 4%;
}
.category__hero .category__hero-image-wrapper img {
position: relative;
}
.category__hero .rating {
justify-content: center;
}
@media (min-width: 768px) {
.category__hero {
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.category__hero {
padding-bottom: 40px; }
.category__hero .h1,
.category__hero .h1 * {
font-size: clamp(32px, 2.7vw, 48px) !important;
}
.category__hero .rating {
align-items: center;
}
.category__hero .rating img {
max-width: 121px;
max-height: 24px;
width: 121px;
height: 24px;
}
}
@media all and (min-width: 1921px) {
.category__hero .category__hero-image-wrapper {
padding-left: 50px;
}
}
.child-categories__grid {
display: flex;
gap: 8px;
}
.child-categories__grid-wrapper {
padding-bottom: 24px;
}
.child-categories__grid .child-categories__item {
display: flex;
flex-direction: column;
width: 154px;
min-width: 154px;
padding: 3px 10px 10px 10px;
background-color: #F8F5F1;
border-radius: 12px;
}
.child-categories__grid .child-categories__item a {
position: relative;
}
.child-categories__grid .child-categories__item a::after {
content: "";
width: 100%;
height: 78px;
position: absolute;
top: 13px;
left: 0;
background-color: #E8DCD1;
border-radius: 12px;
z-index: 1;
transition: all 0.3s ease 0s;
}
.child-categories__grid .child-categories__item a img {
position: relative;
top: 17px;
height: auto;
margin-bottom: 12px;
z-index: 10;
}
.child-categories__grid .child-categories__item:hover, .child-categories__grid .child-categories__item:active, .child-categories__grid .child-categories__item:focus, .child-categories__grid .child-categories__item:focus-visible {
background-color: #fff;
}
.child-categories__grid .child-categories__item:hover a::after, .child-categories__grid .child-categories__item:active a::after, .child-categories__grid .child-categories__item:focus a::after, .child-categories__grid .child-categories__item:focus-visible a::after {
background-color: #8B1E3F;
}
.child-categories__grid .child-categories__item:hover a .child-categories__title, .child-categories__grid .child-categories__item:active a .child-categories__title, .child-categories__grid .child-categories__item:focus a .child-categories__title, .child-categories__grid .child-categories__item:focus-visible a .child-categories__title {
color: #8B1E3F !important;
}
.child-categories__grid .child-categories__item:hover a .child-categories__title::after, .child-categories__grid .child-categories__item:active a .child-categories__title::after, .child-categories__grid .child-categories__item:focus a .child-categories__title::after, .child-categories__grid .child-categories__item:focus-visible a .child-categories__title::after {
width: 100%;
}
.child-categories__grid .child-categories__title {
font-family: "Work Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
text-align: center !important;
position: relative;
z-index: 10;
}
.child-categories__grid .child-categories__title::after {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #8B1E3F;
transition: width 0.3s ease;
z-index: 10;
}
.child-categories__grid .child-categories__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 100%;
min-height: 119px;
}
@media (min-width: 768px) {
.child-categories__grid-wrapper {
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
.child-categories__grid {
gap: 10px;
}
.child-categories__grid-wrapper {
padding-bottom: 40px;
}
.child-categories__grid .child-categories__item {
width: 100%;
}
.child-categories__grid .child-categories__item:hover, .child-categories__grid .child-categories__item:active, .child-categories__grid .child-categories__item:focus, .child-categories__grid .child-categories__item:focus-visible {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.08), 0 8px 15px rgba(0, 0, 0, 0.06);
}
}
.archive__filter {
background-color: #F8F5F1;
border: 1px solid #DFD7D0;
border-radius: 12px;
}
.archive__filter label {
font-size: 14px !important;
}
.archive__filter .chosen-container {
width: 100% !important;
}
.archive__filter-visibility-btn {
width: 100% !important;
margin-bottom: 30px !important;
}
.archive__filter {
display: none !important;
}
.storefront-sorting .woocommerce-ordering,
.storefront-sorting .woocommerce-ordering,
.storefront-sorting .custom-sorting-text {
display: none;
}
.archive__filter.d-block {
display: block !important;
margin-top: 24px !important;
}
@media (min-width: 981px) {
.archive__filter.d-block {
margin-top: 0 !important;
}
}
.storefront-sorting.d-flex {
display: flex !important;
}
.woof_autohide_wrapper,
.woof_products_top_panel_ul,
.woof_products_top_panel {
display: none !important;
}
.woocommerce-page .woof_products_top_panel {
margin: 0;
padding-bottom: 16px;
}
.woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul {
display: flex;
align-items: center;
}
.woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li .woof_reset_button_2 {
transition: all 0.3s ease 0s !important;
background-color: #fff !important;
font-family: "Work Sans", sans-serif;
font-size: 16px !important;
border-radius: 12px !important;
padding: 8px;
}
.woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li .woof_reset_button_2:hover, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li .woof_reset_button_2:active, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li .woof_reset_button_2:focus, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li .woof_reset_button_2:focus-visible {
color: #8B1E3F !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li a .woof_remove_ppi {
transition: all 0.3s ease 0s;
color: #3F3A2B !important;
font-size: 16px !important;
}
.woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li a .woof_remove_ppi:hover, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li a .woof_remove_ppi:active, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li a .woof_remove_ppi:focus, .woocommerce-page .woof_products_top_panel .woof_products_top_panel_ul li a .woof_remove_ppi:focus-visible {
color: #8B1E3F !important;
}
.woocommerce-page .storefront-sorting {
display: flex;
flex-direction: column;
margin-bottom: 12px;
}
.woocommerce-page .storefront-sorting:last-child {
justify-content: center;
font-size: 16px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
padding-top: 12px !important;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering {
order: 1;
padding: 0;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering .orderby {
padding: 12px;
background-color: #fff;
border: 1px solid #DFD7D0;
border-radius: 12px;
font-family: "Work Sans", sans-serif;
font-size: 16px !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/dropdown-arrow.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: right center;
background-position-x: calc(100% - 6px);
outline: #8B1E3F;
padding-right: 26px;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
order: 10;
font-size: 10px;
text-align: center;
color: #3F3A2B;
margin-bottom: -6px;
}
.woocommerce-page .custom-sorting-text {
display: none;
align-items: center;
font-size: 15px;
color: #020300;
padding-top: 16px;
padding-bottom: 4px;
}
@media (max-width: 767px) {
.woocommerce-page .archive__filter-visibility-btn {
margin-bottom: 24px !important;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
padding-top: 12px;
padding-bottom: 12px;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering .orderby {
width: 100%;
}
}
@media (min-width: 768px) {
.woocommerce-page .category__content .products .product {
width: calc(33.333% - 14px) !important;
}
.woocommerce-page .storefront-sorting:last-child {
padding-top: 16px !important;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
font-size: 16px;
text-align: left;
padding-top: 16px;
}
}
@media (min-width: 981px) {
.woocommerce-page .category__content .products {
gap: 20px;
}
.woocommerce-page .storefront-sorting {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
}
.woocommerce-page .storefront-sorting:last-child {
padding-top: 20px !important;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
order: -1;
width: 100%;
padding: 0 0 16px 0;
margin: 0;
text-align: left;
}
.woocommerce-page .custom-sorting-text {
padding-top: 0;
padding-bottom: 0;
}
.woocommerce-page .archive__filter {
display: block !important;
}
.woocommerce-page .storefront-sorting {
display: flex !important;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering {
display: flex !important;
}
.woocommerce-page .archive__filter-visibility-btn {
display: none !important;
}
}
@media (min-width: 1080px) {
.woocommerce-page .storefront-sorting {
align-items: center;
}
.woocommerce-page .storefront-sorting .custom-sorting-text {
margin-left: auto;
}
.woocommerce-page .storefront-sorting .woocommerce-ordering {
margin-right: 0;
margin-left: auto !important;
}
.woocommerce-page .storefront-sorting .woocommerce-result-count {
width: auto;
padding-bottom: 0;
}
}
.col > .woocommerce-pagination {
display: none !important;
}
.woocommerce-result-count + .woocommerce-pagination {
display: none !important;
}
.woocommerce-pagination {
padding: 0;
margin: 0;
border: 0;
float: unset !important;
font-size: 16px;
}
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
text-indent: 0 !important;
}
.woocommerce-pagination .page-numbers {
display: flex !important;
justify-content: center !important;
gap: 2px;
}
.woocommerce-pagination .page-numbers::before {
display: none !important;
}
.woocommerce-pagination .page-numbers li {
position: relative;
}
.woocommerce-pagination .page-numbers li .current,
.woocommerce-pagination .page-numbers li a {
position: relative !important;
padding: 12px !important;
background-color: transparent !important;
transition: color 0.3s ease;
}
.woocommerce-pagination .page-numbers li .current::after,
.woocommerce-pagination .page-numbers li a::after {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: #8B1E3F;
transition: width 0.3s ease, background-color 0.3s ease;
z-index: 10;
}
.woocommerce-pagination .page-numbers li:hover a, .woocommerce-pagination .page-numbers li:active a, .woocommerce-pagination .page-numbers li:focus a, .woocommerce-pagination .page-numbers li:focus-visible a {
color: #8B1E3F !important;
}
.woocommerce-pagination .page-numbers .current {
color: #8B1E3F !important;
}
.woocommerce-pagination .page-numbers .current::after {
width: 100% !important;
}
.woocommerce-pagination .page-numbers a {
color: #3F3A2B !important;
}
.category__content {
padding-bottom: 24px;
padding-top: 24px;
}
.category__content .button.product_type_variable {
display: none !important;
}
.category__content .archive__controls {
display: flex;
flex-direction: row;
width: 100vw;
margin-left: -5vw;
}
@media (min-width: 768px) {
.category__content {
padding-bottom: 30px;
padding-top: 30px;
}
}
@media (min-width: 981px) {
.category__content {
padding-bottom: 40px;
padding-top: 40px;
}
}
.category-info {
padding-top: 24px;
padding-bottom: calc(24px * 2);
}
.category-info:empty {
padding-bottom: 0 !important;
}
.category-info .swiper-pagination {
padding: 10px !important;
}
@media (min-width: 768px) {
.category-info {
padding-top: 30px;
padding-bottom: 60px;
}
}
@media (min-width: 981px) {
.category-info {
padding-top: 40px;
padding-bottom: 80px;
}
}  .star-rating {
margin-right: 6px !important;
}
.star-rating::before, .star-rating span::before {
color: #FA9F04;
}
#page .star-rating::before,
#page .star-rating span::before {
font-family: "Font Awesome 5 Free" !important;
}
.single-product .site-main > [id*=product-] .woocommerce-tabs .woocommerce-Tabs-panel .star-rating span {
font-size: 1em !important;
}
.single-product span.rating::before {
content: none;
} .woocommerce-product-rating {
margin: 0 !important;
}
.woocommerce-product-rating::before, .woocommerce-product-rating::after {
display: block !important;
}
.woocommerce-product-rating a {
font-size: 12px;
font-weight: 400 !important;
color: #3F3A2B;
white-space: nowrap;
} #reviews {  }
#reviews .commentlist li {
margin-bottom: 12px !important;
}
#reviews .commentlist time {
display: none !important;
}
#reviews .commentlist .comment-text {
display: flex;
flex-direction: column;
width: 100% !important;
border: 1px solid #DFD7D0;
border-radius: 12px;
}
#reviews .commentlist .comment-text .star-rating {
margin-bottom: 16px;
}
#reviews .commentlist .comment-text .description {
margin-bottom: 16px;
}
#reviews .commentlist .comment-text .meta {
order: 1;
margin: auto 0 0 !important;
}
#reviews .commentlist .comment-text .woocommerce-review__author {
line-height: 150%;
font-weight: 500;
color: #3F3A2B;
}
#reviews .comment-respond {
margin-top: 20px;
background-color: #F9FAFC;
border-radius: 12px;
}
#reviews .comment-respond .comment-form-rating {
margin-bottom: 8px;
}
#reviews .comment-respond p.stars.selected a.active:before,
#reviews .comment-respond p.stars:hover a:before,
#reviews .comment-respond p.stars.selected a:not(.active):before,
#reviews .comment-respond p.stars.selected a.active:before {
color: #FA9F04;
}
#reviews .comment-respond .comment-form-comment,
#reviews .comment-respond .comment-form-author,
#reviews .comment-respond .comment-form-email {
margin-bottom: 10px;
}
@media all and (min-width: 640px) {
#reviews .comment-respond .comment-form-comment,
#reviews .comment-respond .comment-form-author,
#reviews .comment-respond .comment-form-email {
margin-bottom: 20px;
}
}
@media (min-width: 981px) {
#reviews {
max-width: 670px;
}
} #respond .form-submit {
margin-bottom: 0 !important;
} #reviews .comment-text,
#respond {
padding: 16px;
}
@media (min-width: 768px) {
#reviews .comment-text,
#respond {
padding: 20px;
}
} @media (min-width: 768px) {
#reviews .comment-form-author,
#reviews .comment-form-email {
width: calc(50% - 10px) !important;
}
#reviews .comment-form-author {
margin-right: 20px;
}
}
.breadcrumb {
position: relative;
z-index: 10;
}
.breadcrumb span {
color: #8B1E3F !important;
}
.breadcrumb span a {
color: #3F3A2B !important;
}
.breadcrumb span a:hover, .breadcrumb span a:active, .breadcrumb span a:focus, .breadcrumb span a:focus-visible {
color: #8B1E3F !important;
}
#page > .storefront-breadcrumb {
display: none !important;
} :root { --form-gap: 16px;
--form-gap-mobile: 12px;
--form-padding: 32px;
--form-padding-mobile: 20px;
--form-multiple-fields-gap: 48px;
--form-multiple-fields-gap-mobile: 32px;
--form-bg: #FFF;
--form-max-width: 560px;
--form-shadow: 0px 54px 74px -40px #A4ACBD;
--form-border-width: 1px;
--form-border-color: #D8DBE1;
--form-border-radius: 12px; --form-text-color: $color-primary; --form-field-color: $color-primary;
--form-field-font-size: 16px;
--form-field-font-size-mobile: 16px;
--form-field-line-height: 1.5;
--form-field-border-width: 1px;
--form-field-border-color: #DFD7D0;
--form-field-border-color-active: #8B1E3F;
--form-field-border-radius: 8px;
--form-field-bg: #FFF;
--form-field-bg-active: #EAF0FD;
--form-field-padding-x: 16px;
--form-field-padding-y: 12px;
--form-field-image-filter: brightness(0) saturate(100%) invert(13%) sepia(38%) saturate(4977%) hue-rotate(324deg) brightness(94%) contrast(91%); --radio-image-bg: #E9F4F7;
--radio-image-bg-active: #8B1E3F;
--radio-image-color-active: #fff; --form-placeholder-color: #DFD7D0; --form-radio-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-radio-active.svg);
--form-checkbox-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-check-white.svg);
--form-select-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-select-arrow.svg); --form-list-plus-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-plus.svg);
--form-list-minus-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-minus.svg); --form-confirmation-text-size: 20px;
--form-confirmation-text-size-mobile: 18px;
--form-confirmation-line-height: 1.5;
--form-confirmation-font-weight: 500; --form-description-font-size: 14px;
--form-description-font-size-mobile: 14px;
--form-description-line-height: 1.4;
--form-description-font-weight: 400; --form-label-color: $color-primary;
--form-label-font-size: 18px;
--form-label-font-size-mobile: 16px;
--form-label-line-height: 1.4;
--form-label-font-weight: 600; --form-privacy-policy-font-size: 14px;
--form-privacy-policy-line-height: 1.5;
--form-privacy-policy-font-weight: 400; --form-btn-color: #FFF;
--form-btn-color-active: #FFF;
--form-btn-bg: #8B1E3F;
--form-btn-bg-prev: rgba(139, 30, 63, 0.1);
--form-btn-bg-active: #3F3A2B;
--form-btn-padding-x: 24px;
--form-btn-padding-y: 12px;
--form-btn-border-radius: 8px;
--form-btn-border-width: 1px;
--form-btn-border-color: #8B1E3F;
--form-btn-border-color-active: #3F3A2B;
--form-button-font-size: 16px;
--form-button-font-size-mobile: 16px; --form-btn-without-obligation-font-size: 14px;
--form-btn-without-obligation-font-color: #11C553; --form-icon-margin: 8px; --form-btn-icon-size: 24px;
--form-btn-icon-prev: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-btn-prev-1.svg);
--form-btn-icon-prev-active: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-btn-prev-white.svg);
--form-btn-icon-next: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-btn-next.svg); --form-progress-font-size: 22px;
--form-progress-font-size-mobile: 16px;
--form-progress-line-height: 1.35;
--form-progress-bar-height: 4px;
--form-progress-bar-bg: $color-primary-1;
--form-progress-bar-bg-active: #8B1E3F;
--form-progress-bar-title-color: $color-primary;
--form-progress-bar-margin: 12px auto 24px;
--form-progress-bar-margin-mobile: 10px auto 20px; --form-heading-line-height: 1.35;
--form-h2-font-size: 24px;
--form-h2-font-size-tablet: 18px;
--form-h2-font-size-mobile: 18px;
--form-h2-font-weight: 600; --form-custom-arrow-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-btn-custom-icon.svg);
--form-custom-arrow-size: 20px; --form-lock-img-size: 110px;
--form-lock-img-size-mobile: 110px;
--form-lock-text-size: 18px;
--form-lock-text-size-mobile: 14px; --form-success-img-size: 56px;
--form-success-img-size-mobile: 44px;
--form-success-text-color: #11C553;
--form-success-text-size: 24px;
--form-success-text-size-mobile: 18px; --form-transition: all 0.3s ease 0s; --form-info-description-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/sites/691/2025/03/icon-form-info-dark.svg);
--form-info-description-icon-size: 24px;
--form-info-description-padding: 13px 16px;
--form-info-description-background: #F5F6F7; --form-postal-code-icon: url(//www.hundewerk-ostsee.de/wp-content/uploads/sites/691/2025/03/icon-form-map-pin.svg);
--form-postal-code-icon-size: 24px;
} form {
margin-bottom: 0;
}
body .form-auto-advanced_wrapper.gform_wrapper .gform_required_legend,
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_wrapper {
width: 100%;
margin: 0 auto !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gform_required_legend { display: none !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar {
width: 100%;
max-width: 468px;
margin: var(--form-progress-bar-margin-mobile) !important;
background: var(--form-progress-bar-bg) !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar,
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_percentage {
height: var(--form-progress-bar-height);
border: none;
border-radius: 100px;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_percentage {
background-color: var(--form-progress-bar-bg-active) !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_percentage span {
display: none !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_title {
margin-bottom: 0 !important;
font-size: var(--form-progress-font-size-mobile);
line-height: var(--form-progress-line-height);
text-align: center;
color: var(--form-progress-bar-title-color);
}
@media all and (min-width: 768px) {
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar {
margin: var(--form-progress-bar-margin) !important;
}
body .form-auto-advanced_wrapper.gform_wrapper .gf_progressbar_title {
font-size: var(--form-progress-font-size);
}
} body { }
body .gform_wrapper.gravity-theme .gform-page-footer,
body .gform_wrapper.gravity-theme .gform_footer {
display: flex;
justify-content: center;
padding-bottom: 0;
margin-top: 0;
padding-top: var(--form-padding-mobile);
}
body .site-content .woocommerce button[type=submit],
body .lost_reset_password input[type=submit],
body .lost_reset_password button[type=submit],
body .woocommerce-form-login input[type=submit],
body .woocommerce-form-login button[type=submit],
body .woocommerce-form-register input[type=submit],
body .woocommerce-form-register button[type=submit],
body .comment-respond input[type=submit],
body .gform_wrapper.gravity-theme .gform_footer .gform_button,
body .gform_wrapper.gravity-theme .gform-page-footer .button {
width: 100%;
padding: var(--form-btn-padding-y) var(--form-btn-padding-x);
border: var(--form-btn-border-width) solid var(--form-btn-border-color);
margin-bottom: 0;
font-size: var(--form-button-font-size-mobile);
line-height: 1.5 !important;
color: var(--form-btn-color);
background-color: var(--form-btn-bg);
border-radius: var(--form-btn-border-radius);
transition: var(--form-transition);
cursor: pointer;
}
body .site-content .woocommerce button[type=submit]:hover, body .site-content .woocommerce button[type=submit]:active, body .site-content .woocommerce button[type=submit]:focus, body .site-content .woocommerce button[type=submit]:focus-visible,
body .lost_reset_password input[type=submit]:hover,
body .lost_reset_password input[type=submit]:active,
body .lost_reset_password input[type=submit]:focus,
body .lost_reset_password input[type=submit]:focus-visible,
body .lost_reset_password button[type=submit]:hover,
body .lost_reset_password button[type=submit]:active,
body .lost_reset_password button[type=submit]:focus,
body .lost_reset_password button[type=submit]:focus-visible,
body .woocommerce-form-login input[type=submit]:hover,
body .woocommerce-form-login input[type=submit]:active,
body .woocommerce-form-login input[type=submit]:focus,
body .woocommerce-form-login input[type=submit]:focus-visible,
body .woocommerce-form-login button[type=submit]:hover,
body .woocommerce-form-login button[type=submit]:active,
body .woocommerce-form-login button[type=submit]:focus,
body .woocommerce-form-login button[type=submit]:focus-visible,
body .woocommerce-form-register input[type=submit]:hover,
body .woocommerce-form-register input[type=submit]:active,
body .woocommerce-form-register input[type=submit]:focus,
body .woocommerce-form-register input[type=submit]:focus-visible,
body .woocommerce-form-register button[type=submit]:hover,
body .woocommerce-form-register button[type=submit]:active,
body .woocommerce-form-register button[type=submit]:focus,
body .woocommerce-form-register button[type=submit]:focus-visible,
body .comment-respond input[type=submit]:hover,
body .comment-respond input[type=submit]:active,
body .comment-respond input[type=submit]:focus,
body .comment-respond input[type=submit]:focus-visible,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:active,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:focus,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:focus-visible,
body .gform_wrapper.gravity-theme .gform-page-footer .button:hover,
body .gform_wrapper.gravity-theme .gform-page-footer .button:active,
body .gform_wrapper.gravity-theme .gform-page-footer .button:focus,
body .gform_wrapper.gravity-theme .gform-page-footer .button:focus-visible {
color: var(--form-btn-color-active);
border-color: var(--form-btn-border-color-active);
background-color: var(--form-btn-bg-active);
}
body .site-content .woocommerce button[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .lost_reset_password input[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .lost_reset_password button[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .woocommerce-form-login input[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .woocommerce-form-login button[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .woocommerce-form-register input[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .woocommerce-form-register button[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .comment-respond input[type=submit] .gform_wrapper.gravity-theme .gform-page-footer .button,
body .gform_wrapper.gravity-theme .gform_footer .gform_button .gform_wrapper.gravity-theme .gform-page-footer .button,
body .gform_wrapper.gravity-theme .gform-page-footer .button .gform_wrapper.gravity-theme .gform-page-footer .button {
width: auto;
}
@media (min-width: 981px) {
body .site-content .woocommerce button[type=submit],
body .lost_reset_password input[type=submit],
body .lost_reset_password button[type=submit],
body .woocommerce-form-login input[type=submit],
body .woocommerce-form-login button[type=submit],
body .woocommerce-form-register input[type=submit],
body .woocommerce-form-register button[type=submit],
body .comment-respond input[type=submit],
body .gform_wrapper.gravity-theme .gform_footer .gform_button,
body .gform_wrapper.gravity-theme .gform-page-footer .button {
width: auto;
}
}
@media all and (min-width: 768px) {
body .gform_wrapper.gravity-theme .gform-page-footer,
body .gform_wrapper.gravity-theme .gform_footer {
justify-content: flex-end;
}
}
@media all and (min-width: 981px) {
body .gform_wrapper.gravity-theme .gform-page-footer,
body .gform_wrapper.gravity-theme .gform_footer {
padding-top: var(--form-padding);
}
} body { }
body .form-auto-advanced_wrapper .previous-btn,
body .form-auto-advanced .gform_page_footer {
min-width: 100%;
border: none;
margin-top: 0;
}
body .form-auto-advanced_wrapper .gform_page_footer .button + .button,
body .form-auto-advanced_wrapper .gform_page_footer .button + input[type=image],
body .form-auto-advanced_wrapper .gform_page_footer .gform_next_button {
margin-left: auto;
}
body .form-auto-advanced_wrapper .previous-btn {
z-index: 1;
}
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button,
body .form-auto-advanced_wrapper .gform_page_footer .gform_next_button {
background-size: var(--form-btn-icon-size);
background-repeat: no-repeat;
}
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button {
font-size: 0 !important;
background-color: var(--form-btn-bg-prev) !important;
border-color: var(--form-btn-bg-prev) !important;
background-image: var(--form-btn-icon-prev);
background-position: center;
}
body .form-auto-advanced .gform_page_footer .gform_next_button {
padding-right: calc(var(--form-btn-padding-y) + var(--form-btn-icon-size) + var(--form-icon-margin)) !important;
background-image: var(--form-btn-icon-next);
background-position: calc(100% - var(--form-btn-icon-size) + var(--form-icon-margin)) center;
}
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button:hover,
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button:active,
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button:focus {
background-image: var(--form-btn-icon-prev-active);
background-color: var(--form-btn-bg-active) !important;
border-color: var(--form-btn-bg-active) !important;
}
@media all and (max-width: 767px) {
body .form-auto-advanced_wrapper .previous-btn a,
body .form-auto-advanced_wrapper .gform_page_footer input {
width: auto !important;
}
body .form-auto-advanced_wrapper .gform_page_footer .gform_previous_button {
margin-right: var(--form-gap-mobile) !important;
}
}
@media all and (min-width: 768px) {
body .form-auto-advanced_wrapper .gform_page_footer {
display: flex;
justify-content: space-between;
}
body .form-auto-advanced_wrapper .gform_page_footer .button {
width: auto;
}
} .gform_wrapper.gravity-theme .gform_validation_errors > ol {
margin-left: 20px !important;
padding-inline-start: 0 !important;
} body {                           }
body .show-password-input {
top: 50%;
transform: translateY(-50%);
background: transparent !important;
}
body table:not(.has-background) tbody tr:nth-child(2n) td,
body fieldset,
body fieldset legend {
background: #E8DCD1;
color: #00221C;
}
body .gform_wrapper.gravity-theme .gform_fields {
grid-gap: 10px;
}
@media all and (min-width: 640px) {
body .gform_wrapper.gravity-theme .gform_fields {
grid-gap: 20px 10px;
}
}
body .gform_wrapper.gravity-theme .gform_required_legend {
display: none;
}
body .gform_wrapper.gravity-theme .gfield_description {
padding-top: 14px !important;
font-size: 16px;
}
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors {
padding-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 5px;
box-shadow: none !important;
}
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-size: 16px !important;
line-height: 1.4 !important;
}
body .required,
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors > h2,
body .gform_wrapper.gravity-theme .gfield_error label,
body .gform_wrapper.gravity-theme .gfield_error label * {
color: #c02b0a !important;
opacity: 1;
}
body .required {
margin-left: 3px;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
padding-bottom: 0;
}
body .comment-respond label {
display: block;
}
body .gform_wrapper.gravity-theme .ginput_complex label,
body .form-row label,
body .comment-respond label,
body .gform_wrapper.gravity-theme .gfield_label {
padding-top: 0;
margin-bottom: 6px;
font-size: 16px;
line-height: 1.35;
font-weight: 500;
transition: all 0.3s ease 0s;
color: #3F3A2B;
}
body .form-row label,
body .comment-respond label,
body .gform_wrapper.gravity-theme .gfield_header_item,
body .gform_wrapper.gravity-theme .gfield_label {
color: #3F3A2B;
}
body #ship-to-different-address label {
font-weight: 500;
}
body .form-row.woocommerce-validated input.input-text,
body .form-row.woocommerce-invalid input.input-text {
box-shadow: none;
}
body .site-content .woocommerce-form-row {
margin-bottom: 10px;
}
body .site-content .woocommerce-form-row:last-child {
margin-bottom: 0;
}
body .site-content .woocommerce-form-row dfn,
body .site-content .woocommerce-form-row cite,
body .site-content .woocommerce-form-row em,
body .site-content .woocommerce-form-row i {
font-size: 14px;
color: #3F3A2B;
}
body .site-content .woocommerce .woocommerce-input-wrapper {
font-size: 20px;
}
body .site-content .woocommerce fieldset {
padding: 20px;
margin: 24px 0 0;
border-radius: 5px;
}
body .site-content .woocommerce fieldset legend {
padding: 15px 20px;
margin: 0 0 -20px -20px;
font-size: 20px;
border-radius: 5px;
}
body .site-content .woocommerce input[type=submit],
body .site-content .woocommerce button[type=submit] {
margin-top: 24px;
}
body .site-content .woocommerce .selection {
display: block;
margin-bottom: 5px;
}
body .site-content .woocommerce .selection .select2-selection {
height: auto !important;
border: none !important;
}
body .site-content .woocommerce .selection .select2-selection__rendered {
padding-top: 13px;
padding-bottom: 13px;
}
body .site-content .woocommerce .selection .select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%) !important;
}
body .site-content .woocommerce .selection .select2-selection__arrow b {
position: static !important;
width: 19px !important;
height: 20px !important;
margin: 0 !important;
border: none !important;
}
body .site-content .woocommerce .selection .select2-selection__arrow b::before {
right: 0 !important;
}
body .gform_wrapper.gravity-theme .gfield_label + .ginput_container_fileupload {
margin-top: -5px;
}
body .gform_wrapper.gravity-theme .field_description_above .gfield_description,
body .gform_wrapper.gravity-theme .gform_fileupload_rules {
font-size: 14px;
line-height: 1.4;
}
body .gform_wrapper.gravity-theme .gform_fileupload_rules {
padding-bottom: 0 !important;
}
body .gform_wrapper.gravity-theme .gfield_required_asterisk {
padding-left: 0;
font-size: 20px;
color: #020300;
}
body .gform_confirmation_message {
font-size: 20px !important;
line-height: 1.4;
color: #3F3A2B;
}
body .gform_wrapper.gravity-theme .ginput_container_textarea {
display: flex !important;
}
body .gform_wrapper.gravity-theme {
color: #020300;
}
body .woocommerce-form__label-for-checkbox input,
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea,
body .input-text,
body .select2-selection__rendered,
body .form-row input,
body .form-row textarea,
body .form-row select,
body .woof_container .woof_container_inner input[type=search],
body .comment-respond input,
body .comment-respond select,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield input,
body .gform_wrapper.gravity-theme .gfield select,
body .gform_wrapper.gravity-theme .gfield textarea {
padding: 15px 19px 14px;
border: 1px solid #020300;
font-size: 16px;
border-radius: 8px;
background: transparent;
box-shadow: none;
font-weight: 500;
transition: all 0.3s ease 0s;
}
body .select2-container--default .select2-selection--single {
border-radius: 8px !important;
}
body .site-content .woocommerce .selection .select2-selection__arrow {
top: 29% !important;
right: 10px;
}
body .woocommerce-form__label-for-checkbox,
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea,
body .input-text,
body .form-row input,
body .form-row textarea,
body .form-row select,
body .comment-respond input,
body .comment-respond select,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield input,
body .gform_wrapper.gravity-theme .gfield select,
body .gform_wrapper.gravity-theme .gfield textarea,
body .gform_wrapper.gravity-theme .gchoice label {
margin-left: 0;
font-family: "Work Sans", sans-serif;
font-size: 16px;
line-height: 1.4 !important;
color: #020300;
transition: all 0.3s ease 0s;
}
body .comment-form-privacy-policy-checkbox-text {
color: #020300;
}
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea,
body .input-text,
body .form-row input,
body .form-row textarea,
body .form-row select {
background: #fff !important;
}
body .woof_container .woof_container_inner input[type=search] {
padding-right: 40px;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main input:hover, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main input:active, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main input:focus, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main textarea:hover, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main textarea:active, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main textarea:focus, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main select:hover, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main select:active, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main select:focus, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:hover, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:active, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:focus,
body .woof_redraw_zone .icheckbox_square-blue:hover,
body .woof_redraw_zone .icheckbox_square-blue:active,
body .woof_redraw_zone .icheckbox_square-blue:focus,
body .woof_redraw_zone .iradio_square-blue:hover,
body .woof_redraw_zone .iradio_square-blue:active,
body .woof_redraw_zone .iradio_square-blue:focus,
body .woocommerce-form__label-for-checkbox input:hover,
body .woocommerce-form__label-for-checkbox input:active,
body .woocommerce-form__label-for-checkbox input:focus,
body input[type=text]:hover,
body input[type=text]:active,
body input[type=text]:focus,
body input[type=number]:hover,
body input[type=number]:active,
body input[type=number]:focus,
body input[type=email]:hover,
body input[type=email]:active,
body input[type=email]:focus,
body input[type=tel]:hover,
body input[type=tel]:active,
body input[type=tel]:focus,
body input[type=url]:hover,
body input[type=url]:active,
body input[type=url]:focus,
body input[type=password]:hover,
body input[type=password]:active,
body input[type=password]:focus,
body input[type=search]:hover,
body input[type=search]:active,
body input[type=search]:focus,
body .form-row input:hover,
body .form-row input:active,
body .form-row input:focus,
body .form-row textarea:hover,
body .form-row textarea:active,
body .form-row textarea:focus,
body .form-row select:hover,
body .form-row select:active,
body .form-row select:focus,
body .woof_container .woof_container_inner input[type=search]:hover,
body .woof_container .woof_container_inner input[type=search]:active,
body .woof_container .woof_container_inner input[type=search]:focus,
body .comment-respond input:hover,
body .comment-respond input:active,
body .comment-respond input:focus,
body .comment-respond select:hover,
body .comment-respond select:active,
body .comment-respond select:focus,
body .comment-respond textarea:hover,
body .comment-respond textarea:active,
body .comment-respond textarea:focus,
body .comment-respond .comment-form-privacy-policy input:hover,
body .comment-respond .comment-form-privacy-policy input:active,
body .comment-respond .comment-form-privacy-policy input:focus,
body .gform_wrapper.gravity-theme .gfield input:hover,
body .gform_wrapper.gravity-theme .gfield input:active,
body .gform_wrapper.gravity-theme .gfield input:focus,
body .gform_wrapper.gravity-theme .gfield select:hover,
body .gform_wrapper.gravity-theme .gfield select:active,
body .gform_wrapper.gravity-theme .gfield select:focus,
body .gform_wrapper.gravity-theme .gfield textarea:hover,
body .gform_wrapper.gravity-theme .gfield textarea:active,
body .gform_wrapper.gravity-theme .gfield textarea:focus {
color: #020300;
border-color: #8B1E3F;
}
body .comment-respond .comment-form-privacy-policy:hover label, body .comment-respond .comment-form-privacy-policy:active label, body .comment-respond .comment-form-privacy-policy:focus label,
body .gform_wrapper.gravity-theme .gchoice:hover label,
body .gform_wrapper.gravity-theme .gchoice:active label,
body .gform_wrapper.gravity-theme .gchoice:focus label {
color: #020300;
border-color: #020300;
}
body .woocommerce-form__label-for-checkbox,
body .woof_container .woof_container_inner input[type=search]::placeholder,
body .comment-respond input::placeholder,
body .comment-respond textarea::placeholder,
body .comment-respond select:invalid,
body .comment-respond select:required:invalid,
body .comment-respond select option:disabled,
body .gform_wrapper.gravity-theme .gfield input::placeholder,
body .gform_wrapper.gravity-theme .gfield textarea::placeholder,
body .gform_wrapper.gravity-theme .gfield select:invalid,
body .gform_wrapper.gravity-theme .gfield select:required:invalid,
body .gform_wrapper.gravity-theme .gfield select option:disabled,
body .gform_wrapper.gravity-theme .gfield select .gf_placeholder {
color: #3F3A2B;
}
body .gform_wrapper.gravity-theme .gfield textarea {
height: 120px;
}
body .form-row textarea,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield textarea.medium {
height: 160px;
}
body .gform_wrapper.gravity-theme .gfield textarea.large {
height: 200px;
}
body .gform_wrapper.gravity-theme .gfield select {
display: block !important;
padding: 15px 32px 14px 19px;
-webkit-appearance: none;
appearance: none;
}
body .gform_wrapper.gravity-theme .ginput_container_select {
position: relative;
}
body .select2-selection__arrow b::before,
body .gform_wrapper.gravity-theme .ginput_container_select::after {
content: "";
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
display: block;
width: 19px;
height: 20px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-select-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
pointer-events: none;
}
body .comment-form-cookies-consent {
display: none !important;
}
body .gform_wrapper.gravity-theme .ginput_container_radio,
body .gform_wrapper.gravity-theme .ginput_container_checkbox {
margin-bottom: -10px;
}
body .comment-respond .comment-form-privacy-policy,
body .gform_wrapper.gravity-theme .gchoice {
margin-bottom: 10px;
cursor: pointer;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy,
body .gform_wrapper.gravity-theme .gfield_radio .gchoice,
body .gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
display: flex !important;
width: 100%;
align-items: flex-start;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy label,
body .gform_wrapper.gravity-theme .gchoice label {
cursor: pointer;
}
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .gfield_checkbox input {
margin-top: 0.2em;
border-radius: 0;
}
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue {
background: transparent;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input {
min-height: 18px;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input,
body .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox,
body .woocommerce-form__label-for-checkbox input,
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue,
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .gfield_checkbox input,
body .gform_wrapper.gravity-theme .gfield_radio input {
position: relative;
width: 18px;
min-width: 18px;
height: 18px;
margin-right: 11px;
margin-left: 0;
padding: 0 !important;
border: 1px solid #020300;
border-radius: 4px;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
overflow: hidden;
cursor: pointer;
background: #fff;
transition: all 0.3s ease 0s;
}
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
margin: 0;
}
body .woof_checkbox_label {
margin-left: 11px !important;
}
body .woof_list_radio .iradio_square-blue,
body .gform_wrapper.gravity-theme .gfield_radio input {
width: 22px;
height: 22px;
margin-top: 1px;
border-radius: 50% !important;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox svg {
display: none;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input::before, body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input::after {
position: absolute;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:checked,
body .woocommerce-form__label-for-checkbox input:checked,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked,
body .comment-respond .comment-form-privacy-policy input:checked,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked,
body .gform_wrapper.gravity-theme .gfield_radio input:checked {
border-color: #8B1E3F;
}
body .woocommerce-form__label-for-checkbox input:checked::before, body .woocommerce-form__label-for-checkbox input:checked::after,
body .comment-respond .comment-form-privacy-policy input:checked::before,
body .comment-respond .comment-form-privacy-policy input:checked::after,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::before,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::after,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::after {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
display: block;
}
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before {
border-radius: 50%;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:checked,
body .woocommerce-form__label-for-checkbox input:checked::before,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked,
body .comment-respond .comment-form-privacy-policy input:checked::before,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::before {
background: #8B1E3F;
}
body .woocommerce-form__label-for-checkbox.woocommerce-validated,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked {
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-check-white.svg);
background-repeat: no-repeat;
background-position: center;
}
body.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input:checked:checked::after,
body .woocommerce-form__label-for-checkbox input:checked::after,
body .comment-respond .comment-form-privacy-policy input:checked::after,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::after,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::after {
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-check-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
z-index: 20;
}
body input[type=checkbox] + label,
body input[type=radio] + label {
margin: 0;
}
body .gform_wrapper.gravity-theme .gform_drop_area {
margin-top: 5px;
}
body .gform_wrapper.gravity-theme .gform_drop_instructions {
color: #3F3A2B;
font-weight: 500;
}
body .gform_wrapper.gravity-theme .gfield_list_icons button {
background: transparent url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-plus.svg);
width: 19px;
height: 19px;
opacity: 1;
}
body .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
background: transparent url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-minus.svg);
}
@media all and (max-width: 640px) {
body .gform_wrapper.gravity-theme .gfield_list_icons {
background-color: #E7EAF3;
}
body .gform_wrapper.gravity-theme .gfield_list_group {
border: 1px solid #E7EAF3;
border-radius: 8px;
overflow: hidden;
}
}
@media all and (min-width: 641px) {
body .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons),
body .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
margin-left: 10px;
}
}
body .gform_wrapper.gravity-theme .gfield_list_header {
margin-bottom: 4px;
}
body .gform_wrapper.gravity-theme .gfield_list_group_item::before,
body .gform_wrapper.gravity-theme .gfield_header_item {
font-size: 16px;
line-height: 1.4;
padding-top: 0;
}
body .gform_wrapper.gravity-theme .gf_stylespro .ginput_complex {
float: none;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper.gform_wrapper) .ginput_complex {
margin: 0 -5px 0;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper.gform_wrapper) .ginput_complex span {
margin-bottom: 10px !important;
padding: 0 5px !important;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper.gform_wrapper) .ginput_complex span:nth-last-of-type(1) {
margin-bottom: 0 !important;
}
@media all and (min-width: 641px) {
body { }
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper.gform_wrapper) .ginput_complex {
margin: 0 -5px -10px;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper.gform_wrapper) .complex-field-2-columns .ginput_complex span {
flex: 0 0 50% !important;
}
}
@media all and (max-width: 640px) {
body .gform_wrapper.gravity-theme .ginput_complex span {
margin-bottom: 10px !important;
}
body .gform_wrapper.gravity-theme .ginput_complex span:last-child {
margin-bottom: 0 !important;
}
}
body .gform_wrapper.gravity-theme .ginput_container_date,
body .gform_wrapper.gravity-theme .ginput_container_date input {
width: 100%;
}
body .comment-respond .comment-form-privacy-policy {
margin: 10px 0 20px;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement {
margin-top: 14px;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement .ginput_container {
margin-bottom: 0;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement .gchoice {
margin-bottom: 0;
}
body .woocommerce-form__label-for-checkbox input,
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .privacy-policy-agreement input {
margin-top: 2px;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy label {
padding: 0;
}
body .comment-respond .comment-form-privacy-policy label a {
text-decoration: underline;
}
body .wc-cart-shipping-notice small {
display: inline-block;
}
body .validate-required .woocommerce-form__label-for-checkbox,
body .wc-cart-shipping-notice small,
body .gform_wrapper.gravity-theme .privacy-policy-agreement label {
font-size: 14px !important;
font-weight: 400;
line-height: 1.4 !important;
color: #3F3A2B;
}
body .comment-respond .comment-form-privacy-policy label {
font-weight: 400;
}
body .wc-proceed-to-checkout .button.checkout-button {
width: 100%;
}
body .gform_wrapper.gravity-theme .gform_footer {
display: flex;
justify-content: center;
padding-bottom: 0;
margin-top: 0;
padding-top: 24px;
}
@media all and (min-width: 640px) {
body { }
body .comment-respond .comment-form-privacy-policy {
margin: 20px 0;
}
}
@media (min-width: 768px) {
body {  }
body .validate-required .woocommerce-form__label-for-checkbox,
body .wc-cart-shipping-notice small,
body .comment-respond .comment-form-privacy-policy label,
body .gform_wrapper.gravity-theme .privacy-policy-agreement label {
font-size: 16px !important;
}
body .col2-set .form-row-first,
body .woocommerce-MyAccount-content .form-row-first {
margin-right: 10px;
}
body .col2-set .form-row-first,
body .col2-set .form-row-last,
body .woocommerce-MyAccount-content .form-row-first,
body .woocommerce-MyAccount-content .form-row-last {
width: calc(50% - 5px);
}
}
.woof_redraw_zone {
display: flex;
flex-direction: column; }
.woof_redraw_zone .woof_price_filter {
padding: 16px;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-single,
.woof_redraw_zone .woof_price_filter .irs--round .irs-from,
.woof_redraw_zone .woof_price_filter .irs--round .irs-to {
background-color: #8B1E3F;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-single::before,
.woof_redraw_zone .woof_price_filter .irs--round .irs-from::before,
.woof_redraw_zone .woof_price_filter .irs--round .irs-to::before {
border-top-color: #8B1E3F;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-max,
.woof_redraw_zone .woof_price_filter .irs--round .irs-min {
color: #3F3A2B;
background-color: #E8DCD1;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-bar {
background-color: #8B1E3F;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-handle {
border: none;
background-color: #8B1E3F;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-grid-pol {
background-color: #3F3A2B;
}
.woof_redraw_zone .woof_price_filter .irs--round .irs-grid-text {
color: #3F3A2B;
}
.woof_redraw_zone .woof_container_stock,
.woof_redraw_zone .woof_container_onsales,
.woof_redraw_zone .woof_container_radio,
.woof_redraw_zone .woof_container_select {
padding: 16px;
margin: 0;
}
.woof_redraw_zone .woof_container_stock label,
.woof_redraw_zone .woof_container_stock p,
.woof_redraw_zone .woof_container_stock a,
.woof_redraw_zone .woof_container_stock span,
.woof_redraw_zone .woof_container_stock li,
.woof_redraw_zone .woof_container_onsales label,
.woof_redraw_zone .woof_container_onsales p,
.woof_redraw_zone .woof_container_onsales a,
.woof_redraw_zone .woof_container_onsales span,
.woof_redraw_zone .woof_container_onsales li,
.woof_redraw_zone .woof_container_radio label,
.woof_redraw_zone .woof_container_radio p,
.woof_redraw_zone .woof_container_radio a,
.woof_redraw_zone .woof_container_radio span,
.woof_redraw_zone .woof_container_radio li,
.woof_redraw_zone .woof_container_select label,
.woof_redraw_zone .woof_container_select p,
.woof_redraw_zone .woof_container_select a,
.woof_redraw_zone .woof_container_select span,
.woof_redraw_zone .woof_container_select li {
font-size: 14px;
font-weight: 400;
color: #3F3A2B;
}
.woof_redraw_zone .woof_container_stock h4,
.woof_redraw_zone .woof_container_onsales h4,
.woof_redraw_zone .woof_container_radio h4,
.woof_redraw_zone .woof_container_select h4 {
font-family: "Work Sans", sans-serif;
font-size: 16px;
font-weight: 500;
color: #3F3A2B;
}
.woof_redraw_zone .woof_container_inner .woof_block_html_items .chosen-container .chosen-single {
width: 100%;
height: auto !important;
border-radius: 12px;
padding: 12px;
background-color: #fff;
border: 1px solid #DFD7D0;
font-size: 16px !important;
outline: #8B1E3F;
padding-right: 26px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/dropdown-arrow.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: right center;
background-position-x: calc(100% - 6px);
}
.woof_redraw_zone .woof_container_inner .woof_block_html_items .chosen-container .chosen-single b {
display: none;
}
.woof_redraw_zone .woof_submit_search_form_container {
gap: 20px;
justify-content: flex-start;
flex-wrap: wrap;
margin: 10px 0 0 0;
}
.woof_redraw_zone .woof_submit_search_form_container .woof_reset_search_form {
margin-bottom: -20px !important;
}
.woof_redraw_zone .woof_submit_search_form_container .woof_reset_search_form,
.woof_redraw_zone .woof_submit_search_form_container .woof_submit_search_form {
padding: 12px 24px;
margin: 12px 12px;
width: 100%;
background-color: #8B1E3F;
color: #fff;
border-radius: 5px;
font-weight: 500;
font-size: 18px;
line-height: 1.3;
}
.woof_redraw_zone ul.woof_list li {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
position: relative;
margin: 0 0 2px 0;
}
.woof_redraw_zone ul.woof_list li:hover > label, .woof_redraw_zone ul.woof_list li:active > label, .woof_redraw_zone ul.woof_list li:focus > label {
color: #8B1E3F;
}
.woof_redraw_zone ul.woof_list li .woof_checkbox_label {
width: calc(100% - 31px);
}
.woof_redraw_zone ul.woof_list > li:last-child {
margin-bottom: 0;
}
.woof_redraw_zone ul.woof_list .lazyloaded {
display: none;
}
.woof_redraw_zone .woof_container {
margin-bottom: 0;
border-bottom: 1px solid #DFD7D0;
}
.woof_redraw_zone .woof_text_search_container {
order: -1;
padding-bottom: 0;   }
.woof_redraw_zone .woof_text_search_container .woof_container_inner {
padding: 16px;
}
.woof_redraw_zone .woof_text_search_container .woof_text_search_go {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
.woof_redraw_zone .woof_text_search_container .woof_husky_txt-cross {
display: none !important;
}
.woof_redraw_zone .woof_text_search_container .woof_husky_txt-loader {
top: -40px !important;
right: 2px;
width: 32px !important;
height: 32px !important;
border-top-color: #8B1E3F;
}
.woof_redraw_zone .woof_checkbox_instock_container .woof_container_inner,
.woof_redraw_zone .woof_checkbox_sales_container .woof_container_inner {
display: flex;
align-items: center;
}
.woof_redraw_zone .woof_container_product_cat,
.woof_redraw_zone .woof_container_pa_wirkung,
.woof_redraw_zone .woof_container_pa_hautzustand,
.woof_redraw_zone .woof_container_pa_produktart,
.woof_redraw_zone .woof_container_pa_hauttyp {
padding: 16px;
border-bottom: 1px solid #DFD7D0;
}
.woof_redraw_zone .woof_container_inner h4 {
margin: 8px 0 14px;
font-size: 18px;
font-weight: 500;
}
.woof_redraw_zone .woof_container label {
font-size: 14px;
transition: all 0.3s ease 0s;
color: #3F3A2B;
}
.woof_redraw_zone .woof_checkbox_label_selected {
font-weight: 400;
color: #8B1E3F;
}
.woof_redraw_zone .woof_childs_list_opener {
position: absolute;
right: 0;
top: 4px;
}
.woof_redraw_zone .woof_childs_list_opener span {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-form-select-arrow.svg);
transition: all 0.3s ease 0s;
}
.woof_redraw_zone .woof_childs_list_opener span.woof_is_opened {
transform: rotate(-180deg);
}
.woof_redraw_zone .woof_childs_list_opener:hover span, .woof_redraw_zone .woof_childs_list_opener:active span, .woof_redraw_zone .woof_childs_list_opener:focus span {
filter: brightness(0) saturate(100%) invert(13%) sepia(38%) saturate(4977%) hue-rotate(324deg) brightness(94%) contrast(91%);
}
.woof_redraw_zone a.woof_front_toggle {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 4px;
width: 20px;
height: 20px;
font-size: 0;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/07/icon-angle-down-dark.svg);
transition: all 0.3s ease 0s;
}
.woof_redraw_zone a.woof_front_toggle:hover, .woof_redraw_zone a.woof_front_toggle:active, .woof_redraw_zone a.woof_front_toggle:focus {
filter: brightness(0) saturate(100%) invert(13%) sepia(38%) saturate(4977%) hue-rotate(324deg) brightness(94%) contrast(91%);
}
.woof_redraw_zone a.woof_front_toggle.woof_front_toggle_opened {
transform: rotate(-180deg);
}
@media (min-width: 768px) {
.woof_redraw_zone .woof_container_inner h4,
.woof_redraw_zone .woof_container label {
font-size: 16px;
}
}
@media (min-width: 981px) {
.woof_redraw_zone .woof_submit_search_form_container .button {
flex-grow: 1;
}
.woof_redraw_zone .woof_container_stock h4,
.woof_redraw_zone .woof_container_onsales h4,
.woof_redraw_zone .woof_container_radio h4,
.woof_redraw_zone .woof_container_select h4,
.woof_redraw_zone .woof_submit_search_form_container h4 {
font-size: 18px !important;
}
}
.woof_products_top_panel {
display: none !important;
} body .woocommerce .woocommerce-no-products-found .woocommerce-info {
margin-bottom: 0 !important;
}
body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-noreviews,
body p.no-comments {
margin-bottom: 12px !important;
border: none;
border-radius: 12px;
}
body .woocommerce-error:last-child,
body .woocommerce-info:last-child,
body .woocommerce-noreviews:last-child,
body p.no-comments:last-child {
margin-bottom: 30px !important;
}
body .woocommerce-info,
body .woocommerce-noreviews,
body p.no-comments {
background-color: #3F3A2B !important;
color: #fff !important;
}
body .woocommerce-info::before, body .woocommerce-info::after,
body .woocommerce-noreviews::before,
body .woocommerce-noreviews::after,
body p.no-comments::before,
body p.no-comments::after {
color: #fff;
}
body .woocommerce-info a,
body .woocommerce-noreviews a,
body p.no-comments a {
color: #fff !important;
text-decoration: underline !important;
}
body .woocommerce-info a:hover, body .woocommerce-info a:active, body .woocommerce-info a:focus, body .woocommerce-info a:focus-visible,
body .woocommerce-noreviews a:hover,
body .woocommerce-noreviews a:active,
body .woocommerce-noreviews a:focus,
body .woocommerce-noreviews a:focus-visible,
body p.no-comments a:hover,
body p.no-comments a:active,
body p.no-comments a:focus,
body p.no-comments a:focus-visible {
color: red !important;
} .custom-tab__warpper {
display: flex;
flex-direction: column;
align-items: center;
} .custom-tabs {
display: flex;
align-items: center;
padding-bottom: 24px !important;
}
@media (max-width: 767px) {
.custom-tabs {
flex-direction: column;
gap: 4px;
}
}
@media (min-width: 981px) {
.custom-tabs {
padding-bottom: 40px !important;
}
}
.custom-tab {
position: relative;
display: block;
padding: 5px;
margin: 0 21px;
font-size: 16px;
font-weight: 500;
color: #00221C;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.custom-tab:hover, .custom-tab:active, .custom-tab:focus, .custom-tab:focus-visible {
color: #8B1E3F;
}
.custom-tab::after {
content: "";
position: relative;
display: block;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
right: -22px;
width: 1px;
height: 100%;
background-color: #5B523E;
}
.custom-tab:last-child::after {
content: none;
}
@media (max-width: 767px) {
.custom-tab {
margin: 0;
}
.custom-tab::after {
content: none;
}
} .custom-tab__panels {
width: 100%;
min-height: 200px;
overflow: hidden;
}
.custom-tab__panels label {
text-align: left;
} .custom-tab__panel {
display: none;
animation: fadein 0.8s; }
.custom-tab__panel h2 {
font-size: 21px !important;
color: #00221C;
}
@media (min-width: 981px) {
.custom-tab__panel h2 {
font-size: 32px !important;
}
}
.custom-tab__panel .woocommerce-form input {
background-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.custom-tab__panel .woocommerce-form .show-password-input {
background-color: transparent;
border-color: transparent;
color: #5B523E;
}
.custom-tab__panel .woocommerce-form .show-password-input.display-password::after {
color: #8B1E3F;
}
.custom-tab__panel .woocommerce-form .form-row {
margin-bottom: 12px !important;
}
.custom-tab__panel .woocommerce-form .form-row .woocommerce-form__label-for-checkbox {
margin-bottom: 0 !important;
}
.custom-tab__panel .woocommerce-form .form-row .woocommerce-button:hover, .custom-tab__panel .woocommerce-form .form-row .woocommerce-button:active, .custom-tab__panel .woocommerce-form .form-row .woocommerce-button:focus, .custom-tab__panel .woocommerce-form .form-row .woocommerce-button:focus-visible {
background: #3F3A2B;
border-color: #3F3A2B;
color: #FFF !important;
}
.custom-tab__panel .woocommerce-form .form-row .woocommerce-form-register__submit {
margin-top: 12px !important;
}
.custom-tab__panel .woocommerce-form .validate-required .woocommerce-form__label-for-checkbox {
display: flex !important;
margin-left: 0 !important;
}
.custom-tab__panel .woocommerce-form .woocommerce-LostPassword {
margin: 12px 0 !important;
} .custom-tab__radio {
display: none;
}
#custom-tab-radio-0:checked ~ .custom-tab__panels #panel-0,
#custom-tab-radio-1:checked ~ .custom-tab__panels #panel-1,
#custom-tab-radio-2:checked ~ .custom-tab__panels #panel-2 {
display: block;
}
#custom-tab-radio-0:checked ~ .custom-tabs #custom-tab-0,
#custom-tab-radio-1:checked ~ .custom-tabs #custom-tab-1,
#custom-tab-radio-2:checked ~ .custom-tabs #custom-tab-2 {
color: #8B1E3F;
} @keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.page-mein-konto h1 {
margin: 0;
}
.page-mein-konto .entry-header {
padding-top: calc(24px * 2);
padding-bottom: 0 !important;
}
.page-mein-konto .entry-content {
padding-top: 24px;
padding-bottom: calc(24px * 2);
}
.page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li {
border-color: #3F3A2B;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a {
padding: 12px 0;
outline: none;
color: #3F3A2B;
transition: all 0.3s ease 0s;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a::before {
transition: all 0.3s ease 0s;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a:hover, .page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a:active, .page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a:focus, .page-mein-konto .entry-content .woocommerce-MyAccount-navigation ul li a:focus-visible {
color: #8B1E3F;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content span,
.page-mein-konto .entry-content .woocommerce-MyAccount-content p,
.page-mein-konto .entry-content .woocommerce-MyAccount-content h2,
.page-mein-konto .entry-content .woocommerce-MyAccount-content h3,
.page-mein-konto .entry-content .woocommerce-MyAccount-content h4 {
color: #3F3A2B !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content h2 {
font-size: 20px !important;
}
@media (min-width: 981px) {
.page-mein-konto .entry-content .woocommerce-MyAccount-content h2 {
font-size: 26px !important;
}
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content h4 {
font-size: 16px !important;
}
@media (min-width: 981px) {
.page-mein-konto .entry-content .woocommerce-MyAccount-content h4 {
font-size: 18px !important;
}
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content p {
font-size: 16px !important;
margin-bottom: 0.6em;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content p:last-child {
margin-bottom: 0;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F8F5F1;
padding: 12px 36px;
margin: 0;
border: none;
border-radius: 12px;
color: #3F3A2B;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info::after {
content: none;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info::before {
top: 12px;
left: 12px;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button {
padding: 0 0 0 12px !important;
margin: 0 !important;
color: #fff !important;
border-color: #3F3A2B !important;
background: transparent !important;
text-decoration: none !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button::after,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button::after {
color: #fff !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:hover, .page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:active, .page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:focus, .page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:focus-visible,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button:hover,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button:active,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button:focus,
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .button:focus-visible {
text-decoration: underline !important;
}
@media (max-width: 767px) {
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-info .wc-forward {
width: auto !important;
padding: 0 !important;
}
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title::before {
display: none;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h2 {
margin-bottom: 0 !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title .edit {
margin: 0 !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .woocommerce-Addresses address {
color: #938B7E !important;
margin: 0 !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .wt-mycoupons h4 {
padding-bottom: 12px;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .wt-mycoupons .wt_sc_available_coupon_sort_by {
float: left;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .wt-mycoupons .wt_sc_available_coupon_sort_by form {
margin-bottom: 12px;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .wt-mycoupons .wt_sc_available_coupon_sort_by form select {
padding: 12px !important;
background-color: #fff !important;
border-radius: 12px !important;
border-color: #DFD7D0 !important;
}
.page-mein-konto .entry-content .woocommerce-MyAccount-content .wt-mycoupons .wt_coupon_wrapper {
margin-bottom: 12px;
padding: 0;
}
@media (min-width: 981px) {
.page-mein-konto .entry-header {
padding-top: 80px;
}
.page-mein-konto .entry-content {
padding-top: 40px;
padding-bottom: 80px;
}
} .woocommerce-account { }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-table--order-details thead th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details thead th {
background-color: #E8DCD1 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tbody td {
background-color: #F8F5F1 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-table--order-details tfoot td,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot td {
background-color: #E8DCD1 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 48px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation li {
border-color: #00221C !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
padding: 12px 0;
font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before {
opacity: 1;
transition: all 0.3s ease 0s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
font-weight: 700;
color: #8B1E3F !important;
}
.woocommerce-account .download-invoice-pdf {
margin-bottom: 20px !important;
}
.woocommerce-account .woocommerce-Address-title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-account .woocommerce-Address-title h3 {
margin: 0;
}
.woocommerce-account .woocommerce-Address-title .edit {
margin: 0;
}
.woocommerce-account .woocommerce-Address-title::before, .woocommerce-account .woocommerce-Address-title::after {
content: none !important;
}
@media (min-width: 768px) {
.woocommerce-account { }
.woocommerce-account .woocommerce-Address-title {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 981px) {
.woocommerce-account { }
.woocommerce-account .woocommerce::before {
display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25% !important;
margin: 0 40px 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(75% - 40px) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .my_account_orders thead tr th {
background-color: #F8F5F1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .my_account_orders tbody tr th {
vertical-align: middle;
background-color: #F8F5F1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .my_account_orders tbody tr td {
vertical-align: middle;
background-color: #E8DCD1 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
font-size: 16px;
}
}
@media (min-width: 1240px) {
.woocommerce-account { }
.woocommerce-account .woocommerce::before {
left: calc(25% - 10px);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: calc(25% - 30px) !important;
margin: 0 60px 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(75% - 30px) !important;
}
}
.woocommerce-lost-password .woocommerce-form-row {
margin-bottom: 0 !important;
} .customer-login .entry-content {
padding-top: 60px;
padding-bottom: 60px;
}
.customer-login #customer_login {
text-align: center;
}
.customer-login #customer_login h2 {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.customer-login .entry-content {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (min-width: 981px) {
.customer-login .entry-content {
padding-top: 7.3vw;
padding-bottom: 7.3vw;
}
} .page-mein-konto,
.page-warenkorb,
.woocommerce-lost-password,
.customer-login {
color: #3F3A2B;
}
.page-mein-konto .hentry,
.page-warenkorb .hentry,
.woocommerce-lost-password .hentry,
.customer-login .hentry {
margin-bottom: 0 !important;
}
.page-mein-konto .lost_reset_password,
.page-mein-konto .woocommerce-form-login,
.page-mein-konto .woocommerce-form-register,
.page-warenkorb .lost_reset_password,
.page-warenkorb .woocommerce-form-login,
.page-warenkorb .woocommerce-form-register,
.woocommerce-lost-password .lost_reset_password,
.woocommerce-lost-password .woocommerce-form-login,
.woocommerce-lost-password .woocommerce-form-register,
.customer-login .lost_reset_password,
.customer-login .woocommerce-form-login,
.customer-login .woocommerce-form-register {
max-width: 526px;
margin: auto;
}
.page-mein-konto .form-row-first,
.page-mein-konto .form-row-last,
.page-warenkorb .form-row-first,
.page-warenkorb .form-row-last,
.woocommerce-lost-password .form-row-first,
.woocommerce-lost-password .form-row-last,
.customer-login .form-row-first,
.customer-login .form-row-last {
width: 100%;
margin: 0;
}
.page-mein-konto .entry-header,
.page-warenkorb .entry-header,
.woocommerce-lost-password .entry-header,
.customer-login .entry-header {
text-align: center;
} .page-kasse {   }
.page-kasse .wt_coupon_wrapper {
margin: 0;
padding: 0;
}
.page-kasse .wp-block-woocommerce-checkout {
padding-top: 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout {  }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main {         }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
display: none;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-step {
margin: 0 0 24px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-step.wc-block-checkout__order-notes {
margin-bottom: 16px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-step .wc-block-checkout__add-note .wc-block-components-textarea {
margin-top: 16px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__terms {
margin: 0 0 16px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
padding-top: 16px;
border-top: 1px solid #5B523E;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox {
margin-top: 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control-accordion-option {
margin-bottom: 6px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control-accordion-content {
position: relative;
padding: 7px 16px 16px 16px;
margin-top: -7px;
border-top: none !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
text-align: left;
z-index: 10; }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control-accordion-content > div > p {
margin-bottom: 8px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control-accordion-content .ppcp-place-order-description {
text-align: left !important;
margin-bottom: 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
box-shadow: none;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control--highlight-checked:after {
content: none;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-address-card,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control__option,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control-accordion-content {
background-color: #F8F5F1;
border: 1px solid #DFD7D0;
border-radius: 4px;
box-shadow: none !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control__option {
padding: 16px 16px 16px 3.5em;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control__input {
top: 27px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: #8B1E3F;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkbox input {
border-radius: 5px !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-place-order-button {
background-color: #8B1E3F !important;
transition: all 0.3s ease 0s !important;
min-height: auto;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-place-order-button:hover, .page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-place-order-button:active, .page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-place-order-button:focus, .page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-place-order-button:focus-visible {
background: #3F3A2B !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__login-prompt {
font-size: 14px;
margin-top: -22px;
font-weight: 400;
text-decoration: underline !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar {      }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
background-color: #F8F5F1 !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title {
margin-top: 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text {
margin-bottom: 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper.slot-wrapper {
border-top: 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item {     }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item:not(:last-child) {
padding-bottom: 16px !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item:not(:first-child) {
border-top: 1px solid #DCCBBB;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item > * {
padding-bottom: 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-order-summary-item__description {
padding-left: 20px;
padding-right: 6px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-prices {
display: flex;
padding-top: 4px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-product-metadata__description {
display: none;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-product-details {
margin: 4px 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-product-details:last-child {
margin-bottom: 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-product-metadata {
margin-top: 4px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-footer-item-tax {
font-weight: 400;
text-align: right;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-shipping-block {
margin-top: 16px;
border-top: 1px solid hsla(0, 0%, 7%, 0.11) !important;
}
@media all and (max-width: 792px) {
.page-kasse { }
.page-kasse .wc-block-components-sidebar-layout { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar {
margin-bottom: 24px !important;   }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title {
padding: 16px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-cart-items-block {
padding: 0 0 16px 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper > div {
padding-left: 16px;
padding-right: 16px;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item__image img,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item__image {
max-width: 120px;
width: 120px;
}
}
@media (max-width: 600px) {
.page-kasse {  }
.page-kasse .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after,
.page-kasse .is-small .wc-block-components-form .wc-block-components-checkout-step:after {
content: none;
}
.page-kasse .is-mobile .wc-block-components-form .wc-block-components-checkout-step,
.page-kasse .is-small .wc-block-components-form .wc-block-components-checkout-step {
padding-top: 0;
}
.page-kasse .wc-block-components-sidebar-layout { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__actions_row {
flex-direction: column-reverse;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
width: 100%;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button {
margin: 16px 0 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__actions {
padding-top: 10px !important;
}
}
@media all and (max-width: 500px) {
.page-kasse { }
.page-kasse .wc-block-components-sidebar-layout { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item {
display: flex;
flex-direction: column;  }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-order-summary-item__description {
padding: 8px 0 0 0;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price {
width: 100%;
padding-top: 8px;
text-align: left;
}
}
@media all and (max-width: 459px) {
.page-kasse {  }
.page-kasse .wc-block-components-address-address-wrapper {
margin-bottom: 0 !important;
}
.page-kasse .wc-block-components-sidebar-layout { }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-step__content .wc-block-checkout__use-address-for-billing {
margin-top: 10px;
}
}
@media all and (min-width: 793px) {
.page-kasse { }
.page-kasse .wc-block-components-sidebar-layout {
flex-wrap: nowrap;  }
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar {
min-width: 360px;
margin-top: 1px !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text {
margin-top: 16px !important;
}
.page-kasse .wc-block-components-sidebar-layout .wc-block-checkout__sidebar {
top: 90px;
}
} .page-warenkorb,
.page-kasse {      }
.page-warenkorb .page,
.page-kasse .page {
padding-top: calc(24px * 2) !important;
padding-bottom: calc(24px * 2) !important;
}
.page-warenkorb .hentry,
.page-kasse .hentry {
margin-bottom: 0;
}
.page-warenkorb .entry-header,
.page-kasse .entry-header {
padding-top: 0;
padding-bottom: 24px;
}
.page-warenkorb .entry-header .entry-title,
.page-kasse .entry-header .entry-title {
margin: 0 !important;
}
.page-warenkorb .wc-block-formatted-money-amount,
.page-warenkorb .wc-block-components-product-details__name,
.page-warenkorb .wc-block-components-product-price__value,
.page-kasse .wc-block-formatted-money-amount,
.page-kasse .wc-block-components-product-details__name,
.page-kasse .wc-block-components-product-price__value {
font-weight: 700 !important;
}
.page-warenkorb .wc-block-formatted-money-amount::after,
.page-kasse .wc-block-formatted-money-amount::after {
font-weight: 400 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout,
.page-kasse .wc-block-components-sidebar-layout {
margin-bottom: 0 !important;  }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-main {
padding-right: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar {
margin-top: 0;
margin-bottom: 0;  }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__totals-title,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__totals-title,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text {
font-size: 18px;
font-weight: 600;
text-transform: none !important;
line-height: 1.3 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item__value .wc-block-formatted-money-amount,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item__value .wc-block-formatted-money-amount {
font-size: 20px;
}
.page-warenkorb .wc-block-cart,
.page-kasse .wc-block-cart {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.page-warenkorb,
.page-kasse {   }
.page-warenkorb .page,
.page-kasse .page {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.page-warenkorb .entry-header,
.page-kasse .entry-header {
padding-bottom: 30px;
}
.page-warenkorb .wc-block-components-sidebar-layout,
.page-kasse .wc-block-components-sidebar-layout { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__totals-title,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__totals-title,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text {
font-size: 20px;
}
}
@media (min-width: 981px) {
.page-warenkorb,
.page-kasse {   }
.page-warenkorb .page,
.page-kasse .page {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.page-warenkorb .entry-header,
.page-kasse .entry-header {
padding-bottom: 40px;
}
.page-warenkorb .wc-block-components-sidebar-layout,
.page-kasse .wc-block-components-sidebar-layout { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar,
.page-kasse .wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding-left: 20px;
}
} .page-warenkorb {     }
.page-warenkorb .entry-content p:last-child:empty {
display: none;
}
.page-warenkorb .button {
color: #fff !important;
}
.page-warenkorb .wt_coupon_wrapper {
display: none !important;
}
.page-warenkorb .wc-block-components-totals-coupon__input input {
height: 100% !important;
}
.page-warenkorb .wc-block-cart {
margin-bottom: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout {   }
.page-warenkorb .wc-block-components-sidebar-layout .wp-block-woocommerce-cart-line-items-block {
margin-bottom: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wp-block-woocommerce-cart-order-summary-block,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-cart-items {
border-radius: 5px;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-cart-items {
overflow: hidden;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main {
background: #DCCBBB;               }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .price.wc-block-components-product-price {
display: flex;
align-items: flex-start;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main tr {
position: relative;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main th {
background-color: #E8DCD1 !important;
font-size: 16px;
font-weight: 600;
text-transform: none;
padding: 8px 16px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__header-product {
visibility: visible !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__header-product span {
display: none;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__product {
width: 100%;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main td {
background-color: #F8F5F1 !important;
padding: 16px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total {
min-width: 200px;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total .wc-block-formatted-money-amount {
font-weight: 600;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total .wc-block-components-product-price {
flex-direction: column;
align-items: flex-start;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-details__name,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-details__value {
font-size: 14px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__image img {
max-width: 120px;
min-width: 60px;
margin-right: auto;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-metadata,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-details__lieferzeit {
display: none;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-quantity-selector {
background-color: #fff !important;
margin-bottom: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-quantity-selector button {
color: #3F3A2B;
font-size: 18px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus {
border-right: 1px solid #000;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus {
border-left: 1px solid #000;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-quantity-selector::after {
border: 1px solid #000;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-product-badge {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 4px;
height: 24px;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__row .wc-block-cart-item__wrap > *:not(:last-child) {
margin-bottom: 10px;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__remove-link {
position: absolute;
top: 16px;
left: 16px;
width: 20px;
height: 20px;
transform: translate(-50%, -50%);
background-color: #F8F5F1 !important;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-image: url(//www.hundewerk-ostsee.de/wp-content/uploads/2025/08/x-circle.svg) !important;
border-radius: 50% !important;
font-size: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__row:not(:first-child) {
border-top: 1px solid hsla(0, 0%, 7%, 0.11);
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar {     }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-heading-block {
padding: 0 0 16px 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
padding: 12px 12px 0 12px;
background-color: #F8F5F1 !important;
border-top: 1px solid hsla(0, 0%, 7%, 0.11);
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper {
border-top: 1px solid hsla(0, 0%, 7%, 0.11) !important;
padding: 16px 0; }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper.slot-wrapper {
border-top: none !important;
padding: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__description::after {
text-align: right;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-totals-block {
border: none !important;
padding-bottom: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-subtotal-block {
padding-bottom: 16px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit {
margin-bottom: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container {
width: 100%;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a {
min-height: auto !important;
background-color: transparent;
color: inherit !important;
text-decoration: none !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__payment-options {
padding: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item__value {
margin-left: auto;
}
@media all and (min-width: 501px) {
.page-warenkorb { }
.page-warenkorb .wc-block-components-sidebar-layout { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main {   }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main th:first-child {
padding-right: 8px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main th:last-child {
padding-left: 8px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main td:first-child {
padding-right: 8px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main td:nth-child(2) {
padding: 16px 8px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main td:last-child {
padding-left: 8px !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total .wc-block-components-product-price {
align-items: flex-end;
}
}
@media (min-width: 793px) {
.page-warenkorb { }
.page-warenkorb .wc-block-components-sidebar-layout {
flex-wrap: nowrap; }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar {
min-width: 300px;
}
}
@media (min-width: 981px) {
.page-warenkorb { }
.page-warenkorb .wc-block-components-sidebar-layout { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding-left: 20px;
}
}
@media (max-width: 792px) {
.page-warenkorb .wc-block-components-sidebar-layout {   }
.page-warenkorb .wc-block-components-sidebar-layout .wp-block-woocommerce-cart-order-summary-block {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-cart-items {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main {  }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main tr {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main td {
margin-bottom: 0 !important;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__row {
display: flex;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__remove-link {
top: 0;
transform: translate(-50%, 50%);
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
padding-top: 0 !important;
border-top: none !important;
}
}
@media (max-width: 500px) {
.page-warenkorb .wc-block-components-sidebar-layout { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main { }
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-items__row {
flex-direction: column;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total-price-and-sale-badge-wrapper {
align-items: flex-start;
}
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__total,
.page-warenkorb .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-cart-item__product {
padding-top: 0 !important;
}
} .woocommerce-order-received {      }
.woocommerce-order-received .entry-header {
padding-bottom: 10px !important;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
margin-bottom: 24px;
}
.woocommerce-order-received .order_details {
margin: 30px 0 !important;
background: #F8F5F1;
}
.woocommerce-order-received .order_details::before, .woocommerce-order-received .order_details::after {
background: -webkit-linear-gradient(transparent 0, transparent 0), -webkit-linear-gradient(135deg, #F8F5F1 33.33%, transparent 33.33%), -webkit-linear-gradient(45deg, #F8F5F1 33.33%, transparent 33.33%);
background-size: 0 100%, 16px 16px, 16px 16px;
}
.woocommerce-order-received .order_details > li {
border-bottom: 1px solid #DCCBBB;
}
.woocommerce-order-received h2 + h3,
.woocommerce-order-received .beta + h3 {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-order-received .h2 {
font-size: 21px !important;
}
@media (min-width: 981px) {
.woocommerce-order-received .h2 {
font-size: 32px !important;
}
}
.woocommerce-order-received .shop_table {
margin-top: 0 !important;
}
@media (min-width: 768px) {
.woocommerce-order-received { }
.woocommerce-order-received .woocommerce-thankyou-order-received {
margin-bottom: 30px;
}
}
@media (min-width: 981px) {
.woocommerce-order-received { }
.woocommerce-order-received .woocommerce-thankyou-order-received {
margin-bottom: 40px;
}
} .woocommerce-order-received table td, .woocommerce-order-received table th,
.page-mein-konto table td,
.page-mein-konto table th {
padding: 8px !important;
}
.woocommerce-order-received table tbody td, .woocommerce-order-received table tbody th,
.page-mein-konto table tbody td,
.page-mein-konto table tbody th {
background: #fdfdfd !important;
border-bottom: 1px solid #DCCBBB;
}
.woocommerce-order-received table tfoot td, .woocommerce-order-received table tfoot th,
.woocommerce-order-received table thead td,
.woocommerce-order-received table thead th,
.page-mein-konto table tfoot td,
.page-mein-konto table tfoot th,
.page-mein-konto table thead td,
.page-mein-konto table thead th {
background: #F8F5F1 !important;
border-bottom: 1px solid #DCCBBB;
}
.woocommerce-order-received table tfoot tr:last-child td, .woocommerce-order-received table tfoot tr:last-child th,
.page-mein-konto table tfoot tr:last-child td,
.page-mein-konto table tfoot tr:last-child th {
border-bottom: none;
}
@media (min-width: 576px) {
.woocommerce-order-received,
.page-mein-konto { }
.woocommerce-order-received table td, .woocommerce-order-received table th,
.page-mein-konto table td,
.page-mein-konto table th {
padding: 10px 16px !important;
}
} .woocommerce-order-received .woocommerce-customer-details--email,
.woocommerce-order-received .woocommerce-customer-details--phone,
.woocommerce-order-received address,
.page-mein-konto .woocommerce-customer-details--email,
.page-mein-konto .woocommerce-customer-details--phone,
.page-mein-konto address {
margin-bottom: 0;
}
.error404 .col-full {
width: 1140px !important;
max-width: 90% !important;
margin: 0 auto !important;
}
body.error404 .page-content {
padding-top: calc(24px * 2);
padding-bottom: calc(24px * 2);  }
body.error404 .page-content h1 {
margin: 0;
padding-bottom: 24px !important;
}
body.error404 .page-content p {
margin-bottom: 0.6em;
}
body.error404 .page-content p:last-child {
margin-bottom: 0 !important;
}
body.error404 .page-content h2 {
font-size: 21px !important;
margin-bottom: 24px !important;
}
@media (min-width: 981px) {
body.error404 .page-content h2 {
font-size: 32px !important;
}
}
body.error404 .page-content h3 {
font-size: 18px !important;
}
@media (min-width: 981px) {
body.error404 .page-content h3 {
font-size: 28px !important;
}
}
body.error404 .page-content a {
color: #8B1E3F !important;
}
body.error404 .page-content a:hover, body.error404 .page-content a:active, body.error404 .page-content a:focus, body.error404 .page-content a:focus-visible {
color: #3F3A2B !important;
text-decoration: none;
}
body.error404 .page-content p,
body.error404 .page-content h2,
body.error404 .page-content h3,
body.error404 .page-content h4 {
color: #3F3A2B !important;
}
body.error404 .page-content .section__widget .widget {
background-color: #DCCBBB;
padding: 12px 0;
margin: 0 !important;
}
body.error404 .page-content .section__widget .widget .woocommerce-product-search::before {
left: 6px;
}
body.error404 .page-content .section__widget .widget .woocommerce-product-search input {
border-color: #DFD7D0;
padding: 12px 24px;
}
body.error404 .page-content .fourohfour-columns-2 {
padding-top: 24px;
padding-bottom: 24px;
margin-bottom: 24px !important;
border-color: #00221C;
}
body.error404 .page-content .fourohfour-columns-2 .col-1 .woocommerce .products {
gap: 16px !important;
}
body.error404 .page-content .fourohfour-columns-2 .col-1 .woocommerce .products .product {
width: 100% !important;
}
body.error404 .page-content .fourohfour-columns-2 .col-2 {
padding: 24px !important;
border-radius: 12px;
}
@media (max-width: 767px) {
body.error404 .page-content .col-1,
body.error404 .page-content .col-2 {
width: 100% !important;
}
}
@media (min-width: 576px) {
body.error404 .page-content .fourohfour-columns-2 .col-1 .woocommerce .products .product {
width: calc(50% - 8px) !important;
}
}
@media (min-width: 768px) {
body.error404 .page-content {
padding-top: 60px;
padding-bottom: 60px;
}
body.error404 .page-content .page-content .fourohfour-columns-2 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 981px) {
body.error404 .page-content {
padding-top: 80px;
padding-bottom: 80px;
}
body.error404 .page-content .page-content .fourohfour-columns-2 {
padding-top: 40px;
padding-bottom: 40px;
}
}