/*
Theme Name: Web-Elements
Author: Web-Elements GmbH
Author URI: https://web-elements.ch
Theme URI: https://web-elements.ch
Description: <strong>Web-Elements GmbH</strong> - Webseiten aus Leidenschaft - 044 500 74 70 / office@web-elements.ch
Text Domain: karibik-shop
Version: 11.07
License: Non-Public, Non-GPL
License URI: none

Dieses Theme ist nicht zur weiteren Verwendung gedacht.
©2018 by Web-Elements GmbH
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.clear {
    clear: both;
}

.sticky {
}

.bypostauthor {
}

.wp-caption {
}

.wp-caption-text {
}

.gallery-caption {
}

.alignright {
}

.alignleft {
}

.aligncenter {
}

/* ===========================================================
|
|   INDEX
|   |-- 0. Farben
|   |-- 1. Generelles
|   |-- 2. Typographie
|   |--- 2.1. Titel
|   |-- 3. Buttons
|   |-- 4. Elemente
|   |--- 4.1. Infoboxen
|   |--- 4.2. Labels
|   |--- 4.3. Pagination
|   |--- 4.4. Social Media Share
|   |-- 5. Tabellen
|   |-- 6. Formulare
|   |-- 7. Navigation
|   |-- 8. Seiteninhalte
|   |--- 8.1. Header
|   |--- 8.2. Footer
|   |--- 8.3. Frontpage
|   |--- 8.4. Single-Post
|   |--- 8.5. Flex-Content
|   |--- 8.6. Kontakt
|
|=============================================================*/

/*
  .block // represents the higher level of an abstraction or component.
  .block__element // represents a descendent of .block that helps form .block as a whole.
  .block–modifier // represents a different state or version of .block.
*/

/*______________________
|                       |
|   0. FARBEN           |
|______________________*/

:root {

    --red: #C62828;
    --lightblue: #1E88E5;
    --blue: #0D47A1;
    --lightgreen: #81C784;
    --green: #1B5E20;
    --yellow: #FFEE58;
    --orange: #F57C00;

    --grey1: #FAFAFA;
    --grey2: #EEEEEE;
    --grey3: #E0E0E0;
    --grey4: #9E9E9E;
    --grey5: #757575;
    --grey6: #212121;

}

.gradient1 {
    background: rgb(66, 0, 26); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(66, 0, 26, 1) 0%, rgba(134, 3, 53, 1) 42%, rgba(134, 3, 53, 1) 79%, rgba(188, 52, 105, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(66, 0, 26, 1) 0%, rgba(134, 3, 53, 1) 42%, rgba(134, 3, 53, 1) 79%, rgba(188, 52, 105, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(66, 0, 26, 1) 0%, rgba(134, 3, 53, 1) 42%, rgba(134, 3, 53, 1) 79%, rgba(188, 52, 105, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42001a', endColorstr='#bc3469', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

::placeholder, ::-ms-input-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder {
    color: #757575;
}

input:focus::-webkit-input-placeholder {
    opacity: 1 !important;
}

input:focus:-moz-placeholder {
    opacity: 1 !important;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    opacity: 1 !important;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    opacity: 1 !important;
}

/* IE 10+ */

::-moz-placeholder, :-moz-placeholder {
    opacity: 1;
    color: #757575;
}

/*______________________
|                       |
|   1. Generelles       |
|______________________*/

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    min-height: 100%;
    height: auto;
    font-family: 'Lato', sans-serif;
    font-display: swap;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    letter-spacing: 0.1px;
    color: #444444;
    overflow-x: hidden;
}

section.content-wrapper {
    min-height: calc(100vh - 280px);
    padding-top: 80px;
}

section.content-wrapper > div.no-subheader {
    padding-top: 80px;
}

.page-template-default .content-wrapper {
    padding-bottom: 75px;
}

/*______________________
|                       |
|   2. Typographie      |
|______________________*/

h1 {
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    letter-spacing: -0.5px;
    color: #333333;
}

.woocommerce h1 {
    font-size: 42px;
}

h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    letter-spacing: -0.5px;
    color: #333333;
}

h3 {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333333;
}

h4 {
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    letter-spacing: 0.25px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333333;
}

.blog__textwrapper h4 {

}

h5 {
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333333;
}

h6 {
    letter-spacing: 0.15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    text-transform: uppercase;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333333;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
    margin-top: 0;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

.lead {

    font-weight: 300;
    font-size: 20px;
    line-height: 1.7em;
}

p {
    margin-bottom: 15px;
}

a, a:link, a:visited {
    color: #33107C;
    text-decoration: none;
    outline: 0;
}

a:hover, a:active, a:focus {
    color: #33107C;
    outline: 0;
    text-decoration: none;
    opacity: 0.9;
}

/*______________________
|                       |
|   3. Buttons          |
|______________________*/

.frm_button_submit,
.button,
.button:visited,
.woocommerce a.button,
.woocommerce #respond input#submit {
    font-size: 15px !important;
    padding: 12px 15px !important;
    background-color: #0FD4DF !important;
    color: black !important;
    border: 1px solid #0FD4DF !important;
    border-radius: 0 !important;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    display: inline-block !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin: 15px 0;
    font-weight: 600 !important;
    outline: none;
}

.frm_button_submit:active,
.frm_button_submit:focus,
.button:active,
.button:focus,
.woocommerce a.button:active,
.woocommerce a.button:focus {
    color: white;
    opacity: 0.9;
    text-decoration: none;
    outline: none;
}

.frm_button_submit:hover,
.button:hover,
.woocommerce a.button:hover {
    color: inherit;
    text-decoration: none;
    opacity: 0.75;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    outline: none;
}

.button + .button {
    margin-left: 15px;
}

.button.disabled {
    color: #EFEFEF;
    cursor: not-allowed;
    opacity: 0.3;

}

.button.large {
    font-size: 19px;
    padding: 12px 18px;
}

.button.secondary {

}

.button.ghost {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    border: none !important;
    border-bottom: 3px solid #0FD4DF !important;
    background: transparent !important;
}

.button.ghost.dark {
    color: black;
    border-color: black;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.button.ghost:hover {
    background-color: #0FD4DF;
    color: inherit;
    opacity: 1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.button.ghost.dark:hover {
    color: white;
    background-color: black;
    border-color: black;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.button.verify {
    background-color: #76B041;
    color: white;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.button.alert {
    background-color: #E4572E;
    color: white;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*______________________
|                       |
|   4. Elemente         |
|______________________*/

/*
|    4.1 INFOBOXEN
*/

.infobox {
    padding: 20px 30px;
    background-color: #EFEFEF;
    border-radius: 4px;
    margin: 25px 0;
    border-left: 10px solid #CCCCCC;
}

.infobox a,
.infobox a:visited,
.infobox a:active,
.infobox a:focus {
    font-weight: 600;
    color: black;
}

.infobox.alert {
    background-color: #FF8A65;
    border-left: 10px solid #FF5722;
}

.infobox.warning {
    background-color: #FFB74D;
    color: black;
    border-left: 10px solid #FB8C00;
}

.infobox.success {
    background-color: #81C784;

    border-left: 10px solid #4CAF50;
}

/*
|    4.2 Labels

.label {
  background-color: #5b616b;
  border-radius: 2px;
  color: #ffffff;
  font-size: 0.95rem;
  margin-right: 0.5rem;
  padding: 0.1rem 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.3;
}

*/

/*
|    4.3 Pagination
*/

.pagination {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.pagination .next,
.pagination .prev {

}

.pagination .next {
    float: left;
}

.pagination .prev {
    float: right;
}

.pagination .page-numbers {
    padding: 8px;
    background-color: var(--grey2);
    border-radius: 4px;
}

/*
|    4.4 Social Media Share / Modals
*/

.socialmediashare a {
}

#suchmodal .modal-content, #suchmodal .modal-header {
    background-color: unset;
    border: none;
    border-radius: unset;
    padding: 0;
}

#suchmodal .close {
    opacity: 1;
    right: 30px;
    top: -10px;
    position: absolute;
    outline: none;
    z-index: 10;
}

#suchmodal span {
    color: white;
}

#suchmodal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

#suchmodal #searchform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#suchmodal input[type="text"] {
    width: 75%;
    color: black;
    background-color: white;
    height: 47px;
}

.modal-backdrop.show {
    opacity: .7;
}

/*______________________
|                       |
|   5. Tabellen         |
|______________________*/

caption {
    font-size: 0.9rem;
    font-weight: 700;
    font-family: "Verdana", "Cambria", "Times New Roman", "Times", serif;
    margin-bottom: 1.2rem;
    text-align: left;
}

table.borderless th,
table.borderless td {
    border: 0;
    border-bottom: 1px solid #5B616B;
}

thead th,
thead td {
    background-color: #F1F1F1;
    font-weight: 600;
}

table.borderless thead th,
table.borderless thead td {
    background-color: white;
    font-weight: 600;
}

th,
td {
    background-color: #FFFFFF;

    font-weight: 400;
    padding: 1rem 1.5rem;
}

/*______________________
|                       |
|   6. Formulare        |
|______________________*/

input:not([type='range']),
textarea,
select,
.woocommerce-cart table.cart td.actions .coupon .input-text {
    border: none;
    border-bottom: 1px solid #989898;
    border-radius: unset;
    box-shadow: none;
    padding: 8px 10px;
    background-color: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

input:not([type='range']):focus,
textarea:focus,
select:focus,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    border: none;
    border-bottom: 1px solid #0FD4DF;
    background-color: transparent;
    outline: none;
    border-radius: unset;
}

input.cwgstock_button {
    font-size: 15px !important;
    padding: 12px 15px !important;
    background-color: #0FD4DF !important;
    color: black !important;
    border: 1px solid #0FD4DF !important;
    border-radius: 0 !important;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    display: inline-block !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin: 15px 0;
    font-weight: 600 !important;
    outline: none;
}

input.cwgstock_button:active,
input.cwgstock_button:focus {
    color: white;
    opacity: 0.9;
    text-decoration: none;
    outline: none;
}

input.cwgstock_button:hover {
    color: inherit;
    text-decoration: none;
    opacity: 0.75;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    outline: none;
}

input.cwgstock_button {

}

.frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_right_half, .frm_form_field.frm_right_third, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_right_fourth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_half, .frm_form_field.frm_last_third, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_last_fourth, .frm_form_field.frm_last_fifth, .frm_form_field.frm_last_sixth, .frm_form_field.frm_last_seventh, .frm_form_field.frm_last_eighth, .frm_form_field.frm_last_inline, .frm_form_field.frm_last, .frm_form_field.frm_half, .frm_submit.frm_half, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_two_thirds, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_three_fourths, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_two_fifths, .frm_form_field.frm_three_fifths, .frm_form_field.frm_four_fifths, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_inline, .frm_submit.frm_inline {
    clear: none;
    float: left;
    margin-left: 2.5%;
}

.frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first {
    clear: left;
    float: left;
    margin-left: 0;
}

.frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half {
    width: 48.75%;
}

.frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third {
    width: 31.66%;
}

.frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds {
    width: 65.82%;
}

.frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth {
    width: 23.12%;
}

.frm_form_field.frm9, .frm_form_field.frm_three_fourths {
    width: 74.36%;
}

.frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth {
    width: 18%;
}

.frm_form_field.frm_two_fifths {
    width: 38.5%;
}

.frm_form_field.frm_three_fifths {
    width: 59%;
}

.frm_form_field.frm_four_fifths {
    width: 79.5%;
}

.frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth {
    width: 14.58%;
}

.frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh {
    width: 12.14%;
}

.frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth {
    width: 10.31%;
}

.frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline {
    width: auto;
}

.frm_full, .frm_full .wp-editor-wrap, .frm_full input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full textarea {
    width: 100% !important;
}

.frm_full .wp-editor-wrap input {
    width: auto !important;
}

.frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container, .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container, .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container {
    display: block;
}

.frm_form_field.frm_left_container label.frm_primary_label {
    float: left;
    display: inline;
    max-width: 33%;
    margin-right: 10px;
}

.with_frm_style .frm_conf_field.frm_left_container label.frm_primary_label {
    display: inline;
    visibility: hidden;
}

.frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_left_container textarea, .frm_form_field.frm_left_container .wp-editor-wrap, .frm_form_field.frm_left_container .frm_opt_container, .frm_form_field.frm_left_container .frm_dropzone, .frm_form_field.frm_left_container .frm-g-recaptcha, .frm_form_field.frm_left_container .g-recaptcha, .frm_form_field.frm_left_container .chosen-container, .frm_form_field.frm_left_container .frm_combo_inputs_container, .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_right_container textarea, .frm_form_field.frm_right_container .wp-editor-wrap, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_right_container .frm_dropzone, .frm_form_field.frm_right_container .frm-g-recaptcha, .frm_form_field.frm_right_container .g-recaptcha, .frm_form_field.frm_right_container .chosen-container, .frm_form_field.frm_right_container .frm_combo_inputs_container {
    max-width: 62%;
}

.frm_form_field.frm_left_container .frm_combo_inputs_container input, .frm_form_field.frm_left_container .frm_combo_inputs_container select, .frm_form_field.frm_right_container .frm_combo_inputs_container input, .frm_form_field.frm_right_container .frm_combo_inputs_container select {
    max-width: 100%;
}

.frm_form_field.frm_left_container .frm_data_container, .frm_form_field.frm_right_container .frm_data_container, .frm_form_field.frm_inline_container .frm_data_container, .frm_form_field.frm_left_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_left_container .frm_combo_inputs_container, .frm_form_field.frm_right_container .frm_combo_inputs_container, .frm_form_field.frm_inline_container .frm_combo_inputs_container, .frm_form_field.frm_left_container .wp-editor-wrap, .frm_form_field.frm_right_container .wp-editor-wrap, .frm_form_field.frm_inline_container .wp-editor-wrap, .frm_form_field.frm_left_container .frm_dropzone, .frm_form_field.frm_right_container .frm_dropzone, .frm_form_field.frm_inline_container .frm_dropzone, .frm_form_field.frm_left_container .frm-g-recaptcha, .frm_form_field.frm_right_container .frm-g-recaptcha, .frm_form_field.frm_inline_container .frm-g-recaptcha, .frm_form_field.frm_left_container .g-recaptcha, .frm_form_field.frm_right_container .g-recaptcha, .frm_form_field.frm_inline_container .g-recaptcha {
    display: inline-block;
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label, .frm_form_field.frm_right_half.frm_left_container .frm_primary_label, .frm_form_field.frm_left_half.frm_right_container .frm_primary_label, .frm_form_field.frm_right_half.frm_right_container .frm_primary_label, .frm_form_field.frm_first_half.frm_left_container .frm_primary_label, .frm_form_field.frm_last_half.frm_left_container .frm_primary_label, .frm_form_field.frm_first_half.frm_right_container .frm_primary_label, .frm_form_field.frm_last_half.frm_right_container .frm_primary_label, .frm_form_field.frm_half.frm_right_container .frm_primary_label, .frm_form_field.frm_half.frm_left_container .frm_primary_label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 33%;
}

.with_frm_style .frm_left_container label.frm_primary_label {
    float: left;
    display: inline !important;
    width: 150px;
    max-width: 33% !important;
    margin-right: 10px !important;
}

.with_frm_style .frm_right_container label.frm_primary_label {
    display: inline !important;
    width: 150px;
    max-width: 33% !important;
    margin-left: 10px !important;
}

.with_frm_style .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_left_container textarea, .with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_right_container textarea, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .chosen-container {
    max-width: 62% !important;
}

.with_frm_style .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field input, .with_frm_style .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field select, .with_frm_style .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field input, .with_frm_style .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field select {
    max-width: 100% !important;
}

.with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha {
    display: inline-block !important;
}

.with_frm_style .frm_left_container,
p.description::before, .with_frm_style .frm_left_container,
div.description::before, .with_frm_style .frm_left_container,
div.frm_description::before, .with_frm_style .frm_left_container,
.frm_error::before, .with_frm_style .frm_right_container,
p.description::after, .with_frm_style .frm_right_container,
div.description::after, .with_frm_style .frm_right_container,
div.frm_description::after, .with_frm_style .frm_right_container,
.frm_error::after {

    display: inline-block !important;
    width: 150px;
    max-width: 33% !important;
    margin-right: 10px !important;
}

.with_frm_style .frm_left_container.frm_inline label.frm_primary_label {
    max-width: 90% !important;
}

.with_frm_style .form-field.frm_col_field {
    clear: none;
    float: left;
    margin-right: 20px;
}

.with_frm_style .form-field.frm_col_field div.frm_description {
    width: auto;
    max-width: 100%;
}

.with_frm_style .frm_inline_container label.frm_primary_label, .with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container {
    display: inline !important;
}

.with_frm_style .frm_inline_container label.frm_primary_label {
    margin-right: 10px !important;
}

.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_checkbox {
    float: left;
}

.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox {
    width: 48%;
    margin-right: 4%;
}

.frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox {
    width: 30%;
    margin-right: 5%;
}

.frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox {
    width: 22%;
    margin-right: 4%;
}

.frm_form_field.frm_two_col .frm_radio:nth-child(2n+2), .frm_form_field.frm_two_col .frm_checkbox:nth-child(2n+2), .frm_form_field.frm_three_col .frm_radio:nth-child(3n+3), .frm_form_field.frm_three_col .frm_checkbox:nth-child(3n+3), .frm_form_field.frm_four_col .frm_radio:nth-child(4n+4), .frm_form_field.frm_four_col .frm_checkbox:nth-child(4n+4) {
    margin-right: 0;
}

.with_frm_style.frm_rtl .frm_form_field.frm2, .with_frm_style.frm_rtl .frm_form_field.frm3, .with_frm_style.frm_rtl .frm_form_field.frm4, .with_frm_style.frm_rtl .frm_form_field.frm6, .with_frm_style.frm_rtl .frm_form_field.frm8, .with_frm_style.frm_rtl .frm_form_field.frm9, .with_frm_style.frm_rtl .frm_form_field.frm_half, .with_frm_style.frm_rtl .frm_form_field.frm_third, .with_frm_style.frm_rtl .frm_form_field.frm_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_sixth, .with_frm_style.frm_rtl .frm_form_field.frm_seventh, .with_frm_style.frm_rtl .frm_form_field.frm_eighth, .with_frm_style.frm_rtl .frm_form_field.frm_inline, .with_frm_style.frm_rtl .frm_form_field.frm_left_half, .with_frm_style.frm_rtl .frm_form_field.frm_left_third, .with_frm_style.frm_rtl .frm_form_field.frm_left_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_left_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_left_inline, .with_frm_style.frm_rtl .frm_form_field.frm_first_half, .with_frm_style.frm_rtl .frm_form_field.frm_first_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_first_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_first_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_first_inline, .with_frm_style.frm_rtl .frm_form_field.frm_right_half, .with_frm_style.frm_rtl .frm_form_field.frm_right_third, .with_frm_style.frm_rtl .frm_form_field.frm_right_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_right_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_right_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_right_inline, .with_frm_style.frm_rtl .frm_form_field.frm_last_half, .with_frm_style.frm_rtl .frm_form_field.frm_last_third, .with_frm_style.frm_rtl .frm_form_field.frm_last_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_last_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_last_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_last_inline {
    float: right;
    margin-right: 2.5%;
    margin-left: 0;
    clear: none;
}

.with_frm_style.frm_rtl .frm_form_field.frm_left_half, .with_frm_style.frm_rtl .frm_form_field.frm_first_half, .with_frm_style.frm_rtl .frm_form_field.frm_first, .with_frm_style.frm_rtl .frm_form_field.frm_left_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_left_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_first_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_first_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_left_inline, .with_frm_style.frm_rtl .frm_form_field.frm_first_inline {
    clear: right;
    margin-right: 0;
}

.with_frm_style.frm_rtl .frm_form_field.frm_two_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_three_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_four_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_two_col .frm_checkbox, .with_frm_style.frm_rtl .frm_form_field.frm_three_col .frm_checkbox, .with_frm_style.frm_rtl .frm_form_field.frm_four_col .frm_checkbox {
    float: right;
}

@media only screen and (max-width: 500px) {
    .with_frm_style .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_left_container textarea, .with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_right_container textarea, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .chosen-container {
        max-width: 100% !important;
    }

    .with_frm_style .frm_left_container,
    p.description::before, .with_frm_style .frm_left_container,
    div.description::before, .with_frm_style .frm_left_container,
    div.frm_description::before, .with_frm_style .frm_left_container,
    .frm_error::before, .with_frm_style .frm_right_container,
    p.description::after, .with_frm_style .frm_right_container,
    div.description::after, .with_frm_style .frm_right_container,
    div.frm_description::after, .with_frm_style .frm_right_container,
    .frm_error::after {
        display: none !important;
    }

    .with_frm_style .frm_left_container label.frm_primary_label, .with_frm_style .frm_right_container label.frm_primary_label {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .with_frm_style .frm_form_field.frm_half.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_half.frm_left_container select, .with_frm_style .frm_form_field.frm_half.frm_left_container textarea, .with_frm_style .frm_form_field.frm_half.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_half.frm_left_container.frm-g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_left_container.g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_half.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_half.frm_right_container select, .with_frm_style .frm_form_field.frm_half.frm_right_container textarea, .with_frm_style .frm_form_field.frm_half.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_half.frm_right_container.frm-g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_right_container.g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_right_container .chosen-container {
        max-width: 100% !important;
    }

    .with_frm_style .frm_form_field.frm_left_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_right_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_first_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_last_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_left_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_right_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_first_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_last_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_half.frm_right_container .frm_primary_label {
        max-width: 100% !important;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100% !important;
    }

    .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid {
        margin: 20px 0;
    }

    .with_frm_style .frm_form_field.frm_first_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_first_half .frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half .frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_last_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_last_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_first_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half.frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_first_half .frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half .frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_last_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_last_half.frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_half.frm_left_container .frm_error {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_half, .frm_submit.frm_half, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_first_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_last_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth, .frm_form_field.frm_three_fourths, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_two_fifths, .frm_form_field.frm_three_fifths, .frm_form_field.frm_four_fifths, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_last_inline {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: both;
        float: none;
    }

    .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox {
        width: 48%;
    }

    .frm_form_field.frm_four_col .frm_radio:nth-child(2n+2), .frm_form_field.frm_four_col .frm_checkbox:nth-child(2n+2) {
        margin-right: 0;
    }
}

.frm_form_field .grecaptcha-badge, .frm_hidden, .with_frm_style .frm_button.frm_hidden {
    display: none;
}

form input.frm_verify {
    display: none !important;
}

.with_frm_style fieldset {
    min-width: 0;
}

.with_frm_style fieldset fieldset {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

legend.frm_hidden {
    display: none !important;
}

.with_frm_style label.frm_primary_label {
    max-width: 100%;
}

.with_frm_style .frm_top_container label.frm_primary_label, .with_frm_style .frm_hidden_container label.frm_primary_label, .with_frm_style .frm_pos_top {
    display: block;
    float: none;
    width: auto;
}

.with_frm_style .frm_inline_container label.frm_primary_label {
    margin-right: 10px;
}

.with_frm_style .frm_right_container label.frm_primary_label, .with_frm_style .frm_pos_right {
    display: inline;
    float: right;
    margin-left: 10px;
}

.with_frm_style .frm_none_container label.frm_primary_label, .with_frm_style .frm_pos_none, .frm_none_container label.frm_primary_label {
    display: none;
}

.with_frm_style .frm_section_heading.frm_hide_section {
    margin-top: 0 !important;
}

.with_frm_style .frm_hidden_container label.frm_primary_label, .with_frm_style .frm_pos_hidden, .frm_hidden_container label.frm_primary_label {
    visibility: hidden;
}

.with_frm_style .frm_inside_container label.frm_primary_label {
    opacity: 0;
    transition: opacity 0.1s linear;
}

.with_frm_style .frm_inside_container label.frm_visible, .frm_visible {
    opacity: 1;
}

.with_frm_style .frm_description {
    clear: both;
}

.frm_screen_reader {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.frm_half,
.frm_full {
    margin-bottom: 25px;
}

.frm_form_fields input {
    width: 100%;
    max-width: 100%;
}

.frm_error_style p {
    background-color: var(--red);
    padding: 25px 25px 25px 95px;
    color: white;
    border-radius: 5px;
    position: relative;
}

.frm_error {
    color: var(--red);
    font-size: 14px;
    text-transform: uppercase;
    margin: 5px 0;
    position: relative;
}

.frm_error:before {

}

.frm_error_style p:before {
    font-family: "Font Awesome 5 Pro";
    font-display: swap;
    font-weight: 900;
    content: "\f071";
    margin-right: 15px;
    font-size: 48px;
    position: absolute;
    top: 5px;
    left: 15px;
}

.frm_form_fields label {
    text-transform: uppercase;
    font-weight: 500;
    margin: 5px 0;
}

.frm_style_formidable-style.with_frm_style input[type=text],
.frm_style_formidable-style.with_frm_style input[type=password],
.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style input[type=url],
.frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=phone],
.frm_style_formidable-style.with_frm_style input[type=search],
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea,
.frm_form_fields_style,
.frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style,
.frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices,
.frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
    border: none;
    border-bottom: 1px solid #989898;
    border-radius: unset;
    box-shadow: none;
    outline: none;
    font-size: 17px;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus,
.frm_style_formidable-style.with_frm_style select:focus,
.frm_style_formidable-style.with_frm_style textarea:focus,
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search],
.frm_form_fields_active_style,
.frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single,
.frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices {
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #0FD4DF;
}

.with_frm_style .frm_top_container label.frm_primary_label,
.with_frm_style .frm_hidden_container label.frm_primary_label,
.with_frm_style .frm_pos_top {
    display: none;
}

.frm_style_formidable-style.with_frm_style textarea {
    min-height: 36px;
}

.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email],
.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,
.frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field select,
.frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices,
.frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single,
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    border: none;
    border-bottom: 1px solid #AA0000;
}

/*______________________
|                       |
|   7. Navigation       |
|______________________*/

header nav {

}

header nav.nav-content-pages {
    padding-right: 25px;
}

header nav ul {
    display: flex;
    flex-direction:  row;
    flex-wrap: nowrap;
}

header nav ul li {
    display: inline-block;
    float: left;
    position: relative;
    white-space: nowrap;
}

header nav ul li a,
header nav ul li a:link,
header nav ul li a:visited,
header nav .navigation-list a.nav-back {
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    padding: 42px 12px 16px 12px;
    letter-spacing: 0;
    display: block;
    color: #333333;
    font-weight: 700;
    font-size: 15px;
    outline: none;
}


header nav ul li a:active {
    text-decoration: none;
    outline: none;
}

header nav ul li a:hover,
header nav ul li a:focus {
    color: #33107C;
    text-decoration: none;
    outline: none;
}

/*
header nav ul li a:first-of-type {
  padding-left:0;
}
*/

header .desktop-menu nav ul li.navi-warenkorb a.header-icons {
    padding-right: 15px;
}

header nav ul li.zigarren a:hover::before {
    opacity: 0.6;
}

/* Suche Navigation */

.hamburger {
    display: none;
}

.search_form {
    display: none;
}

#search_link {
    float: right;
}

.search_wrapper {
    float: right;
}

.search_wrapper .open {
    display: inline;
}

/*______________________
|                       |
|   8.Seiteninhalte     |
|______________________*/

/*
|    8.1 Header
*/

header#header {
    position: relative;
    z-index: 100;
    background-color: transparent;
    color: white;
}

header#header .menu-wrapper:after {
    content: "";
    right: -200px;
    bottom: 0;
    left: -200px;
    background-color: white;
    z-index: -1;
    height: 125px;
    position: absolute;
    transform: translateY(30px);
    border-radius: 0 0 80% 80%;

    -webkit-box-shadow: rgba(62, 57, 107, 0.36) 0 16px 38px -12px, rgba(62, 57, 107, 0.12) 0 4px 25px 0, rgba(62, 57, 107, 0.2) 0 8px 10px -5px;
    -moz-box-shadow: rgba(62, 57, 107, 0.36) 0 16px 38px -12px, rgba(62, 57, 107, 0.12) 0 4px 25px 0, rgba(62, 57, 107, 0.2) 0 8px 10px -5px;
    box-shadow: rgba(62, 57, 107, 0.36) 0 16px 38px -12px, rgba(62, 57, 107, 0.12) 0 4px 25px 0, rgba(62, 57, 107, 0.2) 0 8px 10px -5px;
}

header .logo {
    width: 170px;
    max-width: 100%;
    height: auto;
    transform: scale(1.4) translateY(10px);
    transition: 150ms ease-in-out;
}

header .logo.white {
    width: unset;
    height: 78px;
    transform: scale(1.4) translateY(10px) translateX(-3px); 
}

header .topbar {
    background-color: #FAFAFA;
    padding: 8px 0;
    font-size: 12px;
    color: #333333;
}

header .topbar .textblock:not(:last-child) {
    padding-right: 17px;
    margin-right: 17px;
    border-right: 1px solid var(--grey4);
}

header .topbar span.selling-point-header {
    padding-right: 15px;
}

header .topbar a,
header .topbar a:link {
    color: black;
}

header .topbar a:focus,
header .topbar a:hover {
    color: #33107C;
    text-decoration: none;
}

span.empty-space {
    width: 20px;
    display: inline-block;
}

a.header-social:not(:last-of-type) {
    padding-right: 7px;
}

header .oval {
    background-color: white;
}

.site-wrapper {
    overflow: hidden;
}

.menu-wrapper {
    position: absolute;
    top: 32px;
    width: 100%;
    background-color: white;
}

.menu-wrapper.scrolled {
    position: fixed;
    top: 0;
    transition: unset;
    width: 100%;
}

.menu-wrapper.scrolled .logo {
    transform: scale(1.2) translateY(19px);
}

.menu-wrapper.scrolled .logo.white{
    transform: scale(1.2) translateY(19px) translateX(9px);
}
 
header nav ul li a.header-icons, header nav ul li a.header-icons:link {
    font-size: 20px;
    padding-top: 37px;
    position: relative;
}

/* Subheader */

.subheader_box {
    height: 325px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
}

.subheader_box.blog h1 {
    margin: 0;
}

.subheader_box.blog .postmeta {
    font-size: 12px;
}

.attributes .col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.attributes img {
    object-fit: contain;
}

.attributes h1 {
    margin-top: 60px;
}

.attribute-beschreibung {
    position: relative;
}

.attribute-beschreibung .beschreibung {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: 250ms ease-in-out;
}

.attribute-beschreibung .beschreibung.short {
    height: 75px !important;

}

.attribute-beschreibung .beschreibung.short:before {
    content: "";
    position: absolute;
    top: 80%;
    top: calc(100% - 50px);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f7f7f7+100&0+50,1+75 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 75%, rgba(247, 247, 247, 1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(247, 247, 247, 0)), color-stop(50%, rgba(247, 247, 247, 0)), color-stop(75%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(247, 247, 247, 1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 75%, rgba(247, 247, 247, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 75%, rgba(247, 247, 247, 1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 75%, rgba(247, 247, 247, 1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 1%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 75%, rgba(247, 247, 247, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f7f7f7', endColorstr='#f7f7f7', GradientType=0); /* IE6-8 */
}

.toggle-beschreibung {
    position: absolute !important;
    bottom: -50px;
    left: 0;
    z-index: 2;
    margin: 0;
    padding-bottom: 15px;
}

.description-wrapper {
    position: relative;
    padding-top: 15px;
}

.description-wrapper .description-single {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: 1000ms ease-in-out;
    max-height: 5000px;
}

.description-wrapper .description-single.long {
    max-height: 500px;
}

.description-wrapper .description-single.gradient.long::before {
    content: "";
    position: absolute;
    top: 80%;
    top: calc(100% - 80px);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,ffffff+100&0+50,1+75 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(251, 251, 251, 0) 50%, rgba(253, 253, 253, 1) 75%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(247, 247, 247, 0)), color-stop(50%, rgba(251, 251, 251, 0)), color-stop(75%, rgba(253, 253, 253, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(251, 251, 251, 0) 50%, rgba(253, 253, 253, 1) 75%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(251, 251, 251, 0) 50%, rgba(253, 253, 253, 1) 75%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(247, 247, 247, 0) 1%, rgba(251, 251, 251, 0) 50%, rgba(253, 253, 253, 1) 75%, rgba(255, 255, 255, 1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 1%, rgba(251, 251, 251, 0) 50%, rgba(253, 253, 253, 1) 75%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f7f7f7', endColorstr='#ffffff', GradientType=0); /* IE6-8 */
}

.toggle-description {
    position: absolute !important;
    bottom: -15px;
    left: 0;
    z-index: 2;
    margin: 0;
}

/*
|    8.2 Footer
*/

footer {
    background-color: #EFEFEF;
    color: black;
    margin: 125px 0 0 0;
    padding: 0 0 75px 0;
    position: relative;
}

footer .footer__logo {
    text-align: center;
}

footer .footer__logo img {
    max-width: 155px;
    transform: translateY(-40px);
}

footer .footer__logo img.white {
    height: 74px;
    object-fit: contain;
    object-position: center;
}

footer .thelastone {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 15px;
    background-color: white;
    font-size: 12px;
}

footer .logo {
    height: auto;
    max-width: 100%;
}

.footer__newsimg {
    width: 35px;
    height: auto;
}

footer a,
footer a:link,
footer a:active,
footer a:visited {
    color: black;
}

footer a:hover,
footer a:focus {
    color: #33107C;
}

footer .scroller {
    position: absolute;
    right: 15px;
    bottom: 35px;
    font-size: 48px;
}

.footer__zahlungsmittel {
    text-align: center;
    padding-top: 80px;
}

.footer__zahlungsmittel h4 {
    margin: 0;
}

.footer__zahlungsmittel img {
    padding: 0 15px;
}

/*
|    8.3 Frontpage
*/


.home h1 {
    font-size: 28px;
}

.home .welcome_box .tiles{
    display:  grid;
    grid-auto-rows: 350px;
    grid-auto-rows:  minmax(350px,max-content);
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap:  15px 15px;
    padding: 75px 15px 50px;
    overflow:  hidden;
}

.home .tile{
    position:  relative;
    padding:  35px 30px;
    grid-column: span 1;
    transition:  250ms ease-in-out;
    max-height: 600px;
    overflow:  hidden;
}

.home .tile.wide{
    grid-column: span 2;
}

.home .tile:hover .tile-bg, .home .tile:hover .content-bild{
    transform:  scale3d(1.05,1.05,1.05);
}

.home .tile .tile-bg, .home .tile .content-bild{
    transform-origin:  center;
    transition: .3s ease-in-out;
}

.home .tile .tile-bg{
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    object-fit:  cover;
}



.home .tile .background-overlay{
    z-index: 0;
}

.home .tile .wrapper{
    position: relative;
    z-index:  1;
}

.home .tile .wrapper .content{
    height:  100%;
}

.home .welcome_box .tile .content,
.home .welcome_box .tile .content > div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}

.home .tile.wide.layout-2 .wrapper{
    display: grid;
    grid-template-columns: 65% 35%;
}

.home .tile h2{
    margin-top:  0px;
    font-size: 22px;
}

.home .tile a.button.ghost, .home .tile a.button.ghost:visited{
    color: white!important;
}

.content-bild {
    align-items: center;
    justify-content: center;
}

.content-bild img {
    max-height: 480px;
}

.home__zigarren-box.first-box {
    padding-top: 75px;
}

.home__cta1 {
    padding: 100px 15px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.home-cta-wrapper {
    position: relative;
    background: no-repeat center;
    background-size: cover;
    z-index: 2;
}

.home__cta1 h2 {
    margin-top: 0;
    color: white;
}

.home__cta1 ul {
    text-align: left;
    display: inline-block;
    width: 100%;
}

.home__cta1 ul li {
    padding-left: 0;
}

.home__cta1 ul li a {
    color: white;
}

.home .kategorie-liste,
.home .marke-liste,
.home .herkunft-liste,
.home .format-liste {
    padding: 0 10px;
}

.home__cta1.flex-rounded-bottom::after,
.home__cta2.flex-rounded-top::before {
    background-color: var(--grey2);
}

.home__precta1 {
    text-align: center;
    margin: 100px 0;
}

.home__cta2 {
    min-height: 375px;
    background: #0FD4DF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGZkNGRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzYmZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #0FD4DF 0%, #63BFC2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0FD4DF), color-stop(100%, #63BFC2));
    background: -webkit-linear-gradient(-45deg, #0FD4DF 0%, #63BFC2 100%);
    background: -o-linear-gradient(-45deg, #0FD4DF 0%, #63BFC2 100%);
    background: -ms-linear-gradient(-45deg, #0FD4DF 0%, #63BFC2 100%);
    background: linear-gradient(135deg, #0FD4DF 0%, #63BFC2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fd4df', endColorstr='#63bfc2', GradientType=1);
    margin: 50px 0;
    position: relative;
}

.home__cta2:after {

}

.woocommerce ul li.product div.row {
    max-width: 100%;
}

.home__cta2 article {
    background-position: center;
    background-size: cover;
    min-height: 450px;
    text-align: center;
    position: relative;
    z-index: 10;
    transform: translateY(75px);
    color: white;
}

.home__cta2 h4 {
    color: white;
}

.home__cta2 h2 {
    padding: 125px 0 35px 0;
    display: block;
    text-align: center;
    color: white;
}

.home__cta2 article:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: -1;
}

.home__karibikblog {
    min-height: 150px;
    text-align: center;
}

.home .col-beitraege {
    padding: 0 15px;
}

.home__kategorien {
    background-color: var(--grey2);
}

.blog__textwrapper {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
}

.blog__textwrapper .button.ghost {
    color: white !important;
}

.blog__textwrapper .button {
    display: block !important;
    width: 150px;
    max-width: 100%;
    margin: 10px auto;
}

.home__att {
    overflow: hidden;
}

.home__att li {
    padding: 5px 10px;
}

.home__att li img {
    max-width: 25px !important;
    height:auto;
    vertical-align: middle;
    margin-right: 10px;
}

.home ul.products.columns-3 li.product {
    padding: 20px 15px;
}

.home__produkte {
    position: relative;
    z-index: 2;
}

/*
|    8.4. Single Post
*/

.postmeta {
    margin: 15px 0;
}

#commentform {
    margin-bottom: 75px;
}

#commentform label {
    display: block;
    font-weight: 500;
    padding-bottom: 5px;
}

#commentform #submit {
    cursor: pointer;
}

#commentform #comment {
    width: 100%;
}

.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 500px;
    max-width: 100%;
    height: auto;
}

#commentform #submit:hover {
    opacity: 0.7;
}

.single-post h1,
.single-post h1 + .date,
.single-post h1 ~ .comments a {
    color: var(--white);
}

.single_post_thumbnail {
    height: 50vh;
    min-height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.single_post_thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.35);
}

#single_post_wrapper {
    background-color: white;
    margin-top: -100px;
    padding: 25px 50px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
}

#single_post_wrapper h1 {
    margin-top: 0;
}

.single_post_thumb_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 15px 10px 10px;
    font-style: italic;
    font-size: 14px;
}

.commentlist .comment-author img {
    border-radius: 50%;
}

.commentlist .comment-author .fn,
.commentlist .comment-author .says {

    padding: 0 5px;

}

.commentlist .comment-author {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 10px;
    padding-left: 25px;
}

.commentlist .date {
    font-size: 12px;
    margin-top: -4px;
    color: var(--grey4);
    display: block;

}

.commentlist .comment-body {
    margin: 25px 0 45px 0;
}

.commentlist .comment-body .comment_text_body {
    background-color: var(--grey2);
    padding: 25px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 15px;
}

.commentlist .comment-body .comment_text_body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 35px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: var(--grey2);
    border-bottom: 0;
    border-right: 0;
    margin-left: -10px;
    margin-bottom: -20px;
}

.commentlist .reply {
    float: right;
}

.commentlist ul ul {
    margin-left: 8%;
}

.marke-col {
    padding: 30px 15px !important;
}

.marke-col a {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.marke-col img {
    width: 80%;
    max-width: 200px;
    height: 200px;
    object-fit: contain;
}

.marke-col h3 {
    text-align: center;
    margin-top: 10px;
}

.marken-wrapper {
    padding: 150px 15px 0 15px;
}

/* Blog */

.blog__wrapper {
    background-color: white;
    border-radius: 3px;
    margin-bottom: 30px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    min-height: 495px;
}

.blog__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 175px;
    margin-bottom: 5px;
}

.blog__txt {
    padding: 15px;
}

.blog__txt h2 {
    margin: 0;
}

.blog__meta {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.blog__filter {
    font-size: 14px;
    margin-bottom: 30px;
    background-color: white;
    padding: 15px;
}

.blog__pagination {
    margin-bottom: 35px;
}

.single__postimg {
    border: 3px solid white;
    border-radius: 8px;
    transform: translateY(-75px);
}

#commentform label {
    display: block;
}

.glossar .repeater-wrapper {
    padding-top: 30px;
}

.glossar .glossar-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.glossar .glossar-head a {
    padding: 10px 15px;
    width: 100%;
    font-weight: 700;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 15px 25px;
}

.glossar .card {
    border: none;
}

.glossar > div > div:first-of-type.glossar-head {
    border-top: 1px solid #DEE2E6 !important;
}

.glossar .card p {
    margin: 0;
}

/* Neue Styles, alte löschen falls nicht mehr verwendet! */
.flex__bild {
    max-width: calc(100% + 200px);
    margin: 0 -100px;
}

.flex__bild_desc {
    font-style: italic;
    font-size: 14px;
    color: #AAAAAA;
}

.flex__gallery {
    min-height: 175px;
    height: 175px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flex__gallery_link {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    opacity: 1;
}

.flex__gallery_link:hover {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    opacity: 0.7;
    text-decoration: none;
}

.flex__wrapper_newsletter {
    position: relative;
    z-index: 1;
    color: white;
    padding: 100px 0;
    margin: 75px 0;
}

.flex__wrapper_newsletter h2 {
    margin-top: 0;
    color: white;
}

.flex__wrapper_newsletter label {
    color: white !important;
}

.flex__wrapper_newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.flex__wrapper_cta {
    min-height: 45vh;
    height: 45vh;
}

.flex__wrapper_cta {
    position: relative;
    z-index: 1;
    color: white;
    margin: 75px 0;
}

.flex__wrapper_cta h2 {
    color: white;
}

.flex__wrapper_cta::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.flex__stimmungsbild {
    margin: 75px 0;
    height: 75vh;
    min-height: 75vh;
    position: relative;
}

.flex__stimmungsbild_desc {

    font-size: 16px;
    color: #000000;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 35px;
    left: 35px;
    background-color: #0FD4DF;
    padding: 15px 35px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    opacity: 0.3;
}

.flex__stimmungsbild:hover .flex__stimmungsbild_desc {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    opacity: 1;
}

/* 8.6 - Kontakt */

#map,
#map-2 {
    height: 500px;
    width: 100%;
}

/* Bootstrap Fluid Container ohne Margins */
.container-fluid {
    padding: 0;
}

@media (max-width: 797px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
}

.container-large {
    max-width: 1600px;
    margin: 0 auto;
}

/* WooCommerce - Shop */


/* provisorisch, Kistenrabatt soll nicht als Sale ausgewiesen sein */
.woocommerce span.onsale {
    display: none;
}

.product-header {
    min-height: 81px;
}

.product-header .label-sale {
    position: absolute;
    top: -70px;
    left: -15px;
    padding: 17px 19px 15px;
    border-radius: 50%;
    background-color: #0FD4DF;
    z-index: 0;
    transform: rotate(-12deg);
}

.product-header .label-sale i {
    color: #FFFFFF;
    font-size: 24px;
}

.logged-in.term-zigarren .product-header,
.logged-in.tax-pa_marke .product-header,
.logged-in.tax-pa_herkunft .product-header,
.logged-in.tax-pa_format .product-header {
    min-height: 101px;
}

.woocommerce ul.products li.product a:not(.zigarrenbild) {
    align-items: flex-start;
}

.woocommerce ul.products li.product a img {
    max-height: 220px;
    width: auto;
    max-width: 100%;
}

.woocommerce .woocommerce-result-count {
    float: none;
}

.woocommerce-ordering select {
    border: none;
    padding: 0;
}

.woocommerce-products-header {
    padding: 30px 15px 0;
    border-bottom: 1px solid #E7E7E7;
    max-width: 100%;
    margin-bottom: 15px;
}

.woocommerce-products-header .berocket_aapf_widget {
    margin-bottom: 0;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 15px;
}

.woocommerce-products-header .berocket_aapf_selected_area_hook .berocket_aapf_widget_selected_filter {
    padding-right: 15px;
}

.woocommerce-products-header .berocket_aapf_selected_area_hook .berocket_aapf_widget_selected_filter ~ ul {
    padding-top: 27px;
    font-style: italic;
    font-weight: 500;
}

.woocommerce-products-header .berocket_aapf_selected_area_hook .berocket_aapf_widget_selected_filter span {
    font-weight: 700;
}

input.checkbox_44pa_staerke ~ label:after {

}

input.checkbox_44pa_staerke[data-term_slug="1"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_staerke_1.jpg');
}

input.checkbox_45pa_staerke[data-term_slug="2"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_staerke_2.jpg');
}

input.checkbox_46pa_staerke[data-term_slug="3"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_staerke_3.jpg');
}

input.checkbox_47pa_staerke[data-term_slug="4"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_staerke_4.jpg');
}

input.checkbox_48pa_staerke[data-term_slug="5"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_staerke_5.jpg');
}


input.checkbox_1271pa_aroma[data-term_slug="1"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_aroma_1.jpg');
}

input.checkbox_1272pa_aroma[data-term_slug="2"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_aroma_2.jpg');
}

input.checkbox_125pa_aroma[data-term_slug="3"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_aroma_3.jpg');
}

input.checkbox_55pa_aroma[data-term_slug="4"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_aroma_4.jpg');
}

input.checkbox_72pa_aroma[data-term_slug="5"] ~ label:after {
    content: "";
    position: absolute;
    margin-top: -4px;
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    background-image: url('img/filter_aroma_5.jpg');
}


.woocommerce .products h2, .serie h2 {
    margin-top: 0;
    text-align: left;
    font-size: 20px;
}

.woocommerce .price_archive {

    font-size: 22px;
    margin: 15px 0;
    font-weight: 500;
    color: red;
    display: inline-block;

}

.woocommerce .product_attributes {
    text-align: left;
}

.woocommerce .product_attributes h4 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;

}

.woocommerce .product_attributes span {

}

.woocommerce .products .price {
    text-align: left;
}

.woocommerce-loop-product__title {
    text-align: left;
    margin-top: 0;
    padding: 0 !important;
}

aside .widget:nth-of-type(1) h4 {
    margin-top: 0;
}

.woocommerce-tabs {
    margin-top: 75px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: inherit;
}

.wc-tabs {
    text-align: center;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #EFEFEF;

}

.woocommerce span.onsale {
    background-color: #0FD4DF;
    color: black;
    /*transform:;*/
    -webkit-animation: smallscale 3s ease-in-out infinite;
    -o-animation: smallscale 3s ease-in-out infinite;
    animation: smallscale 3s ease-in-out infinite;
}

@keyframes smallscale {
    0% {
        transform: scale(1.0) rotate(-10deg);
    }
    25% {
        transform: scale(1.2) rotate(0deg);
    }
    50% {
        transform: scale(1.0) rotate(-10deg);
    }
    100% {
        transform: scale(1.0) rotate(-10deg);
    }
}

.woocommerce-product-details__short-description {
    margin-top: 25px;
    font-size: 18px;
}

.product_meta {
    font-size: 14px;
    margin-top: 30px;
}

.product_meta > span {
    display: block;
}

.summary .woocommerce-Price-amount {
    font-size: 24px;
}

.summary .price del .woocommerce-Price-amount {
    position: absolute;
    font-size: 16px;
    top: -20px;
    text-decoration: line-through;
    opacity: 0.9;
}

.summary .price del + ins {

}

.quantity input {
    height: 38px
}

.quantity input:hover,
.quantity input:focus,
.canvas-products input.plus:hover,
.canvas-products input.plus:focus,
.canvas-products input.minus:hover,
.canvas-products input.minus:focus {
    background-color: #0FD4DF;
}

.canvas-products input.count{
    width: 2em;
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
}

form.cart button[type="submit"] {
    font-size: 12px !important;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="button"].plus,
input[type="button"].minus {
    border: 0;
}

input[type="button"].plus:hover,
input[type="button"].minus:hover {
    cursor: pointer;
}

.variations-table-label-row span {
    font-weight: bold;
}

.variations-table-row .einheit {
    font-weight: bold;
}

.woocommerce .quantity .qty {
    width: 2em;
    padding: 0;
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    min-height: 700px;
}

.woocommerce div.product div.images img {
    max-height: 533px;
    object-fit: contain;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    max-height: 100px;
    object-fit: contain;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
    border: none;
}

.staerke_opacity {
    opacity: 0.3;
}

div.staerke-icon-wrapper {
}

img.staerke-icon {
    width: 20px;
    margin-right: 5px;
}

.small_shop,
.small_shop:link,
.small_shop:active,
.small_shop:focus,
.small_shop:visited,
.add_to_cart button {
    color: black;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

.small_shop:hover {
    color: inherit;
}

.woocommerce ul.products {
    margin-top: 45px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.woocommerce .serie ul.products {
    padding: 0 15px;
}

.woocommerce .serie ul.products li.product {
    flex: 0 1 30%;
}

.woocommerce .related ul.products li.product {
    flex: 0 1 30%;
}

.woocommerce ul.products li p.price-range {
    text-align: left;
}

body.woocommerce {

}

.woocommerce ul.products li.product {
    padding: 20px 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.woocommerce ul.products li.product .product_attributes > .row > div:nth-child(2n) {
    padding-right: 0;
}

.woocommerce ul.products li.product .col-12 {
    padding-right: 0;
}

.woocommerce .serie ul.products li.product .row,
.woocommerce .related ul.products li.product .row {
    margin: auto;
}

.woocommerce .serie ul.products li.product .col-12,
.woocommerce .related ul.products li.product .col-12 {
    padding-right: 15px;
}

.home .woocommerce ul.products.columns-3 li.product {
}

.woocommerce ul.products li.product:hover {

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    border-radius: unset;
}

.woocommerce #reviews #comment {
    height: 50px;
    min-height: 50px;
}

.single-product #commentform {
    margin-bottom: 0;
}

.woocommerce-ordering {
    clear: both;
}

.woocommerce-result-count {
    display: inline-block;

}

.woocommerce aside .widget {
    padding: 10px;
    border-radius: 3px;
}

.woocommerce aside .widget h4 {
    margin: 0;
}

.add_to_cart_inline {
    border: none;
}

.preis_warenkorb_archiv {
    margin-top: 25px;
}

.preis_warenkorb_archiv .amount {
    font-weight: 700;
    color: #0FD4DF;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: inline;
}

.preis_warenkorb_archiv button {
    display: block;
}

.woocommerce ul.products li.product a.zigarrenbild {
    overflow: hidden;
}

.woocommerce ul.products li.product a.zigarrenbild img {
    max-height: 78px;
    max-width: 125%;
    width: auto;
}

.woocommerce.term-geschenke ul.products li.product a.zigarrenbild img {
    max-height: 220px;
}

.woocommerce ul.products li.product a.zigarrenbild.flexcenter {
    align-items: flex-start;
}

.serie li {
    list-style-type: none;
}

.serie {
    padding-bottom: 25px;
    padding-top: 75px;
}

/* Stärke */

#woocommerce_layered_nav-3 ul,
#woocommerce_layered_nav-4 ul {
    margin-top: 10px;
}

.wc-layered-nav-term span {
    font-size: 12px;
    opacity: 0.7;
    margin: -5px 0;
}

.woocommerce-widget-layered-nav-list li {
    display: inline-block;
    padding: 0 5px 5px 0;

}

#woocommerce_layered_nav-2 ul li {
    display: block;
}

.woocommerce form .form-row {
    padding: 0;
}

.woocommerce-checkout form.woocommerce-checkout {
    margin-bottom: 100px;
}

.woocommerce form .form-row:not(.place-order) {
    min-height: 46px;
    margin: 0;
}

.woocommerce-checkout form .woocommerce-terms-and-conditions-wrapper .form-row {
    border: none;
    min-height: unset;
    margin: unset;
}

.cart-collaterals .woocommerce-shipping-destination {
    display: none;
}

.woocommerce form .form-row label:not([for="user_login"]) {
    display: none;
}

.woocommerce form .form-row label.checkbox:not([for="user_login"]) {
    display: inline;
}

.woocommerce-ResetPassword.lost_reset_password p:last-of-type {
    margin-top: 15px;
}

.woocommerce form .form-row span {
    width: 100%;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    width: unset;
    transform: translateX(95%);
}

.woocommerce-checkout textarea {
    min-height: 86px;
}

.woocommerce-checkout input:not([type='range']),
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    border: none;
    border-bottom: 1px solid #989898;
    border-radius: unset;
    transition: 250ms ease-in-out;
    color: #444444;
    padding: 8px 6px;
    margin-bottom: 5px;
}

.woocommerce-checkout input[type='radio'] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    position: relative !important;
    background-color: #F1F1F1 !important;
    color: #666666 !important;
    top: 10px !important;
    height: 20px !important;
    width: 20px !important;
    border: 0 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    margin-right: 7px !important;
    outline: none !important;
    margin-top: -22px !important;
    vertical-align: middle !important;
}

.woocommerce-checkout input[type='radio']:checked::before {
    position: absolute !important;
    font: 13px/1 'Open Sans', sans-serif !important;
    left: 6px !important;
    top: 2px !important;
    content: '\02143' !important;
    transform: rotate(40deg) !important;
}

.woocommerce-checkout input[type='radio']:hover {
    background-color: #F7F7F7 !important;
}

.woocommerce-checkout input[type='radio']:checked {
    background-color: #0FD4DF !important;
}

.woocommerce-checkout input[type='radio'] ~ label {
    color: #666666 !important;
    cursor: pointer !important;
}

.woocommerce-checkout input[type='checkbox'] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    position: relative !important;
    background-color: #F1F1F1 !important;
    color: #666666 !important;
    top: 10px !important;
    height: 20px !important;
    width: 20px !important;
    border: 2px solid #0FD4DF !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    margin-right: 7px !important;
    outline: none !important;
    margin-top: -22px !important;
    vertical-align: middle !important;
}

.woocommerce-checkout .woocommerce-invalid input[type='checkbox'] {
    border: 2px solid red !important;
}

.woocommerce-checkout input[type='checkbox']:checked::before {
    position: absolute !important;
    font: 13px/1 'Open Sans', sans-serif !important;
    left: 4px !important;
    top: 0px !important;
    content: '\02143' !important;
    transform: rotate(40deg) !important;
}

.woocommerce-checkout input[type='checkbox']:hover {
    background-color: #F7F7F7 !important;
}

.woocommerce-checkout input[type='checkbox']:checked {
    background-color: #0FD4DF !important;
}

.woocommerce-checkout input[type='checkbox'] ~ label {
    color: #666666 !important;
    cursor: pointer !important;
}

/* disable "... marken" on sales */
body.term-aktionen .custom-filter [data-id='4493'],
body.term-aktionen .custom-filter [data-id='5980'],
body.term-aktionen .custom-filter [data-id='8507'],
body.term-aktionen .custom-filter [data-id='8508'],
body.term-aktionen .custom-filter [data-id='9166'],
body.term-aktionen .custom-filter [data-id='8303'],
body.term-aktionen .custom-filter [data-id='8246'],
body.term-aktionen .custom-filter [data-id='5980'] {
    display: none!important;
}
/* only show marke on sales page */
/*body:not(.term-aktionen) .custom-filter [data-id='19663']{
    display: none!important;
}*/


.custom-filter input[type='checkbox'] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    position: relative !important;
    background-color: #F1F1F1 !important;
    color: #666666 !important;
    top: 10px !important;
    height: 20px !important;
    width: 20px !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    margin-right: 7px !important;
    outline: none !important;
    margin-top: -22px !important;
    vertical-align: middle !important;
    margin-bottom: 5px !important;
}

.custom-filter input[type='checkbox']:checked::before {
    position: absolute !important;
    font: 13px/1 'Open Sans', sans-serif !important;
    left: 6px !important;
    top: 2px !important;
    content: '\02143' !important;
    transform: rotate(40deg) !important;
}

.custom-filter input[type='checkbox']:hover {
    background-color: #F7F7F7 !important;
}

.custom-filter input[type='checkbox']:checked {
    background-color: #0FD4DF !important;
}

.custom-filter input[type='checkbox'] ~ label {
    color: #666666 !important;
    cursor: pointer !important;
    vertical-align: top !important;
}


.berocket_single_filter_widget ul.berocket_aapf_widget li:not(.slider) > span {
    margin-top: 2px;
    margin-left: 2px;
}


.woocommerce form .form-row .mc4wp-checkbox label {
    display: block;
}

p.mc4wp-checkbox {
    display: block;
    width: 100%;
}

p.mc4wp-checkbox label input {
    margin-right: 11px;
}

.woocommerce-info {
    border: 1px solid #D3CED2;
    background-color: transparent;
}

.woocommerce-info::before {
    color: #0FD4DF;
}

.woocommerce-error {
    border: 1px solid #B81C23;
    background-color: transparent;
}

.woocommerce-message {
    border: 1px solid #D3CED2;
    background-color: transparent;
}

.woocommerce-message::before {
    color: #0FD4DF;
}

.woocommerce-shipping-totals .woocommerce-shipping-calculator {
    display: none;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    padding: 25px 75px !important;
    font-size: 18px !important;
    max-width: 100% !important;
}

.woocommerce a.button.checkout-button {
    padding: 25px 75px !important;
    font-size: 18px !important;
    max-width: 100% !important;
}

.woocommerce-checkout input:not([type='range']):focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    color: #444444;
    border-bottom: 1px solid #0FD4DF;
    transition: 250ms ease-in-out;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: unset !important;
    color: #444444 !important;
}

.select2-container--default .select2-selection--single:focus {
    outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 400 !important;
    color: #757575 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 13px 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    border-bottom: 1px solid #989898 !important;
    transition: 250ms ease-in-out !important;
    text-align: left !important;
}

.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 0.5 !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:focus,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
    right: 6px !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
    right: 6px !important;
}

.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0 !important;
    right: 6px !important;
}

.select2-dropdown {
    border-radius: unset !important;
    background-color: unset !important;
    margin-top: 15px !important;
    border: 1px solid #989898 !important;
    border-top: none !important;
    width: 503px !important;
}

.woocommerce-edit-address .select2-dropdown {
    width: 866px !important;
    margin-top: 7px !important;
}

.woocommerce-cart .select2-dropdown {
    margin-top: -3px !important;
    width: 321px !important;
}

.woocommerce-cart .select2-dropdown.special-dropdown {
    margin-top: 19px !important;
}

.woocommerce-cart .shipping-calculator-form p:not(.form-row) {
    margin-top: 15px !important;
}

form.woocommerce-ordering select {
    padding: 3px !important;
    border-bottom: 1px solid #989898 !important;
    transition: 250ms ease-in-out !important;
    -webkit-appearance: menulist !important;
}

form.woocommerce-ordering select:focus {
    outline: none !important;
    border-bottom: 1px solid #0FD4DF !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 3px !important;
    border: 1px solid #989898 !important;
    transition: 250ms ease-in-out !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none !important;
    border: 1px solid #0FD4DF !important;
}

.select2-search--dropdown {
    background-color: white !important;
    padding: 0 4px 4px !important;
    margin-top: 8px !important;
}

.select2-results {
    background-color: white !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #0FD4DF !important;
}

.woocommerce-checkout table.shop_table,
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    border-radius: unset;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 5px 0 0;
}

.woocommerce-checkout label[for="payment_method_payrexx"] {
    display: inline;
}

.woocommerce-checkout ul#shipping_method li {
    margin: 0;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border-radius: unset;
}

.archive .product_attributes > .row > div {
    padding-left: 0;
}

.archive .product_attributes > .row {
    margin: 0;
}

.archive .product_attributes > .row > div:nth-child(even) {
    padding-right: 0;
}

.price-range {
    font-size: 16px;
    font-weight: 700;
    color: #33107C;
}

.custom-filter {
    width: 16.666666%;
    max-width: 270px;
    padding-left: 15px;
    float: left;
}

.custom-product-wrapper {
    width: 83.333333%;
    max-width: calc(100% - 270px - 15px);
    float: right;
}

.category-wrapper{
    display: flex;
    justify-content: flex-end;
}

.category-wrapper .custom-product-wrapper{
    float: unset;
    width: 100%;
    max-width: 100%;
}

.filter-title {
    display: none;
}

.berocket_aapf_widget_loading::after {
    z-index: 1 !important;
}


/* Warenkorb Sidebar */

#side-menu {
    width: 300px;
    height: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -320px;
    background: white;
    padding: 15px;
    padding-top: 150px;
    overflow: auto;
    z-index: 99;
    -webkit-box-shadow: rgba(62, 57, 107, 0.36) 0px 16px 38px -12px, rgba(62, 57, 107, 0.12) 0px 4px 25px 0px, rgba(62, 57, 107, 0.2) 0px 8px 10px -5px;
    -moz-box-shadow: rgba(62, 57, 107, 0.36) 0px 16px 38px -12px, rgba(62, 57, 107, 0.12) 0px 4px 25px 0px, rgba(62, 57, 107, 0.2) 0px 8px 10px -5px;
    box-shadow: rgba(62, 57, 107, 0.36) 0px 16px 38px -12px, rgba(62, 57, 107, 0.12) 0px 4px 25px 0px, rgba(62, 57, 107, 0.2) 0px 8px 10px -5px;
}

#side-menu .product_attributes {
    display: none;
}

#side-menu .empty-cart.woocommerce ul.products li.product {
    flex: 0 1 100%;
    padding-top: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#side-menu .empty-cart h2 {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
    color: #333333;
}

#side-menu .empty-cart .button {
    margin-bottom: 0;
}

#side-menu .empty-cart .preis_warenkorb_archiv {
    margin-top: 5px;
}

#side-menu .empty-cart.woocommerce ul.products li.product a.flexcenter {
    align-items: flex-start;
}

.show-side-nav #side-menu {
    right: 0;
}

.show-side-nav .content-wrapper,
.show-side-nav footer,
.show-side-nav #newsletter {
    width: calc(100% - 300px);
}

.content-wrapper, footer, #newsletter {
    width: 100%;
}

.content-wrapper, footer, #side-menu, #newsletter {
    transition: 250ms ease-in-out;
}

#side-menu img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 40px;
    display: block;
}

#side-menu img.pachuche-logo {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 120px;
    display: block;
}

aside h5 {
    display: inline-block;
    margin: 5px 0 5px 0;
    font-size: 16px;
    font-weight: 500;
}

.cart_total {
    margin: 15px 0;
}

a.close-cart {
    position: absolute;
    left: 15px;
    margin-top: -10px;
    font-size: 26px;
    color: #000000;
    opacity: 0.8;
    transform: rotate(-90deg);
    transition: 150ms ease-in-out;
}

a.close-cart:hover {
    opacity: 1;
    transform: rotate(0deg);
}

#side-menu h4 {
    margin-bottom: 15px;
}

#side-menu .products h5 {
    margin-top: 0;
    margin-bottom: 15px;
}

/* My Account */

.woocommerce .col-1,
.woocommerce .col-2 {
    max-width: none;
}

.woocommerce-account .addresses .title h3 {
    float: none;
}

nav.woocommerce-MyAccount-navigation ul {
    border-top: 1px solid #E7E7E7;
    width: 100%;
    max-width: 220px;
}

nav.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 8px 15px;
    border-bottom: 1px solid #E7E7E7;
}

.woocommerce-account .addresses .title .edit {
    float: left;
}

.woocommerce-account .woocommerce {
    margin-bottom: 200px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 78%;
}

.woocommerce-account .tinvwl-table-manage-list td, .woocommerce-account .tinvwl-table-manage-list th {
    padding-right: 0;
}

.woocommerce table.shop_table {
    border-radius: 0;
    border-color: #E7E7E7;
}

.woocommerce table.shop_table th {
    border-bottom: 0;
}

thead th {
    background-color: white;
    border-bottom: 1px solid #E7E7E7;
}

.woocommerce-account .tinv-header h2 {
    margin-top: 0;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table {
    border: 0;
}

/* Hide Invoice Button in My Account */

.woocommerce-account a.woocommerce-button.button.invoice {
    display: none !important;
}

/*inited-add-wishlist*/

.info-box {
    position: absolute;
    pointer-events: none;
    padding: 0 15px 20px;
    opacity: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    transition: 250ms ease-in-out;
    background-color: #F7F7F7;
    top: 100%;
    z-index: 1;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
    text-align: left;
}

.archive .info-box.custom-warenkorb-button, .archive .info-box.wishlist {
    padding-left: 0;
    padding-right: 0;
}

.info-box h5 {
    font-size: 15px;
}

.info-box p {
    font-size: 13px;
}

.info-box span:not(.has-discount) {
    font-weight: 700;
}

.info-box span.stock-count{
    font-size: 8px;
    font-weight: 400;
    text-transform: none;
    display: block;
    line-height: 1.4;
}

.info-box span.not-available {
    font-weight: 300;
    font-size: 70%;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    text-align: center;
    max-width: calc(100% + 30px);
    display: flex;
    align-items: center;
}

.info-box .preis_warenkorb_archiv, .woocommerce ul.products li.product a {
    margin-top: 0 !important;
}

.quantity-text{
    font-size: 14px;
}

.wc-custom-archive-buttons .disable a {
    color: #A1A1A1;
    cursor: help !important;
    position: relative;
}

.wc-custom-archive-buttons .disable {
    cursor: help !important;
}

.wc-custom-archive-buttons .add-to-cart.disable:hover > a {
    color: #A1A1A1 !important;
}

.wc-custom-archive-buttons .disable a::before {
    content: "Momentan nicht verfügbar";
    position: absolute;
    top: calc(100% + 20px);
    border: 1px solid #DEE2E6;
    padding: 7px 15px;
    background-color: #F4F4F4;
    opacity: 0;
    left: -30px;
    right: -30px;
    z-index: -1;
    transition: 250ms ease-in-out;
}

.wc-custom-archive-buttons .add-to-cart.disable:hover > a::before {
    opacity: 1;
    z-index: 3;
}

.wc-custom-archive-buttons a i {
    font-size: 20px;
}

.wc-custom-archive-buttons .wishlist-button:hover > a, .wc-custom-archive-buttons .add-to-cart:hover > a, .wc-custom-archive-buttons .eye:hover > a {
    color: #0FD4DF !important;
}

.wishlist-button > a, .add-to-cart > a, .eye > a {
    transition: 250ms ease-in-out;
    position: relative;
}

.add_to_cart_button {
    width: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.wishlist-button > a, .add-to-cart > a, .eye > a {
    display: block;
    width: 100%;
    position: relative;
}

.wishlist-button > a:after, .add-to-cart > a:after, .eye > a:after {
    content: "";
    position: absolute;
    top: 150%;
    top: calc(100% + 30px);
    width: 30px;
    height: 30px;
    background-color: #F7F7F7;
    opacity: 0;
    left: 10px;
    z-index: -3;
    transform: rotate(45deg);
    transform-origin: center;
    transition: top 50ms, left 250ms ease-in-out, opacity 250ms ease-in-out;
}

.variable .wishlist-button:hover > a:after, .variable .add-to-cart:hover > a:after {
    opacity: 1;
    top: calc(100% + 15px);
    z-index: 1;
}

.wishlist-button > a:after {
    left: 50%;
    left: calc(50% - 45px);
}

.wishlist-button:hover > a:after {
    left: 50%;
    left: calc(50% - 15px);

}

.add-to-cart > a:after {
    left: 50%;
    left: calc(50% + 45px);
}

.add-to-cart:hover > a:after {
    left: 50%;
    left: calc(50% - 15px);
}

.wc-custom-archive-buttons .wishlist-button:hover .info-box.wishlist:not(.no-variation), .wc-custom-archive-buttons .add-to-cart:hover .info-box.custom-warenkorb-button:not(.no-variation) {
    opacity: 1;
    pointer-events: auto;
}

.wc-custom-archive-buttons .add-to-cart .added_to_cart {
    display: none;
}

.wc-custom-archive-buttons .flex-center-left-row {
    width: 100%;
    justify-content: space-between;
}

.wc-custom-archive-buttons .wishlist-button .no-variation .tinv-wraper {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.wc-custom-archive-buttons .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    width: 16px;
    height: 16px;
}

.wc-custom-archive-buttons .add-to-cart .woocommerce #respond input#submit::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce a.button::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce a.button p.add_to_cart_p::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce button.button::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce input.button::after {
    font-family: 'Font Awesome 5 Pro';
    font-display: swap;
    content: "\f217";
    color: #444444 !important;
    position: absolute;
    left: -7px;
    top: -2px;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    font-size: 13px;
    margin: auto;
    font-weight: 400;
}

.woocommerce a.button.product_type_variation {
    padding: 15px 5px;
}

.woocommerce .variation > div.row {
    padding: 5px 15px;
}

.woocommerce a.button.product_type_variation > div.row {
    padding: 0;
}

.archive .info-box > div.variation {
    padding: 0 15px;
}

.info-box > div.variations-titel div.row > div {
    padding-right: 0;
}

.archive .info-box > div.variations-titel div.row > div:nth-child(2),
.archive .info-box > div.variations-titel div.row > div:nth-child(3) {
    padding-left: 0;
}

.archive .info-box > div.variation div.row > div {
    padding-left: 0;
}

.home .info-box > div.variation div.row > div {
    padding-right: 0;
}

.info-box > div.variation div.row > div p {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    font-size: 15px;
}

.info-box a.link.cart-link,
.info-box a.link.wishlist-link {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 500;
    color: #0FD4DF;
    font-size: 15px;
}

.woocommerce a.button.product_type_variation.added::after {
    position: absolute;
    right: 15px;
    top: 20px;
    font-family: WooCommerce;
    font-display: swap;
    content: '\e017';
    margin-left: .53em;
    vertical-align: bottom;
}

.woocommerce a.button.loading::before {
    font-family: WooCommerce;
    font-display: swap;
    content: '\e01c';
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    right: 15px;
    top: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.wc-custom-archive-buttons .add-to-cart .woocommerce .button {
    background-color: transparent !important;
    color: transparent !important;
    position: relative;
    width: 24.5px;
    height: 25px;
    border: none !important;
    font-size: 0 !important;
    vertical-align: text-top;
    padding: 0 !important;
}

.wc-custom-archive-buttons .add-to-cart p, .wc-custom-archive-buttons .wishlist p {
    min-height: 26px;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
    font-size: 25px;
}

.wc-custom-archive-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::after, .wc-custom-archive-buttons .add-to-cart .woocommerce .button:before {
    content: "Zur Wunschliste hinzufügen";
    pointer-events: none;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-display: swap;
    font-weight: 300;
    width: 150px;
    background-color: grey;
    position: absolute;
    top: -30%;
    color: white;
    font-size: 12px;
    display: block;
    padding: 5px 15px;
    left: 120%;
    opacity: 0;
    line-height: 1.3;
    transition: 250ms 0ms ease-in-out;
}

.wc-custom-archive-buttons .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-make-remove.tinvwl-icon-heart.no-txt::after {
    content: "Aus der Wunschliste entfernen";
}

.wc-custom-archive-buttons .add-to-cart .woocommerce .button:before {
    content: "Dem Warenkorb hinzufügen";
}

.wc-custom-archive-buttons .add-to-cart .woocommerce:hover .button:before, .wc-custom-archive-buttons .tinv-wishlist:hover .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::after {
    opacity: 1;
    transition-delay: 500ms;
}

.wc-custom-archive-buttons .add-to-cart .woocommerce #respond input#submit.loading::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce a.button.loading::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce button.button.loading::after,
.wc-custom-archive-buttons .add-to-cart .woocommerce input.button.loading::after {
    animation: loading 0.3s backwards !important;
}

@keyframes shakeIt {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.wc-custom-archive-buttons span.cart-info {
    font-size: 11px;
    position: absolute;
    bottom: -4px;
}

.wc-custom-archive-buttons .count-variation {
    position: absolute;
    top: 9px;
    left: 31px;
    font-size: 10px;
}

.wishlist-button .fas {
    position: relative;
    top: 4px;
    display: none;
}

.wishlist-button.added .fas {
    display: block;
}

.wishlist-button.added .far {
    display: none;
}

/*
.wc-custom-archive-buttons{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 10px;
}
*/

.wc-custom-archive-buttons > div {
    width: 33%;
    padding-bottom: 20px;
    padding-top: 5px;
    text-align: center;
}

.wc-custom-archive-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 15px;
}

.wc-custom-archive-buttons a {
    cursor: pointer;
    color: #444444;
}

.wc-custom-archive-buttons a.has-variations {
    cursor: auto;
}

.variations-titel, .variation, .variation-single, .no-variation {
    width: 100%;
}

.wc-custom-archive-buttons a.link {
    color: blue;
}

.wc-custom-archive-buttons p {
    margin-bottom: 5px;
}

.wc-custom-archive-buttons .woocommerce a {
    margin-bottom: 0px !important;
}

.wc-custom-archive-buttons .preis_warenkorb_archiv .amount {
    display: none;
}

.outOfStock a:not(.link),
.wc-custom-archive-buttons .add-to-cart.outOfStock .woocommerce #respond input#submit::after,
.wc-custom-archive-buttons .add-to-cart.outOfStock .woocommerce a.button::after,
.wc-custom-archive-buttons .add-to-cart.outOfStock .woocommerce button.button::after,
.wc-custom-archive-buttons .add-to-cart.outOfStock .woocommerce input.button::after,
.wc-custom-archive-buttons .add-to-cart.outOfStock:hover > a {
    color: red !important;
    cursor: default !important;
}

.nav-shop-icons ul {
    overflow: visible;
}

.navi-warenkorb {
    position: relative;
}

.different-products {
    position: absolute;
    bottom: 15px;
    left: 30px;
    font-size: 13px;
    background-color: #0FD4DF;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    text-align: center;
}

.different-products.pulse {
    animation: pulse 0.5s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }

}

.canvas-products {
    overflow: hidden;
}

.canvas-product {
    position: relative;
    transition: 250ms ease-in-out;
    opacity: 0;
    animation: 1s fadeLeft forwards;
}

@keyframes fadeLeft {
    from {
        transform: translateX(90px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

.remove-item {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
}

.remove-item span, .remove-item span:before, .remove-item span:after {
    content: "";
    position: absolute;
    background-color: red;
    height: 3px;
    width: 15px;
    top: 10px;
    top: calc(50% - 1.5px);
    left: 0;
    left: calc(50% - 7.5px);
    transition: 250ms 150ms ease-out;
}

.remove-item.fadeAway span:before, .remove-item.fadeAway span:after {
    width: 0px;
}

.remove-item span:before {
    transform: rotate(45deg);
}

.remove-item span:after {
    transform: rotate(-45deg);
}

.remove-item span {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    cursor: pointer;
}

.canvas-product.item-removed.fadeOut {
    animation: fadeOut 750ms both;
    animation-delay: 2501ms;
}

.canvas-product.fadeOut {
    animation-fill-mode: both;
    animation-delay: 1001ms;
}

.fadeOut {
    animation: fadeOut 250ms forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    99% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(0);
        cursor: default;
        pointer-events: none;
    }
}

.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading {
    opacity: 0.8;
    pointer-events: none;
}

.loading:not(.add_to_cart_button) {
    position: relative;
}

.loading:not(.add_to_cart_button):after, .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    background-color: rgba(247, 247, 247, 0.5);
    -webkit-animation: none;
    animation: none;
}

.loading:not(.add_to_cart_button):before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    top: calc(50% - 12.5px);
    left: 50%;
    left: calc(50% - 12.5px);
    background-color: transparent;
    border: 5px solid;
    border-radius: 50%;
    border-top-color: rgba(43, 43, 43, 0.6);
    border-right-color: rgba(43, 43, 43, 0.5);
    border-bottom-color: rgba(43, 43, 43, 0.4);
    border-left-color: rgba(43, 43, 43, 0.2);
    z-index: 1;
    animation: spin 0.5s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Newsletter */
#newsletter {
    text-align: center;
}

/* Single View Shop */

.single-product .summary h2 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #DEE2E6;
}

.single-product .variations-table {
    padding-bottom: 18px;
    border-bottom: 1px solid #DEE2E6;
    margin-bottom: 18px;
}

.single-product .variations-table > div:last-child {
    margin-bottom: 0;
}

.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
    border-top: 1px solid #DEE2E6;
    padding-top: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    min-height: 200px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    height: 100%;
    min-height: 200px;
}

.single-product .variations-table .variations-table-row > div {
    display: flex;
    align-items: center;
}

.single-product .variations-table .variations-table-row p {
    margin-bottom: 0;
}

.checked span {
    color: #0FD4DF;
}

.checked h3 > span::before {
    font-family: "Font Awesome 5 Pro";
    font-display: swap;
    content: "\f0b0";
    padding-right: 5px;
    color: #0FD4DF;
}

.has-discount {
    font-weight: 400;
    position: relative;
    display: inline-block;
}

.single-product .variations-table .variations-table-row > div .has-discount {
    display: block;
}

.has-discount::before {
    content: "";
    left: 2%;
    right: 1%;
    height: 2px;
    background-color: red;
    position: absolute;
    transform: rotate(-4deg);
    top: 50%;
}


.woocommerce div.shop_attributes {
    width: 50%;
    width: calc(50% - 45px);
    float: left;
    padding: 15px;
    border-top: 1px solid #DEE2E6;
}

.woocommerce div.shop_attributes p a {
    display: flex;
    align-items: center;
}

.woocommerce div.shop_attributes div {
    padding-bottom: 15px;
}

.woocommerce div.shop_attributes h5 {
    margin-top: 10px;
    margin-bottom: 0;
    word-wrap: break-word;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: gray;
}

.woocommerce div.shop_attributes p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0;
}

.image-wrapper {
    position: relative;
}

.massstab-image-wrapper {
    position: relative;
}

.massstab-image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('img/massstab.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.serie {
    border-top: 1px solid #DEE2E6;
}

.related {
    border-top: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-color: #DEE2E6;
}

span.aroma img {
    height: 18px!important;
    width: auto!important;
}

.single-product #tab-fragen p, .single-product #tab-fragen h2 {
    position: relative;
    z-index: 2;
    background-color: white;
}

.single-product #tab-fragen p {
    margin-bottom: 0;
    padding-bottom: 15px;
}

.single-product #tab-fragen h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    padding-top: 1.5em;
}

.single-product .fade-in-down, .single-product .frm_submit.fade-in-down, .single-product .frm_error.fade-in-down {
    margin-bottom: 25px !important;
    display: block !important;
    animation-duration: 500ms;
}

#field_qoojv {
    background-color: white;
    position: relative;
    z-index: 1;
    width:100%;
    margin-top:25px;
}

.single-product #field_qoojv + .frm_error {
    top: 0;
}

.single-product .fade-out-up, .single-product .frm_submit.fade-out-up, .single-product .frm_error.fade-out-up, .frm_style_formidable-style.with_frm_style .form-field.fade-out-up {
    overflow: hidden;
    margin-bottom: 0;
    display: block !important;
    animation-duration: 500ms;
}

.fade-out-up {
    animation: 1s fadeOutUp forwards;
}

.no-animation {
    animation: 0s noAnimation !important;
}

@keyframes fadeOutUp {
    from {
        transform: translateY(0px);
        opacity: 1;
        max-height: 60px;
    }
    to {
        transform: translateY(-90px);
        opacity: 0;
        max-height: 0;
    }
}

.fade-in-down {
    animation: 1s fadeDown forwards;
}

@keyframes fadeDown {
    from {
        transform: translateY(-90px);
        opacity: 0;
        max-height: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
        max-height: 250px;
    }
}

/* Filter */

#filter-sidebar {
    padding-right: 30px;
}

.berocket_single_filter_widget > div {
    border-bottom: 1px solid #E7E7E7;
}

.berocket_aapf_widget-title_div {
    display: flex;
    align-items: center;
}

h3.berocket_aapf_widget-title {
    margin: 0;
}

#filter-sidebar .berocket_aapf_widget {
    margin-bottom: 0;
    margin-right: 0;
}

#filter-sidebar .berocket_aapf_widget .berocket_checkbox_color label span.berocket_color_span_block,
#filter-sidebar span.berocket_color_span_block {
    border: 0;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: scale(0.9);
    opacity: 0.65;
}

.berocket_aapf_widget .berocket_checkbox_color span input[type="checkbox"] {
    display: none !important;
}

#filter-sidebar .berocket_aapf_widget .berocket_checkbox_color label span.berocket_color_span_block:hover,
#filter-sidebar .berocket_aapf_widget .berocket_checkbox_color label span.berocket_color_span_block:focus,
#filter-sidebar .berocket_aapf_widget .berocket_checkbox_color label.berocket_checked span.berocket_color_span_block,
#filter-sidebar span.berocket_color_span_block:hover {
    transform: scale(1);
    opacity: 1;
}

/* Misc Woocommerce */

.archive.woocommerce ul.products li.product .col-12 {
    padding-right: 0;
}

.woocommerce img.attribute-thumbnail,
.woocommerce ul.products li.product a img.attribute-thumbnail {
    height: 25px;
    max-width: 100%;
    width: 25px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom;
    object-fit: contain;
}

.woocommerce img.attribute-thumbnail.attribute-thumbnail-herkunft {
}

.woocommerce .product_attributes h4 {
    color: grey;
    text-align: left;
}

.woocommerce .product_attributes .col-6 {
    display: flex;
    align-items: center;
}

.woocommerce .product_attributes .col-6:nth-child(3),
.woocommerce .product_attributes .col-6:nth-child(4) {
    flex-direction: column;
    align-items: flex-start;
}

.subheader-wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    min-height: 400px;
    height: 400px;
}

.subheader-wrapper h1 {
    margin: 0;
}

.category_background {
    background-position: center;
    background-size: cover;
}

.subheader-shop {
    background-color: #F7F7F7;
}

.category_background .subheader-shop {
    background-color: rgba(0, 0, 0, 0.15);
}

.category_background .subheader-shop h1 {
    color: #FFFFFF;
}

.subheader-shop img {
    margin-top: 50px;
}

.beitragsreihe h2 {
    margin-top: 0;
}

.beitragsreihe img {
    height: 250px;
    width: 100%;
    max-width: 360px;
    object-fit: cover;
    object-position: center;
}

.woocommerce-edit-account legend {
    padding-top: 50px;
    font-weight: 700;
}

.woocommerce-edit-address .woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce .category-wrapper .woocommerce-products-header {
    display: none;
}

.woocommerce .category-wrapper .custom-product-wrapper{
    max-width: 1600px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.woocommerce .category-wrapper .custom-product-wrapper > div:not(.spacer) {
    max-width: calc(100% - 270px - 15px);
    width: 83.333333%;
} 

.woocommerce .category-wrapper .spacer{
    width: 16.666666%;
    max-width: 270px;
    padding-left: 15px; 
}

.woocommerce .category-wrapper ul.products{
    justify-content: flex-start;
    gap: 15px;
}

.woocommerce .category-wrapper ul.products::before{
    content: unset;
    display: none!important;
}

.woocommerce .category-wrapper ul.products li.product {
    padding: 0px;
    width: auto;
    flex: unset;
    margin: unset;
}

.woocommerce .category-wrapper ul.products li.product a {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.woocommerce .category-wrapper ul.products li.product img {
    display: none;
    width: 80%;
    max-width: 200px;
}

.woocommerce .category-wrapper ul.products li.product  h2 {
    text-align: center;
    padding: 15px 30px;
    background-color: #f7f7f7;
}

.woocommerce .category-wrapper ul.products li.product.title-cat h2{
    background-color: transparent;
}

.woocommerce .category-wrapper {
    width: 100%;
    max-width: 100%;
    float: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 40%;
}

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
    min-width: 32px;
    max-width: 140px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: auto;
    box-shadow: none;
}

.berocket_aapf_widget_show {
    transition: 250ms ease-in-out;
}

.woocommerce-edit-account .woocommerce form .form-row label {
    display: inline-block;
}

.woocommerce-edit-account .woocommerce form p:not(:first-child):not(:nth-child(2)).form-row,
.woocommerce-edit-account .woocommerce form fieldset .form-row {
    margin-top: 10px;
}

.woocommerce-edit-account .woocommerce button.button {
    margin-top: 15px;
}

.woocommerce form.login .form-row label,
.woocommerce form.register .form-row label {
    display: inline-block;
}

.woocommerce form.login .form-row button,
.woocommerce form.login .form-row label.woocommerce-form__label-for-checkbox {
    margin-top: 15px;
    padding-top: 5px;
}

.woocommerce form.login .form-row label.woocommerce-form__label-for-checkbox {
    display: block;
}

.woocommerce form.login > .form-row:nth-last-of-type(2) {
    flex-direction: column;
    align-items: flex-start;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin-right: 0;
}

.woocommerce form.login p.lost_password {
    margin-top: 15px;
}

.woocommerce form.register .woocommerce-privacy-policy-text {
    margin-top: 15px;
}

.woocommerce form.login p:nth-child(2).form-row,
.woocommerce form.register p:nth-child(2).form-row,
.woocommerce form.register p:nth-child(3).form-row {
    margin-top: 10px;
}

.product-pagination-wrapper {
    position: relative;
}

.product-pagination-wrapper > div.product-pagination {
    position: absolute;
    top: -150px;
    right: 30px;
}

.product-pagination-wrapper > div.product-pagination + div.product-pagination {
    right: unset;
    left: 30px;
}

.product-pagination a div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    color: #000000;
}

.product-pagination a img {
    height: 50px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

.product-pagination-wrapper > div.product-pagination + div.product-pagination a div {
    align-items: flex-start;
}

.product-pagination.zigarren a img {
    transform: scaleX(-1);
}

.product-pagination-wrapper > div.product-pagination.zigarren + div.product-pagination.zigarren a img {
    transform: unset;
}

.product-pagination a span {
    font-family: Montserrat, sans-serif;
    font-display: swap;
    font-weight: 700;
}

.lieferfrist {
    padding-bottom: 25px;
}

.pswp__img {
    height: auto !important;
}

.pswp__bg {
    background-color:#fff;
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color:#000;
}

.pswp__button, 
.pswp__button--arrow--left::before, 
.pswp__button--arrow--right::before {
    background-image: url(img/default-skin.png?v=3);
}


/* WooCommerce reCaptcha */

div.g-recaptcha {
    margin-top: 15px;
}

div:not(.wp-playlist) > div:not(.mejs-container-fullscreen) > div > .mejs-mediaelement {
    background-color: #FFFFFF !important;
}

.wp-playlist {
    border: none !important;
}

.container-small {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1200px) {

    .container-small.text-only {
        max-width: 760px;
    }

}

/*
|    8.5. Flex-Content
*/

.single-landingpages footer, .page-template-default footer {
    margin: 0;
    z-index: 2;
}

.flex-rounded-top,
.flex-rounded-bottom {
    position: relative;
    z-index: 2;
}

.flex-rounded-top::before {
    content: "";
    right: -200px;
    top: -45px;
    left: -200px;
    background-color: white;
    z-index: 2;
    height: 125px;
    position: absolute;
    transform: translateY(-45px);
    border-bottom-left-radius: 80%;
    border-bottom-right-radius: 80%;
}

.woocommerce-checkout .flex-rounded-top::before,
.woocommerce-cart .flex-rounded-top::before {
    content: none;
}

.flex-rounded-bottom::after {
    content: "";
    right: -200px;
    bottom: -120px;
    left: -200px;
    background-color: white;
    z-index: 2;
    height: 125px;
    position: absolute;
    transform: translateY(-45px);
    border-top-left-radius: 80%;
    border-top-right-radius: 80%;
}

.flexcontent-wrapper > div:last-child:not(.newsletter-active)::after {
    content: none;
}

.flexcontent-wrapper > div:first-child::before {
    content: none;
}

body:not(.blog):not(.kontakt):not(.ueber-uns) .flex-rounded-bottom + div {
    margin-top: 100px;
}

.text-only .flex-center > h1:first-child,
.text-only .flex-center > h2:first-child,
.text-only .flex-center > h3:first-child,
.text-only .flex-center > h4:first-child,
.text-only .flex-center > h5:first-child,
.text-only .flex-center > h6:first-child {
    margin-top: 0;
}

.background-overlay {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.flexcontent-wrapper {
    height: 100%;
}

.flexcontent-wrapper > div:first-child {
    margin-top: 50px;
}

.flex-bild-desc {
    font-style: italic;
    font-size: 14px;
    color: #AAAAAA;
    text-align: center;
}

.gallery .flex-bild-desc {
    width: 350px;
}

.flex-margin-top {
    margin-top: 100px;
}

.flex-margin-bottom {
    margin-bottom: 100px;
}

.flexcontent-wrapper .text-only p {
    text-align: justify;
}

.flexcontent-wrapper .full-bild {
    min-height: 700px;
    height: 700px;
    object-fit: cover;
    width: 100%;
}

.flexcontent-wrapper .gallery img {
    width: 350px;
    max-width: 100%;
    height: 350px;
    max-height: 100%;
}

.flexcontent-wrapper .gallery a {
    text-decoration: none;
}

.flexcontent-wrapper .zwei-spalten .text-spalte {
    text-align: justify;
    width: 100%;
}

.flexcontent-wrapper .zwei-spalten h1,
.flexcontent-wrapper .zwei-spalten h2,
.flexcontent-wrapper .zwei-spalten h3,
.flexcontent-wrapper .zwei-spalten h4,
.flexcontent-wrapper .zwei-spalten h5,
.flexcontent-wrapper .zwei-spalten h6 {
    margin-top: 0;
    text-align: left;
}

.flexcontent-wrapper .zwei-spalten h3 {
    margin-top: 0;
    text-align: left;
}

.flexcontent-wrapper .zwei-spalten img {
    max-height: 320px;
    text-align: center;
}

.flexcontent-wrapper .produkte p {
    margin-bottom: 10px;
    font-weight: bold;
}

.flexcontent-wrapper .produkte p.normal-price {
    margin-bottom: 15px;
}

.flexcontent-wrapper .produkte img {
    object-fit: contain;
    max-width: 100%;
}

.flexcontent-wrapper .produkte .price .strikethrough {
    text-decoration: line-through;
    font-size: 0.9em;
}

.flexcontent-wrapper .form-wrapper, .flexcontent-wrapper .cta-wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    min-height: 700px;
    height: 700px;
}

.flexcontent-wrapper .formular .frm_style_formidable-style.with_frm_style .frm_submit button {
    margin: 0;
    line-height: 1;
    position: relative;
    text-decoration: none;
    overflow: visible;
    left: auto;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    font-family: inherit;
    outline: none;
}

.flexcontent-wrapper .form-wrapper .frm_error_style p:before {
    top: 2px;
}

.flexcontent-wrapper .form-wrapper .frm_error_style p {
    border-radius: unset;
    margin-bottom: 0;
}

.flexcontent-wrapper .form-wrapper .frm_style_formidable-style.with_frm_style .frm_error_style {
    background-color: unset;
    border: none;
    max-width: 100%;
}

.flexcontent-wrapper .form-wrapper .with_frm_style .frm_error_style {
    padding: 0;
}

.flexcontent-wrapper .form-wrapper input {
    box-shadow: none !important;
}

.frm_verify {
    display: none;
}

#side-menu .free-gift {
    padding: 10px;
    border: 1px solid #D3CED2;
}

#side-menu .free-gift .button {
    margin: 0 !important;
}

.woocommerce a.add_to_cart_button {
    margin-bottom: 0;
}

.archive .info-box > div.variation {
    margin-bottom: 15px;
}

.home__produkte.woocommerce ul.products {
display: block;

}

.home__produkte.woocommerce ul.products li.product {
    clear: unset;
    margin: 0 15px !important;
}

button.slick-arrow i {
    color: black;
    font-size: 35px;
}

button.slick-next, 
button.slick-prev {
    width: unset;
    height: unset;
    z-index: 10;
}

button.slick-next::before, 
button.slick-prev::before {
    content: "";
}

img.staerke-icon {
    display: inline-block !important;
}

.slick-list {
    overflow: unset !important;
}

.slick-list::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 9999px;
    background-color: #FFFFFF;
    /*background: rgb(255,255,255);*/
    /*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,0) 100%);*/
    z-index: 1;
}

.slick-list::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 9999px;
    background-color: #FFFFFF;
    /*background: rgb(255,255,255);*/
    /*background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,0) 100%);*/
    z-index: 1;
}

.info-box > div.variation {
    margin-bottom: 15px;
    padding: 0 15px;
}

/* PoP-Up */

.modal-header.popup {
    display: inline;
}

.modal-content.fullscreen {
    border-radius:none;
    display:inline;
}

.modal-content a:hover {
    opacity: 1;
}

.modalsubtext {
    width: 100%;
    background-color: white;
    margin-top: -45px;
    padding: 15px;
    font-weight: 800;
    opacity:0.95
}

/* Back in Stock Notification Plugin */

section.cwginstock-subscribe-form .panel-primary > .panel-heading {
    background: linear-gradient(47deg,rgba(34, 0, 79, 1) 0%, rgba(68, 1, 163, 1) 100%);
}

section.cwginstock-subscribe-form .panel-primary > .panel-heading h4 {
    margin-top:10px;
}

#billing_birthday_field label{
    display: block;
}

.woocommerce form .form-row#billing_birthday_field label .required{
    color: #444444;
}

.woocommerce form .form-row#billing_birthday_field.woocommerce-invalid label .required{
    color: var(--wc-red);
}

.info-birthday svg{
    height: 25px;
    width: 25px;
}

.info-birthday{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.woocommerce form .form-row.info-birthday span{
    width: calc((100% - 25px) - 10px);
    font-size: 12px;
}

body.kasse #billing_country_field .select2-container {
  z-index: unset;
}