/* Theme customization starts here
-------------------------------------------------------------- */

/*--------------------------------------------*\
                * HEADER  *
\*--------------------------------------------*/
.header-split #Top_bar a.action_button, .header-split #Top_bar a#header_cart, .header-split #Top_bar .wpml-languages {
    display: inline-block;
}
.header-split #Top_bar .top_bar_right {
     right: 10px !important;
}
.header-split #Header .top_bar_left .menu_right {
  width: 42%;
}
#Top_bar.is-sticky .icon-bag-fine:before {
content: url(/wp-content/uploads/2018/08/shopping-cart_.svg);
}
#Top_bar:not(.is-sticky) .icon-bag-fine:before {
content: url(/wp-content/uploads/2020/12/shopping-cart_w.svg);
}
#Top_bar.is-sticky .menu_wrapper .menu > li > a {
color: #1d1d1b;
}
#Top_bar.is-sticky .menu > li > a:after {
background: #1d1d1b;
}

#Top_bar a#header_cart span {
right: 8px;
top: -16px;
width: 17px;
height: 17px;
font-size: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
    background-color: #db241e !important;
}
@media only screen and (min-width: 768px) {
    #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: 45px !important;
    }
    .header-semi #Top_bar:not(.is-sticky) {
        background-color: rgba(255, 255, 255, 0) !important;
    }
}

#Top_bar .menu > li > a span:not(.description) {
padding: 0px 14px !important;
}
#Top_bar:not(.is-sticky) #logo img {
margin-top: 2px !important;
height: 140px !important;
}
#Top_bar:not(.is-sticky) .menu_left::before {
content:  '';
position:  absolute;
left:  0;
bottom: -5px;
width:  100%;
height:  1px;
background: #ffffff;
}

#Top_bar:not(.is-sticky) ul#menu-main-menu,
#Top_bar:not(.is-sticky) ul#menu-secondary-menu {
/* position: relative; */
}
#Top_bar:not(.is-sticky) .menu > li > a {
padding: 70px 0 0;
}
#Top_bar .menu > li > a {
padding: 70px 0 0;
text-transform: uppercase !important;
}


/*--------------------------------------------*\
            * TYPOGRAPHY  *
\*--------------------------------------------*/

h1, h2 {
letter-spacing: 2px;
margin-bottom: 35px;
text-transform: lowercase;
}
.wso-impressum h2 {
font-size: 42px !important;
line-height: 42px;
}
h3 {
letter-spacing: 1px;
text-transform: lowercase;
margin-bottom: 35px;
}
.trailer_box h2,
.tg-item h3 {
text-transform: none;
}
.wso-special-heading h3:after {
display: block;
position: relative;
top: 10px;
height: 1px;
width: 100%;
background-color: #000000 !important;
content: '';
}
.wso-special-heading h3 {
    display: inline-block;
}
/* h3::after {
content: '';
background: #000000;
width: 20%;
height: 1px;
display: block;
margin: 30px auto 50px auto;
} */



.wso-special-heading h4 {
background-color: white;
top: -14px !important;
position: relative;
display:  inline-block;
padding:  0 20px !important;
text-transform:  uppercase;
font-family: "Roboto Condensed";
font-size: 24px !important;
letter-spacing: 3px;
line-height: 25px;
margin-bottom:  0;
}


/*--------------------------------------------*\
          * BUTTON  *
\*--------------------------------------------*/
a.button.button_size_2 {
font-size: 16px !important;
font-weight: 100;
position: relative;
background-color: transparent;
color: #1d1d1b;
}

a.button.button_size_2::after {
content: '';
width: 0px;
position: absolute;
bottom: 0px;
top: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-o-transition: width .2s ease-in;
transition: width .2s ease-in;
height: 1px;
background-color: #1d1d1b;
text-align: center;
display: inline-block;
left: 50%;
}
a.button.button_size_2:hover::after {
width: 50px;
    -webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-o-transition: width .2s ease-in;
transition: width .2s ease-in;
}
a.button .button_label {
padding: 5px 20px;
}

/*--------------------------------------------*\
          * SECTION BORDER  *
\*--------------------------------------------*/
.wso-border-top.wrap {
border: 1px solid black;
border-width: 1px 0 0 0;
}

/*--------------------------------------------*\
            * SUBHEADER  *
\*--------------------------------------------*/
.wso-subheader-lagen {
background-position: center 35% !important;
}
.wso-subheader::before {
content:  '';
position:  absolute;
top: 0;
left:  0;
width:  100%;
height:  100%;
background-color: rgba(0, 0, 0, 0.1) !important;
}
.wso-subheader {
    /* margin-top: 65px; */
    min-height: -moz-calc(90vh - 100px) !important;
    min-height: -webkit-calc(90vh - 100px) !important;
    min-height: calc(90vh - 100px) !important;
    height: -moz-calc(90vh - 100px) !important;
    height: -webkit-calc(90vh - 100px) !important;
    height: calc(90vh - 100px) !important;
}
.wso-contact-map {
 margin-top: 65px;
}
.wso-subheader:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
-webkit-box-shadow: inset 0px -300px 140px -80px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px -300px 140px -80px rgba(0,0,0,0.35);
box-shadow: inset 0px -300px 140px -80px rgba(0,0,0,0.35);
}
.icon-down-open-big:before {
    content: '' !important;
    position: absolute !important;
    top: 15px !important;
    width: 1px !important;
    height: 30px !important;
    background-color: #fff !important;
    -webkit-transition: transform .2s !important;
    -moz-transition: transform .2s !important;
    transition: transform .2s !important;
    opacity: 1 !important;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    transform: rotate(50deg);
     right: 5px;
}
.section-nav.next:hover .icon-down-open-big:after {
-webkit-transform: translate(1px,0px) rotate(-45deg) !important;
-moz-transform: translate(1px,0px) rotate(-45deg) !important;
transform: translate(1px,0px) rotate(-45deg) !important;
}
.section-nav.next:hover .icon-down-open-big:before {
    -webkit-transform: translate(-1px,0px) rotate(45deg) !important;
    -moz-transform: translate(-1px,0px) rotate(45deg) !important;
    transform: translate(-1px,0px) rotate(45deg) !important;
}
.icon-down-open-big:after {
top: 0px !important;
-webkit-transform: rotate(-30deg) !important;
-moz-transform: rotate(-30deg) !important;
transform: rotate(-50deg) !important;
content: '' !important;
position: absolute !important;
top: 15px !important;
width: 1px !important;
height: 30px !important;
background-color: #fff !important;
-webkit-transition: transform .2s !important;
-moz-transition: transform .2s !important;
transition: transform .2s !important;
opacity: 1 !important;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
left: 13px;
}
.wso-subheader h4, .wso-subheader h3 {
    color: #FFFFFF !important;
}
.wso-subheader h4 {
top: -14px !important;
position: relative;
display: inline-block;
padding: 0 20px !important;
text-transform: uppercase;
font-family: "Roboto Condensed";
font-size: 24px !important;
letter-spacing: 3px;
line-height: 25px;
margin-bottom: 0;
}
.wso-subheader .section_wrapper.mcb-section-inner {
bottom: -70% !important;
}

/*--------------------------------------------*\
            * WOOCOMMERCE *
\*--------------------------------------------*/
.single-product #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-cart #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-account #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-account #Top_bar:not(.is-sticky) .menu_left::before {
background: #1d1d1b !important;
}
.single-product #Top_bar .menu > li > a,
.single-product #Top_bar #menu ul li.submenu .menu-toggle,
.woocommerce-cart #Top_bar .menu > li > a,
.woocommerce-cart #Top_bar #menu ul li.submenu .menu-toggle,
.woocommerce-checkout #Top_bar .menu > li > a,
.woocommerce-checkout #Top_bar #menu ul li.submenu .menu-togglee,
.woocommerce-account #Top_bar .menu > li > a,
.woocommerce-account #Top_bar #menu ul li.submenu .menu-toggle {
color: #1d1d1b !important;
}
.single-product #Top_bar .icon-bag-fine:before,
.woocommerce-cart #Top_bar .icon-bag-fine:before,
.woocommerce-checkout #Top_bar .icon-bag-fine:before,
.woocommerce-account #Top_bar .icon-bag-fine:before {
content: url(/wp-content/uploads/2018/08/shopping-cart_.svg);
}


.tg-wso-product .tg-item-media-inner {
max-height:  517px !important;
min-width: 275px !important;
}
.tg-wso-product img.tg-item-image {
max-height: 517px !important;
width: auto !important;
margin:  0 auto !important;
}
/*.single-product #Content .column.one.woocommerce-content {
padding-top: 170px;
}*/
.post-type-archive-product #Content {
padding-top: 150px;
}
.woocommerce ul.products li.product .onsale {
  display: none;
}
.woocommerce-page ul.products li.product h4 {
    position: relative;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    display: table-cell;
    margin: auto 28px;
    padding: 25px 0 20px;
    text-align: center;
    min-height: 65px !important;
    vertical-align: middle !important;
}
.woocommerce ul.products li.product .price del {
font-size: .5em;
opacity: 1;
}
.woocommerce ul.products li.product a img {
max-height: auto !important;
max-width: 250px !important;
margin: 0px auto !important;
}
.woocommerce .woocommerce-ordering select {
background-color: rgba(255, 255, 255, 0);
border-color: #2a2a2a;
border-width: 0px 0px 1px 0px;
font-size: 18px;
font-weight: 400 !important;
color: #1d1d1d;
    box-shadow: none !important;
}
.woocommerce .woocommerce-ordering select:focus {
background-color: transparent !important;
}
.woocommerce-message.alert.alert_success + .product .wso-intro-section.wso-product-name {
    padding-top: 70px!important;
}
.woocommerce-message.alert.alert_success {
position: absolute;
width: 100%!important;
top: calc(50vh - 100px);
background-color: white !important;
color: #1d1d1b !important;
border-color: #1d1d1b !important;
border-width: 1px 0px !important;
border-style: solid !important;
border-radius: 0px !important;
margin-top: 0px;
margin-bottom:  0 !important;
padding: 0 !important;
z-index: 99!important;
display:  -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-flow: row nowrap;
justify-content: start;
align-items: center;
}
.woocommerce-message.alert.alert_success .alert_wrapper {
padding-left: 0!important;
flex-grow: 1;
padding-right: 30px!important;
}
.woocommerce-message.alert.alert_success a.close {
position: relative;
right: 0;
top: 0;
margin-left: auto;
margin-right: 30px;
}
.alert .alert_icon {
position: relative !important;
font-size: 20px !important;
left: 0 !important;
top: 0 !important;
background: none !important;
border-right: 1px solid rgba(255,255,255,.3) !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.woocommerce-message::before {
display: none !important;
}
.alert_success a, .alert_success a:hover {
color: #1d1d1b;
text-decoration: underline;
}


/*--------------------*\
 * WARENKORB *
\*--------------------*/
.woocommerce-cart table.cart th,
table tr:first-child td,
.woocommerce table.shop_table th {
background: none !important;
font-weight: 300 !important;
border-width: 0 1px 0px 0 !important;
border-color: rgba(0,0,0,.08) !important;
text-align: center !important;
border-style: solid !important;
}
.woocommerce-cart table.cart th {
border-width: 0 1px 0px 0 !important;
}
table tr:first-child td,
.woocommerce table.shop_table th {
border-width: 1px 0px 0px 0 !important;
}
table tr:not(.cart-subtotal):first-child td:not(.product-total):not(.product-thumbnail):not(.product-price):not(.product-quantity):not(.product-subtotal):not(.product-remove) {
    text-align: left !Important;
    }
.woocommerce table.shop_table td {
background: none !important;
}
.button-stroke.woocommerce-page #respond input#submit,
.button-stroke.woocommerce-page a.button,
.button-stroke.woocommerce-page button.button,
.button-stroke.woocommerce-page input.button {
background-image: none;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
font-weight: 300 !important;
font-size: 1em !important;
border: 1px solid #1d1d1b !important;
}
.page-id-473 .woocommerce-Price-amount.amount {
font-weight:  300 !important;
font-size: 20px;
font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
line-height: 1.5em !important;
}
.woocommerce .shop_table .product-name a {
font-weight:  300;
font-size: 20px !important;
}
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
background:  none !important;
border-top:  0 !important;
border-bottom: 1px solid #e5e5e5 !important;
font-weight:  300 !important;
font-size:  20px;
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border: 1px solid #e5e5e5;
border-radius:  0;
border-bottom:  0 !important;
}

/*--------------------*\
   * KASSA *
\*--------------------*/
form.checkout.woocommerce-checkout h3 {
font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
text-transform:  uppercase;
font-size: 30px;
line-height: 35px;
font-weight:  300;
}
.woocommerce form .form-row label {
font-weight: 300;
margin-bottom:  0;
}
.woocommerce-error.alert.alert_error {
background: rgba(165, 222, 92, 0);
color: #1d1d1b;
border-color: #1d1d1b;
border-width: 1px 0px;
border-style: solid;
border-radius: 0px;
padding: 20px 55px 20px 70px!important;
}
.woocommerce-error::before {
display: none;
}
.woocommerce .icon-alert:before {
line-height: 66px;
margin:  0 !important;
}
#order_review .product-total .woocommerce-Price-amount.amount,
#order_review .cart-subtotal .woocommerce-Price-amount.amount {
font-weight: 300 !important;
font-size: 20px;
font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
line-height: 1.5em !important;
}

#order_review .order-total .woocommerce-Price-amount.amount {
font-size: 20px;
font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
line-height: 2.2em !important;
}

#Content .woocommerce {
padding-top: 90px !important;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
border-radius:  0px !important;
border-top:  0 !important;
}

/*--------------------*\
 * MEIN KONTO *
\*--------------------*/
.woocommerce-MyAccount-content .woocommerce-Message {
background: rgba(165, 222, 92, 0) !important;
color: #000 !important;
border-color: black !important;
border-width: 1px 0px !important;
border-style: solid !important;
border-radius: 0px !important;
margin-bottom: 0 !important;
}
a.woocommerce-Button.button {
color: #ae2734 !important;
text-transform:  uppercase;
font-weight: 100;
}
.woocommerce-MyAccount-content .woocommerce-Message--info:before {
background:  transparent;
top: 5px;
}




/*--------------------------------------------*\
            * Global Styling  *
\*--------------------------------------------*/
#Content {
padding-top: 0 !important;
}


.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after,
.wso-intro-video-button img,
.tg-wso-slider .tg-item-media-content,
.tg-wso-slider::before,
.wso-button::after,
.trailer_box h2::after {
-webkit-transition: all .3s ease !important;
   -moz-transition: all .3s ease !important;
     -o-transition: all .3s ease !important;
        transition: all .3s ease !important;
}

@media only screen and (min-width: 960px) {
.wso-two-column-text {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
}
}


.wso-intro-video-button,
.wso-news-date .column_attr,
.wso-slider-skin-video-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/*--------------------------------------------*\
            * The Grid *
\*--------------------------------------------*/
/*----------------------*\
* WSO Skin Elements *
\*----------------------*/

.wso-grid-skin-video-button img {
width: 60px !important;
}

.wso-grid-skin-date {
padding: 4px 13px !important;
}

.tg-wso-client .tg-item-image {
-webkit-background-size: 65% !important;
-moz-background-size: 65% !important;
-o-background-size: 65% !important;
background-size: 65% !important;
}

.wso-client-vertical-all .tg-grid-holder::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
border: 1px solid #ffffff;
box-sizing: border-box;
z-index: 9;
pointer-events: none;
}

.wso-client-vertical-all  .tg-item-inner {
border: 1px solid #f2f2f2;
box-sizing: border-box;
}

.wso-client-vertical-all .tg-wso-client .tg-item-image {
-webkit-background-size: 45% !important;
-moz-background-size: 45% !important;
-o-background-size: 45% !important;
background-size: 45% !important;
}

/*----------------------*\
* Navigation Colors *
\*----------------------*/

.tg-nav-color:not(.dots):not(.tg-dropdown-value):not(.tg-dropdown-title):hover,
.tg-nav-color:hover .tg-nav-color,
.tg-page-number.tg-page-current,
.tg-filter.tg-filter-active span {
color: #1d1d1b !important;
}
.wso-product-grid .tg-grid-area-top1 {
z-index: 10;
}
.wso-product-grid .tg-filter span {
font-size: 19px !important;
font-weight: 300 !important;
line-height: 35px !important;
padding: 5px 15px !important;
}
.wso-product-grid .tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter {
border:  1px solid #1d1d1b;
}
.wso-product-grid .tg-filter-active {
background:  #1d1d1b !important;
color:  white !important;
}
.wso-product-grid .tg-filter-active span.tg-filter-name.tg-nav-color.tg-nav-font {
color:  white !important;
}
.wso-product-grid .tg-dropdown-holder.tg-nav-border.tg-nav-font {
margin-right: 5px;
border: 1px solid #1d1d1b !important;
padding-right: 15px;
padding: 5px 15px !important;
}
.wso-product-grid span.tg-dropdown-title.tg-nav-color.tg-nav-font {
font-size: 19px !important;
font-weight: 300 !important;
line-height: 35px !important;
color: #1d1d1b !important;
}
.wso-product-grid .tg-filters-holder {
margin: 0 !important;
}
.wso-product-grid i.tg-icon-dropdown-open.tg-nav-color.tg-nav-font {
font-size: 20px;
line-height: 35px;
}
.grid-431 .tg-filter.tg-filter-active span {
color:  white !important;
}
.grid-431 .tg-dropdown-item:hover {
color:  white !important;
}
.grid-431 .tg-dropdown-item {
padding: 10px 16px !important;
font-size: 14px !important;
line-height: 18px !important;
}
.tg-dropdown-list.grid-431 {
min-width: 151px !important;
}
.wso-product-grid .tg-ajax-button span.tg-nav-color {
font-size: 19px !important;
font-weight: 300 !important;
line-height: 35px !important;
padding: 0px 10px !important;
}
.wso-product-grid .tg-ajax-button.tg-nav-color.tg-nav-border.tg-nav-font {
border: 1px solid #1d1d1b;
padding: 3px 15px !important;
}
/*.tg-filter:after {
    content: " ";
background: #1d1d1b;
    width: 0;
height: 1px;
display: block;
margin: 10px auto 0;
}
.tg-filter.tg-filter-active:hover:after, .tg-filter:hover:after, .tg-filter-active:after {
    width: 65px;
}
.tg-filter:after {
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
}*/
.tg-slider-bullets li.tg-active-item span {
background: #1d1d1b !important;
}

.tg-filter span,
.tg-ajax-button span {
font-weight: 400 !important;
}

/*----------------------*\
* Navigation Arrows Fix *
\*----------------------*/

.tg-icon-right-arrow:before {
content: "\e602" !important;
}
.tg-icon-left-arrow:before {
content: "\e604" !important;
}

/*----------------------*\
* References Grid *
\*----------------------*/

.tg-wso-references .tg-item-overlay,
.tg-wso-news .tg-item-overlay,
.tg-wso-slider::before {
visibility: visible !important;
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.25) !important;
}

.tg-wso-references:hover .tg-item-overlay,
.tg-wso-news:hover .tg-item-overlay,
.tg-wso-slider:hover::before {
background-color: rgba(0, 0, 0, 0.5) !important;
}
#grid-205 span.tg-nav-color {
position: relative;
color: #333333 !important;
font-weight: 400 !important;
display: inline-block;
z-index: 3;
margin: 35px 28px 0px;
font-size: 18px;
}
.tg-ajax-button-holder {
    margin-bottom: 0px !important;
}


/*--------------------------------------------*\
            * Forms & CF7 *
\*--------------------------------------------*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

}
::-moz-placeholder { /* Firefox 19+ */
opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */

}
:-moz-placeholder { /* Firefox 18- */

}

/*----------------------*\
* Checkbox and Radio *
\*----------------------*/

.wpcf7-list-item {
margin: 5px 5px 0 5px !important;
position: relative;
}

.wpcf7-list-item label {
vertical-align: middle !important;
}

.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::before,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label::before {
width: 25px;
height: 25px;
}

.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
opacity: 0;
float: left;
margin: 0 !important;
cursor: pointer;
}

.wpcf7 input[type="radio"] + .wpcf7-list-item-label {
width: auto;
}

.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label {
margin: 0 ;
position: static;
vertical-align: middle !important;
display: inline-block !important;
cursor: pointer;
padding: 0 15px 0 10px;
}

.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::before,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label::before {
content: "";
pointer-events: none;
position: absolute;
left: 0;
display: inline-block;
margin-right: 10px;
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
vertical-align: middle;
}

.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::after,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label::after {
content: " ";
opacity: 0.95;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 2px 2px 0;
position: absolute;
width: 7px;
height: 15px;
top: 5px;
left: 9px;
pointer-events: none;
cursor: pointer;
vertical-align: middle;
-webkit-transform: rotate(40deg);
   -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
     -o-transform: rotate(40deg);
        transform: rotate(40deg);
}

.wpcf7 input[type="checkbox"]:hover + .wpcf7-list-item-label::before,
.wpcf7 input[type="radio"]:hover + .wpcf7-list-item-label::before,
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label:hover::before,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label:hover::before {
background-color: rgba(0, 0, 0, 0.1);
}

.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
.wpcf7 input[type="radio"]:checked + .wpcf7-list-item-label::before,
.wpcf7 input[type="checkbox"]:checked:hover + .wpcf7-list-item-label::before,
.wpcf7 input[type="radio"]:checked:hover + .wpcf7-list-item-label::before {
background-color: #009deb !important;
border-color: #009deb !important;
}

.wpcf7 input[type="checkbox"]:hover + .wpcf7-list-item-label::after,
.wpcf7 input[type="radio"]:hover + .wpcf7-list-item-label::after,
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label:hover::after,
.wpcf7 input[type="radio"] + .wpcf7-list-item-label:hover::after {
border-color: #009deb;
opacity: 0.9;
}

.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label::after,
.wpcf7 input[type="radio"]:checked + .wpcf7-list-item-label::after {
opacity: 1;
border-color: #ffffff;
}

.wpcf7 input[type="checkbox"]:checked:hover + .wpcf7-list-item-label::after,
.wpcf7 input[type="radio"]:checked:hover + .wpcf7-list-item-label::after,
.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label:hover::after,
.wpcf7 input[type="radio"]:checked + .wpcf7-list-item-label:hover::after {
opacity: 0.6;
}

/*----------------------*\
* Not valid tip *
\*----------------------*/

body:not(.cf7p-message) .wpcf7-not-valid-tip {
height: 37px !important;
width: 47px !important;
left: -37px !important;
line-height: 37px !important;
font-size: 17px;
font-weight: 900 !important;
font-family: "Arial" !important;
}

body:not(.cf7p-message) .wpcf7-not-valid-tip::before,
body:not(.cf7p-message) .wpcf7-not-valid-tip::after {
background-color: #d71e1e;
color: white;
}

body:not(.cf7p-message) .wpcf7-not-valid-tip::before {
content: "X";
content: "\2715" !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 10px;
}

body:not(.cf7p-message) .wpcf7-not-valid-tip::after {
content: "";
position: absolute;
right: 2px;
top: 50%;
width: 10px;
height: 10px;
-webkit-transform: translate(-50%,-50%) rotate(45deg);
   -moz-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
     -o-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg);
}

body:not(.cf7p-message) .wpcf7-not-valid-tip {
background-image: none !important;
text-indent: 0!important;
text-align: center;
color: transparent !important;
}

/*--------------------------------------------*\
             * COOKIE NOTICE *
\*--------------------------------------------*/

.cookie-notice-container {
padding: 0 10px !important;
text-align: center;
}

span#cn-notice-text,
#cookie-notice .button {
display: inline-block;
line-height: 1.25em !important;
padding: 13px 10px !important;
margin: 0px !important;
float: none;
font-size: 0.9em !important;
color: #333333 !important;
border-radius: 0 !Important;
background: transparent !important;
text-decoration: none !important;
box-shadow: none !Important;
vertical-align: middle !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#cookie-notice .button::after {
display: none !important;
}

#cookie-notice .button:hover {
background: #f1f1f1 !Important;
}

@media only screen and (max-width: 1023px) {
span#cn-notice-text {
    display: block;
    padding-bottom: 5px !important;
}
span#cn-notice-text,
#cookie-notice .button {
    font-size: 0.75em !important;
}
.cookie-notice-container {
    padding: 0 10px 1px !important;
}
span#cn-notice-text,
#cookie-notice .button {
    padding: 10px !important;
}
#cookie-notice .button {
    line-height: 1em !Important;
}
}

/*--------------------------------------------*\
             * WSO INTRO *
\*--------------------------------------------*/
/*----------------------*\
* INRTO MAGAZIN STYLE *
\*----------------------*/
.wso-intro-img-magazin {
padding: 0 !important;
height: 54vh;
}
.wso-intro-desc-magazin {
margin-top: -85px !important;
background-color: #fff;
padding: 5% 5% 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.wso-intro-img-video .section_wrapper {
position: static;
}

.wso-intro-section .wrap,
.wso-intro-img-video .wrap {
position: static;
}

/*----------------------*\
* INTRO VIDEO *
\*----------------------*/
.wso-intro-img-video::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: -1;
visibility: visible;
overflow: visible;
background-color: rgba(0, 0, 0, 0.25);
}
.section.wso-intro-img-video::before {
z-index: 0;
}
.wso-intro-video-button:hover img {
width: 110px;
height: 110px;
}

/*--------------------------------------------*\
             * WSO NEWS *
\*--------------------------------------------*/
.wso-news-date {
position: absolute;
width: 90px;
max-width: 90px;
height: 90px;
top: -129px;
right: 0px;
background-color: #009deb;
color: #fff;
font-size: 18px;
line-height: 20px;
text-align: center;
margin: 0;
-webkit-border-radius: 50% 50% 50% 0;
   -moz-border-radius: 50% 50% 50% 0;
        border-radius: 50% 50% 50% 0;

}
.wso-news-date-d {
font-size: 1.5em !important;
line-height: 1em !important;
}
.wso-news-date-y {
font-size: 0.95em !important;
line-height: 1em !important;
}
.single-wso_news .wso-news-date-d {
font-size: 1em !important;
line-height: 1em !important;
}
.single-wso_news .wso-news-date-y {
font-size: 1em !important;
line-height: 1em !important;
}
.wso-news-button {
    font-weight: 400 !important;
}
.single-wso_news .wso-subheader {
    background-position: center !important;
}
.wso-news-gallery {
    padding-bottom: 120px !important;
}

/*--------------------------------------------*\
             * WSO SLIDER *
\*--------------------------------------------*/

.tg-wso-slider::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

.tg-wso-slider .tg-item-overlay {
display: none !important;
}

/*----------------------*\
* Content *
\*----------------------*/

.wso-slider-button span {
line-height: 1.5em !important;
display: inline-block !important;
padding: 6px 25px !important;
}

/*----------------------*\
* Nav Arrows *
\*----------------------*/

.wso-home-intro-slider .tg-icon-left-arrow::before,
.wso-home-intro-slider .tg-icon-right-arrow::before {
font-size: 4.5em !important;
}

.wso-home-intro-slider .tg-icon-left-arrow,
.wso-home-intro-slider .tg-icon-right-arrow {
color: white !important;
}

/*--------------------------------------------*\
   * WSO RELATED *
\*--------------------------------------------*/

.wso-related-section {
padding: 60px 0 20px !important;
}

/*--------------------------------------------*\
   * FANCYBOX NAVIGATION FIX *
\*--------------------------------------------*/

.fancybox-controls button,
.fancybox-controls button:hover,
.fancybox-controls button::before,
.fancybox-controls button::after {
opacity: 1 !important;
color: white !important;
}

.fancybox-button--close:after,
.fancybox-button--close:before {
height: 2px !important;
width: 16px !important;
top: calc(50% - 1px) !important;
left: calc(50% - 8px) !important;
background-color: white !important;
}

.fancybox-button--left:after,
.fancybox-button--right:after {
top: 17px !important;
width: 9px !important;
height: 9px !important;
left: inherit !important;
}


/*--------------------------------------------*\
             * FOOTER *
\*--------------------------------------------*/
#Footer .widgets_wrapper .container {
border: 1px solid black;
border-width: 1px 0px;
padding: 40px 0px;
}


/*--------------------------------------------*\
             * MEDIQ QUERIES *
\*--------------------------------------------*/


@media only screen and (min-width: 1366px) {
.tg-wso-slider .tg-top-holder,
.tg-wso-slider .tg-center-holder,
.tg-wso-slider .tg-bottom-holder {
    max-width: 40%;
}
}


@media only screen and (max-width: 1365px) and (min-width: 768px) {
.wso-home-intro-slider .tg-wso-slider,
.wso-home-intro-slider .tg-grid-holder,
.wso-home-intro-slider .tg-grid-slider {
    height: 50vw !important;
}
.tg-wso-slider .tg-top-holder,
.tg-wso-slider .tg-center-holder,
.tg-wso-slider .tg-bottom-holder {
    max-width: 55%;
}
}


@media only screen and (max-width: 1365px) {
.wso-intro-section-one-half .wrap {
    width: 100% !important;
    height: auto !important;
}
.wso-intro-img-magazin,
.wso-intro-section-one-half .wso-intro-img-wrap {
    height: 50vw !important;
}
.wso-intro-section.equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
       -moz-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
         -o-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
}
.tg-wso-slider .tg-top-holder,
.tg-wso-slider .tg-center-holder,
.tg-wso-slider .tg-bottom-holder {
    padding: 0 7% !important;
}
}


@media only screen and (max-width: 1023px) {
.tg-wso-references * {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
.tg-wso-references .tg-item-overlay {
    background-color: rgba(0, 0, 0, 0.45) !important;
}
.tg-wso-references:hover .tg-item-overlay {
    background-color: rgba(0, 0, 0, 0.55) !important;
}
}


@media only screen and (max-width: 767px) {
.wso-related-section {
    padding: 30px 0 20px !important;
}
.wso-home-intro-slider .tg-wso-slider,
.wso-home-intro-slider .tg-grid-holder,
.wso-home-intro-slider .tg-grid-slider {
    height: 50vw !important;
    min-height: 300px !important;
}
}

/*--------------------------------------------*\
             * TEAM *
\*--------------------------------------------*/
.wso-section-overlay::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.55);
}







/* WRAPPER
-------------------------------------------------------------- */
.layout-full-width #Wrapper {
/* padding: 0 135px; */
box-sizing: border-box;
}


/* BUTTONS
-------------------------------------------------------------- */
a.wso-button {
text-decoration: none
}
.wso-button::after,
.trailer_box h2::after {
content: " ";
background: #1d1d1b;
width: 0;
height: 1px;
display: block;
margin: 10px auto 0;
}
.dark .wso-button::after,
.tg-item .tg-item-media-content  .wso-button::after,
.trailer_box h2::after {
background: #ffffff;
}
.wso-button:hover::after,
.tg-item:hover .wso-button::after,
.trailer_box:hover h2::after {
width: 65px;
}

/* QUOTE
-------------------------------------------------------------- */
blockquote {
margin: 40px 27px;
font-size: 1.7em !important;
line-height: 1.2em !important;
padding-top:  20px;
}
blockquote::before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2018/08/qoutes-image.svg);
width: 47px;
height: 31px;
top: -21px !important;
left: 50%;
-o-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);
background-size: cover;
opacity: .15;
}
/* CONTACT
-------------------------------------------------------------- */
.wso-contact-formular {
float: right;
margin-top: -350px;
}
input.wpcf7-form-control.wpcf7-submit {
    color: #1d1d1d;
margin: 10px 0px;
    background-color: #ffffff;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz,
span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select,
span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
font-size: 18px;
font-weight: 300;
}
input.wpcf7-form-control.wpcf7-submit:focus {
text-decoration: underline !important;
}


/* TRAILER BOX
-------------------------------------------------------------- */
.trailer_box .desc {
background-color: transparent !important;
}

/* WSO IMG SECTION
-------------------------------------------------------------- */
.wso-img-section .column_trailer_box {
margin-bottom: 20px !important;
}
.wso-img-section p {
font-family: "Playfair Display", Arial, Tahoma, sans-serif;
font-size: 2.5em;
line-height: 1.1em;
}
.wso-move-up-box {
position: relative;
margin-top: -116px;
z-index: -1;
}
.wso-img-section {
padding: 0 135px 120px !important;
}
/* THE GRID
-------------------------------------------------------------- */
.wso-home-intro-slider-section .tg-item-media-content,
.tg-wso-intro .tg-item-media-content {
background: -webkit-linear-gradient(top,transparent 65%,#000 115%);
background: linear-gradient(to bottom,transparent 65%,#000 115%);
}

/*NAVIGATION BULLETS*/
.tg-slider-bullets li {
width: 35px;
height: 2px;
margin: 0 12px 0 0;
}
.tg-slider-bullets li span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tg-slider-bullets li span {
background: #c2c2c2 !important;
}
.tg-slider-bullets li.tg-active-item span {
background: #1d1d1b !important;
}

/*NAVIGATION ARROWS*/
.wso-grid-slider .tg-grid-area-top2 {
position: absolute !important;
top: 50% !important;
width: 100% !important;
height: auto;
margin-top: -35px;
z-index: 9;
}
.wso-grid-slider .tg-right-arrow,
.wso-grid-slider .tg-left-arrow {
width: 54px;
height: 54px;
margin: 0;
}
.wso-grid-slider .tg-left-arrow {
left: -100px !important;
position: absolute !important;
}
.wso-grid-slider .tg-right-arrow {
right: -100px !important;
position: absolute !important;
}
.wso-grid-slider .tg-right-arrow i,
.wso-grid-slider .tg-left-arrow i {
width: 54px;
height: 54px;
}
.wso-grid-slider .tg-icon-right-arrow::before,
.wso-grid-slider .tg-icon-right-arrow::after {
content: '' !important;
position: absolute !important;
top: 25px !important;
width: 1px !important;
height: 30px !important;
background-color: #000 !important;
-webkit-transition: transform .2s !important;
-moz-transition: transform .2s !important;
transition: transform .2s !important;
opacity: 1 !important;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
}
.wso-grid-slider .tg-icon-right-arrow::after {
top: 0px !important;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.wso-grid-slider .tg-icon-right-arrow:hover::before {
-webkit-transform: translate(0px,-2px) rotate(45deg);
-moz-transform: translate(0px,-2px) rotate(45deg);
transform: translate(0px,-2px) rotate(45deg);
}
.wso-grid-slider .tg-icon-right-arrow:hover::after {
-webkit-transform: translate(0px,2px) rotate(-45deg);
-moz-transform: translate(0px,2px) rotate(-45deg);
transform: translate(0px,2px) rotate(-45deg);
}
.wso-grid-slider .tg-icon-left-arrow::before,
.wso-grid-slider .tg-icon-left-arrow::after {
content: '' !important;
position: absolute !important;
top: 25px !important;
width: 1px !important;
height: 30px !important;
background-color: #000 !important;
-webkit-transition: transform .2s !important;
-moz-transition: transform .2s !important;
transition: transform .2s !important;
opacity: 1 !important;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.wso-grid-slider .tg-icon-left-arrow::after {
top: 0px !important;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
}
.wso-grid-slider .tg-icon-left-arrow:hover::before {
-webkit-transform: translate(0px,-2px) rotate(-45deg);
-moz-transform: translate(0px,-2px) rotate(-45deg);
transform: translate(0px,-2px) rotate(-45deg);
}
.wso-grid-slider .tg-icon-left-arrow:hover::after {
-webkit-transform: translate(0px,2px) rotate(45deg);
-moz-transform: translate(0px,2px) rotate(45deg);
transform: translate(0px,2px) rotate(45deg);
}

/* SLIDER GRID
-------------------------------------------------------------- */
/*.wso-home-intro-slider-section {
margin-top: 65px;
}*/
.wso-home-intro-slider-section,
.wso-home-intro-slider-section .tg-grid-holder,
.wso-home-intro-slider-section .tg-grid-slider,
.wso-home-intro-slider-section .tg-item {
min-height: -moz-calc(100vh - 100px) !important;
min-height: -webkit-calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
height: -moz-calc(100vh - 100px) !important;
height: -webkit-calc(100vh - 100px) !important;
height: calc(100vh - 100px) !important;
}
.tg-wso-slider-new:first-child .tg-item-image {
background-position: 0 35% !important;
}

/* START GRID
-------------------------------------------------------------- */
.tg-wso-intro-placeholder .tg-element-1::before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2018/08/qoutes-image.svg);
width: 47px;
height: 31px;
top: -40px !important;
left: 50%;
-o-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);
background-size: cover;
opacity: .15;
}
.wso-intro-button {
position: absolute;
width: 165px !important;
height: 165px !important;
top: -60px;
right: -60px;
z-index: 9;
font-family: "Playfair Display", Arial, Tahoma, sans-serif;
text-align: center;
color: white;
background-color: #1d1d1b;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 5px solid white !important;
}
.wso-intro-button-inner,
.wso-intro-button::before {
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.wso-intro-button::before {
content: '';
width: 90%;
height: 90%;
display: block;
border: 1px solid #ffffff;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.wso-intro-button-inner {
margin-top: -5px !important;
}
.wso-intro-button span {
display: block;
}
.wso-intro-button span:nth-child(2) {
font-style: italic !important;
}

/* NEWS GRID
-------------------------------------------------------------- */
body .tg-wso-news .tg-element-7 {
font-family: "Playfair Display", Arial, Tahoma, sans-serif;
background-color: transparent !important;
font-size: 22px !important;
line-height: 30px !important;
text-align: center !important;
top: 20px !important;
left: 20px !important;
}
.wso-grid-skin-date span {
display: block;
}

/* WOOCOMMERCE
-------------------------------------------------------------- */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #1d1d1b !important;
}

/* PRODUCT DETAIL
-------------------------------------------------------------- */
.price {
color: #1d1d1b !important;
font-size: 2.1em !important;
line-height: 2em !important;
font-family: "Playfair Display", Arial, Tahoma, sans-serif;
border: 1px solid #1d1d1b;
border-width: 1px 0;
margin-bottom: 35px;
}
.woocommerce-price-suffix,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
font-size: .5em;
opacity: 1;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: 400;
text-decoration: none;
}

.woocommerce div.product form.cart {
margin-top: 30px !important;
}
.woocommerce .quantity input.qty {
border-bottom: 1px solid #1d1d1b !important;
}

.single-product .wso-intro-button {
left: 120px;
top: 150px;
width: 140px !important;
height: 140px !important;
}


.wso-content-float-right {
float: right !important;
}


/*--------------------------------------------*\
             * MEDIA QUERIES *
\*--------------------------------------------*/

/*------------------------------*\
* MEDIA QUERIES - TABLET QUER  *
\*------------------------------*/
@media only screen and (max-width: 1500px) and (min-width: 1240px) {
    .wso-grid-slider .tg-left-arrow {
        left: -10px !Important;
    }
    .wso-grid-slider .tg-right-arrow {
        right: -10px !Important;
    }
}
@media only screen and (max-width: 1239px) and (min-width: 1024px) {
.header-split #Top_bar .top_bar_right {
    right: 75px !important;
}

#Top_bar a.responsive-menu-toggle {
    color: #ae2734 !Important;
}

#Top_bar.is-sticky a.responsive-menu-toggle {
    color: #1d1d1b !Important;
}

#Side_slide #menu::before {
    content: '';
    width: auto !important;
    height: 110px !important;
    background: url('/wp-content/uploads/2018/10/Favicon-Weingut-Regele-180.png');
    display: block;
    background-size: auto 110px !important;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 33px !important;
    margin-bottom: 33px !important;
    margin-top: 0;
    position: relative;
}

#Side_slide #menu ul li a {
    padding-left: 33px !important;
    padding-top: 15px !important;
}

.wso-intro-button {
    width: 150px !important;
    height: 150px !important;
    right: -20px !important;
}

.wso-grid-slider .tg-right-arrow {
    right: -25px !important;
    position: absolute !important;
}

.wso-grid-slider .tg-left-arrow {
    left: -25px !important;
    position: absolute !important;
}

.wso-home-news-slider .tg-right-arrow {
    right: -45px !important;
    position: absolute !important;
}

.wso-home-news-slider .tg-left-arrow {
    left: -45px !important;
    position: absolute !important;
}

.wso-img-section p {
    font-size: 40px !important;
    line-height: 39px !important;

}

blockquote {
    font-size: 25.66px !important;
    line-height: 25px !important;
}

#Footer .widgets_wrapper p {
    font-size: 16px !important;
}

.wso-regele-image-our-rieder {
    margin-top: -50px !important;
}

.wso-contact-form-regele {
    padding: 0 10% !important;
}

#Side_slide #menu-item-447 {
    background-color: #1d1d1b;
}

#Side_slide #menu-item-447 a {
    color: #fff !important;
    padding: 16px 5px 15px 33px !Important;
    font-size: 20px !important;
}

#Side_slide #menu-item-683,
#Side_slide #menu-item-684{
    display: none !Important;
}

.wso-onlineshop-subheader {
    min-height: -moz-calc(50vh - 100px) !important;
    min-height: -webkit-calc(50vh - 100px) !important;
    min-height: calc(50vh - 100px) !important;
    height: -moz-calc(50vh - 100px) !important;
    height: -webkit-calc(50vh - 100px) !important;
    height: calc(50vh - 100px) !important;
}

.wso-product-name .wrap {
    padding: 0% 0 !important;
}

}

/*------------------------------*\
* MEDIA QUERIES - TABLET HOCH  *
\*------------------------------*/
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.header-split #Top_bar .top_bar_right {
    right: 75px !important;
}

#Side_slide #menu::before {
    content: '';
    width: auto !important;
    height: 110px !important;
    background: url('/wp-content/uploads/2018/10/Favicon-Weingut-Regele-180.png');
    display: block;
    background-size: auto 110px !important;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 33px !important;
    margin-bottom: 33px !important;
    margin-top: 0;
    position: relative;
}

#Side_slide #menu ul li a {
    padding-left: 33px !important;
    padding-top: 15px !important;
}

#Side_slide #menu ul li a {
    font-size: 20px !important;
    line-height: 25px !important;
}

.wso-intro-button {
    width: 150px !important;
    height: 150px !important;
    right: -20px !important;
}

.wso-grid-slider .tg-right-arrow {
    right: -30px !important;
    position: absolute !important;
}

.wso-grid-slider .tg-left-arrow {
    left: -30px !important;
    position: absolute !important;
}

p {
    font-size: 18px !important;
}

.wso-home-news-slider .tg-right-arrow {
    right: -38px !important;
    position: absolute !important;
}

.wso-home-news-slider .tg-left-arrow {
    left: -38px !important;
    position: absolute !important;
}

.wso-home-news-slider .tg-grid-area-top2 {
    margin-top: 15px;
}

.wso-img-section {
    padding: 0 33px 120px !important;
}

.wso-img-section p {
    font-size: 40px !important;
    line-height: 39px !important
}

blockquote {
    font-size: 20px !important;
    line-height: 21px !important;
    margin: 40px 10px !important;
}

#Footer .widgets_wrapper p {
    font-size: 16px !important;
    line-height: 20px !important;
}

#Footer #text-2 div,
#Footer #text-3 div,
#Footer #text-4 div {
    padding-left: 0 !important;
}

#Footer h5 {
    font-size: 18px !important;
}

.wso-regele-image-our-rieder {
    margin-top: -50px !important;
}

.wso-contact-form-regele {
    padding: 0px 15% !important;
}

.wso-product-wrap {
    width: 100% !important;
}

.single-product .wso-intro-section {
    padding-top: 30px !important;
}

.wso-product-price-description {
    width: 100% !important;
}

.wso-ried-sulztaler-image,
.wso-ried-sulztaler-content,
.wso-sulz-image,
.wso-sulz-content {
    width: 100% !important;
}

.wso-ried-sulztaler-image {
    padding-right: 0 !important;
}

.wso-ried-sulztaler-content,
.wso-sulz-image{
    padding-left: 0 !Important;
}

.wso-regele-image-our-rieder {
    margin-top: 0 !important;
    width: 50% !important;
}

.wso-ried-regele {
    width: 50% !important;
    padding-right: 0 !important;
}

.wso-ried-regele-content {
    width: 100% !Important;
    padding-left: 0 !important;
    margin-top: 40px !important;
}

.wso-einzigartige-product,
.wso-tradition-moderne,
.wso-family-image {
    width: 100% !important;
}

.wso-tradition-moderne {
    padding-left: 0 !important;
}

.wso-family-image  {
    padding: 30px 0 0 !important;
}

.wso-tradition-moderne img.scale-with-grid {
    width: 100% !important;
}

.wso-sekt-content-one-image,
.wso-sekt-content-two-image {
    width: 100% !important;
    padding-right: 0 !important;
}

.wso-sekt-content-one,
.wso-sekt-content-two {
    width: 100% !important;
    padding-left: 0 !important;
    margin-top: 35px !important;
}

.wso-wine-content-one {
    width: 100% !Important;
    padding-right: 0 !important;
}

.wso-wine-content-two {
    width: 100% !important;
    padding-left: 0 !important;
}

.wso-wine-content-two .column_attr.clearfix {
    padding-right: 0 !important;
}

.wso-wine-content-two img.scale-with-grid {
    width: 100% !important;
}

.wso-wine-content-one .column_attr.align_right {
    text-align: left !important;
}

.wso-wine-content-one .alignright {
    margin: 0 !important;
}

#Side_slide #menu-item-447 {
    background-color: #1d1d1b;
}

#Side_slide #menu-item-447 a {
    color: #fff !important;
    padding: 16px 5px 15px 33px !Important;
    font-size: 20px !important;
}

#Side_slide #menu-item-683,
#Side_slide #menu-item-684 {
    display: none !Important;
}

.wso-subheader {
    min-height: -moz-calc(55vh - 100px) !important;
    min-height: -webkit-calc(55vh - 100px) !important;
    min-height: calc(55vh - 100px) !important;
    height: -moz-calc(55vh - 100px) !important;
    height: -webkit-calc(55vh - 100px) !important;
    height: calc(55vh - 100px) !important;
}

.wso-subheader .section_wrapper.mcb-section-inner {
    bottom: -60% !Important;
}
}


/*--------------------------*\
* MEDIA QUERIES - HANDY  *
\*--------------------------*/
@media only screen and (max-width: 767px) {
.mobile-tb-hide #Top_bar .top_bar_right {
    display: block !important;
}

#Top_bar:not(.is-sticky) .icon-bag-fine:before {
    content: url('/wp-content/uploads/2018/08/shopping-cart_.svg');
}

#Top_bar .top_bar_right_wrapper {
    top: 49px !important;
}

#Top_bar .top_bar_right .top_bar_right_wrapper {
    float: right;
    margin-right: 30px;
}

#Top_bar.is-sticky .top_bar_right_wrapper {
    top: 0 !important;
}

 #Side_slide #menu::before {
    content: '';
    width: auto !important;
    height: 90px !important;
    background: url(/wp-content/uploads/2018/10/Favicon-Weingut-Regele-180.png);
    display: block;
    background-size: auto 90px !important;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 33px !important;
    margin-bottom: 15px !important;
    margin-top: -23px;
    position: relative;
}

#Side_slide #menu ul li a {
    padding-left: 33px !important;
    font-size: 18px;
    line-height: 25px;
}

.wso-special-heading h4 {
    font-size: 20px !important;
}

h1,
h2 {
    font-size: 30px !important;
}

.wso-weingut-regele-intro .wrap,
.wso-regele-our-location-home .wrap,
.wso-news-template .wrap,
.wso-our-rieden .wrap,
.wso-intro-desc-wrap,
.wso-news-page .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-news-template-detail .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-our-wine-sortiment .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-sekt-sortiment .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-contact-section .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-online-shop-section .wrap.mcb-wrap.one.valign-top.clearfix {
    padding: 3% 0 0 !important;
}


.tg-wso-intro {
    height: 300px !Important;
}

.tg-wso-intro-placeholder .tg-element-1 {
    font-size: 25px !important;
    line-height: 30px !important;
}

.wso-wine-grid-home {
    padding-top: 75px !important;
}

.tg-wso-intro-placeholder {
    display: none !important;
}

.wso-regele-our-location-home {
    padding-top: 30px !important;
}

.wso-img-section {
    padding: 0 33px 85px !important;
}

blockquote {
    margin: 20px 25px 45px;
}

.trailer_box h2 {
    line-height: 35px !important;
}

.wso-steile-haenge {
    margin-top: 30px !important;
}

.wso-move-up-box {
    margin-top: -106px !important;
}

.wso-news-section-home .wrap,
.wso-weingut-intro-section .wrap,
.wso-einzigartige-product,
.wso-tradition-moderne,
.wso-ried-sulztaler-image,
.wso-ried-sulztaler-content,
.wso-sulz-image,
.wso-sulz-content,
.wso-regele-image-our-rieder,
.wso-ried-regele,
.wso-ried-regele-content,
.wso-news-template .section_wrapper,
.wso-wine-content-one,
.wso-sekt-content-one-image,
.wso-sekt-content-two-image,
.wso-sekt-content-two .column_attr.clearfix {
    padding: 0 !important;
}

#Footer .widgets_wrapper {
    padding-top: 40px !important;
}

.wso-intro-button {
    width: 130px !important;
    height: 130px !important;
    right: -25px !important;
    top: -50px !important;
}

.tg-wso-slider-new .tg-element-1 {
    font-size: 25px !important;
    line-height: 35px !important;
}

.tg-wso-slider-new .tg-element-6 {
    font-size: 20px !important;
}

.wso-family-image,
.wso-sekt-content-one,
.wso-sekt-content-two {
    padding: 30px 0 0 !important;
}

.wso-weingut-section {
    padding-bottom: 100px !important;
}

.wso-regele-image-our-rieder {
    margin-top: -50px !important;
}

.wso-ried-regele {
    margin-top: 20px !important;
    height: 350px !important;
}

.wso-ried-regele-content {
    margin-top: 20px !important;
}

.wso-ried-regele img.scale-with-grid {
    height: 350px !important;
}

.wso-ried-sulztaler-content .column_attr.clearfix {
    padding-right: 0 !important;
    padding-bottom: 20px !important;
}

#riedsulztalersulz {
    padding-top: 0 !important;
}

#riedoberglanzberg {
    padding-bottom: 70px !important;
}

.wso-intro-section-news {
    padding-top: 70px !Important;
}


.wso-wine-content-one .image_frame.image_item.no_link.scale-with-grid.alignright.no_border {
    margin-left: 0 !important;
}

.wso-wine-content-one .column_attr.clearfix.align_right {
    text-align: left !important;
}

.wso-wine-content-two {
    padding-left: 0 !important;
}

.wso-wine-content-two .column_attr.clearfix,
.wso-tradition-moderne .column_attr.clearfix{
    padding: 30px 0 30px 0 !important;
}

.google-map {
    height: 350px !important;
}

.wso-contact-form-regele {
    margin-top: 20px !important;
    padding: 0 !important;
}

.wso-contact-form-regele .column_attr.clearfix.align_center {
    padding: 10px 0 0 !Important;
}

.single-product #Content .column.one.woocommerce-content {
    padding-top: 0px !important;
}

.single-product .section.mcb-section.no-margin-h.no-margin-v.wso-intro-section {
    padding-top: 20px !important;
}

.single-product .section_wrapper.mcb-section-inner {
    padding: 0 !important;
}

.tg-wso-intro .tg-element-1 {
    font-size: 23px !important;
    line-height: 25px !important;
}

p.tg-item-excerpt.tg-element-5 {
    font-size: 16px !important;
    line-height: 20px !important;
    text-align: center !Important;
}

h3.tg-item-title.tg-element-6 {
    font-size: 25px;
    line-height: 30px !important;
}

.tg-element-3 {
    font-size: 18px !important;
}

.wso-news-and-more .column.mcb-column.one.column_column.column-margin-40px {
    margin-bottom: 0 !important;
}

.tg-wso-product img.tg-item-image {
    max-height: 350px !Important;
}

.wso-home-news-slider .tg-right-arrow {
    right: -44px !important;
    position: absolute !important;
}

.wso-home-news-slider .tg-left-arrow {
    left: -44px !important;
    position: absolute !important;
}

.wso-wine-grid-slider .tg-left-arrow {
    left: -30px !important;
    position: absolute !important;
}

.wso-wine-grid-slider .tg-right-arrow {
    right: -30px !important;
    position: absolute !important;
}

.wso-grid-slider .tg-icon-left-arrow::before,
.wso-grid-slider .tg-icon-right-arrow::before {
    height: 20px !Important;
    top: 17px !Important
}

.wso-grid-slider .tg-icon-left-arrow::after,
.wso-grid-slider .tg-icon-right-arrow::after {
    height: 20px !Important;
}

#Top_bar:not(.is-sticky) #logo img {
    margin-top: 2px !important;
    height: 130px;
}

p,
#Footer li a {
    font-size: 17px !important;
    line-height: 25px !important;
}

#Footer h5 {
    font-size: 20px;
    line-height: 25px !important;
}

.wso-img-section p {
    font-family: "Playfair Display", Arial, Tahoma, sans-serif;
    font-size: 2.5em !important;
    line-height: 1.1em !important;
}

#Content .woocommerce {
    padding-top: 25px !Important;
}

.wso-home-intro-slider-section,
.wso-home-intro-slider-section .tg-grid-holder,
.wso-home-intro-slider-section .tg-grid-slider,
.wso-home-intro-slider-section .tg-item {
    min-height: -moz-calc(65vh - 65px) !important;
    min-height: -webkit-calc(65vh - 65px) !important;
    min-height: calc(65vh - 65px) !important;
    height: -moz-calc(65vh - 65px) !important;
    height: -webkit-calc(65vh - 65px) !important;
    height: calc(65vh - 65px) !important;
}

.wso-weingut-regele-intro {
    padding-top: 115px !Important;
}

.wso-border-top.wrap {
    border: none !Important;
}

.wso-subheader {
    min-height: -moz-calc(60vh - 100px) !important;
    min-height: -webkit-calc(60vh - 100px) !important;
    min-height: calc(60vh - 100px) !important;
    height: -moz-calc(60vh - 100px) !important;
    height: -webkit-calc(60vh - 100px) !important;
    height: calc(60vh - 100px) !important;
}

.wso-subheader .section_wrapper.mcb-section-inner {
    bottom: -49% !important;
}

#Footer ul {
    text-align: center !important;
}

#Top_bar:not(.is-sticky) #logo img {
    margin-top: -41px !important;
    height: 70px;
    max-height: 90px !important;
 }

 #Top_bar:not(.is-sticky) .container,
 #Top_bar:not(.is-sticky) .logo,
 #Top_bar:not(.is-sticky) .logo #logo {
     height: 90px !important;
     margin: 0 !important;
 }

 #Top_bar:not(.is-sticky) .top_bar_right_wrapper {
    top: 25px !important;
}

#Top_bar:not(.is-sticky) a.responsive-menu-toggle {
      top: 55px !important;
}

#Side_slide #menu-item-447 {
    background-color: #1d1d1b;
}

#Side_slide #menu-item-447 a {
    color: #fff !important;
    padding: 16px 5px 15px 33px !Important;
    font-size: 20px !important;
}

#Side_slide i.icon-call::before,
#Side_slide i.icon-mail-line::before {
    width: 16px !important;
    height: 16px !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
}

#Side_slide #menu-item-683 a,
#Side_slide #menu-item-684 a {
    font-size: 16px !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
}

#Side_slide #menu-item-684 a {
    margin-top: 0 !important;
}

.wso-onlineshop-subheader {
    min-height: -moz-calc(35vh - 100px) !important;
    min-height: -webkit-calc(35vh - 100px) !important;
    min-height: calc(35vh - 100px) !important;
    height: -moz-calc(35vh - 100px) !important;
    height: -webkit-calc(35vh - 100px) !important;
    height: calc(35vh - 100px) !important;
}

.wso-product-name .wrap {
    padding: 0% 0 !important;
}

.single-product #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-cart #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-account #Top_bar:not(.is-sticky) .icon-bag-fine::before {
    content: url('/wp-content/uploads/2018/08/shopping-cart_.svg');
}

.woocommerce-message.alert.alert_success {
    top: 90px;
}

.alert .alert_icon {
    color: #ae2734 !important;
}
.woocommerce-message.alert.alert_success a.close {
    margin-right: 15px!important;
}
.woocommerce-message.alert.alert_success .alert_wrapper {
    padding: 0 10px!important;
    text-align: center;
    padding: 12px 0!important;
    display:  -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: center;
    align-items: center;
}
.woocommerce .alert .wc-forward {
    float: none !important;
    margin-top: 7px;
}

.wso-subheader h4 {
    font-size: 20px !important;
    line-height: 21px !important;
    padding: 0 !important;
}

.wso-einzigartige-product .column_attr.align_left,
.wso-tradition-moderne .column,
.wso-ried-sulztaler-content .column,
.wso-sulz-content .column_attr.align_left,
.wso-ried-regele-content .column,
.wso-ried-regele-content .column_attr.align_left,
#text-2 > div > div,
.wso-our-wine-sortiment p,
.wso-intro-desc-wrap p,
.wso-sekt-sortiment,
.wso-contact-section p,
.wso-contact-section h3,
.wso-online-shop-section p,
#Footer .textwidget,
.wso-wine-content-one .column_attr.clearfix.align_right,
.wso-wine-content-two  .column,
.wso-sekt-content-one .column,
.wso-sekt-content-two .column {
    text-align: center !Important;
}

.mobile-tb-hide #Top_bar .top_bar_right {
    display: block !important;
    left: 15px !important;
    right: auto !important;
}
}



@media only screen and (min-width: 767px) {
#Top_bar #menu-item-683,
#Top_bar #menu-item-684{
    display: none !Important;
}

.single-product #Top_bar:not(.is-sticky) .menu > li > a,
.single-product #Top_bar:not(.is-sticky) #menu ul li.submenu .menu-toggle,
.woocommerce-cart #Top_bar .menu > li > a,
.woocommerce-cart #Top_bar #menu ul li.submenu .menu-toggle,
.woocommerce-checkout #Top_bar .menu > li > a,
.woocommerce-checkout #Top_bar #menu ul li.submenu .menu-togglee,
.woocommerce-account #Top_bar .menu > li > a,
.woocommerce-account #Top_bar #menu ul li.submenu .menu-toggle {
    color: #fff !Important;
}

.single-product #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-cart #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-account #Top_bar:not(.is-sticky) .menu_left::before,
.woocommerce-account #Top_bar:not(.is-sticky) .menu_left::before {
    background: #ffffff !important;
}

.single-product #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-cart #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-checkout #Top_bar:not(.is-sticky) .icon-bag-fine::before,
.woocommerce-account #Top_bar:not(.is-sticky) .icon-bag-fine::before {
    content: url('/wp-content/uploads/2020/12/shopping-cart_w.svg');
}
}


@media only screen and (min-width: 1240px) {
#Top_bar #menu-item-447 a::before {
    content: "";
    position: absolute;
    top: -55px;
    left: -10px;
    width: 100px;
    height: 100px;
    background-image: url('/wp-content/uploads/2018/10/Element-3.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    transform: rotate(13deg) !important;
    -webkit-transform: rotate(13deg);
     -moz-transform: rotate(13deg);
     -o-transform: rotate(13deg);
}

#Top_bar.is-sticky #menu-item-447 a {
    padding: 0 !important;
}

.header-split #Top_bar.is-sticky .top_bar_right {
    right: -40px !important;
}


#Top_bar.is-sticky #menu-item-447 a span {
    display: none!important;
}

#Top_bar.is-sticky #menu-item-447 a::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 15px;
    width: 100px;
    height: 100px;
    background-image: url('/wp-content/uploads/2018/10/Element-3.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    transform: rotate(13deg) !important;
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
    -o-transform: rotate(13deg);
}

#Top_bar #menu-item-447 a {
    padding: 0 !important;
}

.header-split #Top_bar .top_bar_right {
    right: 5px !important;
}


#Top_bar #menu-item-447 a span {
    display: none!important;
}

.header-split #Header .top_bar_left .menu_right {
    margin-right: 55px !important;
    width: 40% !important;
}
}

#Top_bar a#header_cart span {
right: 8px;
top: -15px;
width: 18px;
height: 17px;
font-size: 13px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #1d1d1b !important;
}

.header-split #Top_bar a.action_button,
.header-split #Top_bar a#header_cart,
.header-split #Top_bar .wpml-languages {
display: inline-block;
margin: 0;
}

.wso-onlineshop-subheader {
min-height: -moz-calc(50vh - 100px) !important;
min-height: -webkit-calc(50vh - 100px) !important;
min-height: calc(50vh - 100px) !important;
height: -moz-calc(50vh - 100px) !important;
height: -webkit-calc(50vh - 100px) !important;
height: calc(50vh - 100px) !important;
}

@media only screen and (max-width: 768px) {
.wso-our-wine-sortiment,
.wso-sekt-sortiment,
.wso-contact-section,
.wso-news-page,
.wso-our-rieden,
.wso-weingut-intro-section,
.wso-intro-section-news{
    padding-top: 50px !important;
}

.wso-our-rieden .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-our-wine-sortiment .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-sekt-sortiment .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-contact-section .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-news-page .wrap.mcb-wrap.one.valign-top.clearfix,
.wso-weingut-intro-section .wrap.mcb-wrap.one.valign-top.clearfix {
    padding-top: 0 !important;
}

.wso-our-rieden h1,
.wso-our-rieden h3,
.wso-our-wine-sortiment h1,
.wso-our-wine-sortiment h3,
.wso-sekt-sortiment h1,
.wso-sekt-sortiment h3,
.wso-contact-section h1,
.wso-contact-section h3,
.wso-news-page h1,
.wso-news-page h3,
.wso-weingut-intro-section h1,
.wso-weingut-intro-section h3,
.wso-intro-section-news h1,
.wso-intro-section-news h3,
.wso-weingut-regele-intro h1,
.wso-weingut-regele-intro h3,
.wso-intro-section h2,
.wso-intro-section h3 {
    margin-bottom: 15px !important;
}

.wso-weingut-regele-intro {
    padding-top: 95px !Important;
}

.wso-weingut-regele-intro .wrap {
    padding-top: 0 !important;
}

.single-product .section.mcb-section.no-margin-h.no-margin-v.wso-intro-section,
.single-product .wrap.mcb-wrap.one-second.wso-product-price-description.valign-top.clearfix {
    padding-left: 33px !important;
    padding-right: 33px !Important;
}

.wso-product-price-description h4 {
    font-size: 20px !important;
    line-height: 25px !Important;
    margin-top: 35px !important;
}

}

ul {
list-style-position: inside !important
}


.tg-item .tg-cats-holder *,
.tg-item .tg-item-excerpt,
.tg-item .tg-item-title,
.tg-item .tg-item-title a {
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}


.wso-news-wine-section-hide {
display: none !important;
}

.wso-falstaff-circle .wso-points-number {
display: block !important;
font-size: 17px !important;
line-height: 20px !important;
text-transform: uppercase;
text-align: center;
color: #fff !Important;
max-width: 120px;
margin-top: 10px;
}

.wso-information-circle .wso-information {
display: block !important;
font-size: 20px !important;
line-height: 25px !important;
text-transform: uppercase;
text-align: center;
color: #fff !Important;
max-width: 100px;
margin-top: 0px;
}

.wso-falstaff-circle .wso-tg-button,
.wso-information-circle .wso-tg-button {
position: relative !Important;
max-width: 169px;
margin: 0 auto !Important;
z-index: 1;
}
.wso-falstaff-circle .wso-tg-button::before,
.wso-information-circle .wso-tg-button::before {
content: '';
background-image: url('/wp-content/uploads/2019/05/back-circle.svg');
background-size: cover;
background-repeat: no-repeat;
width: 150px;
height: 150px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
overflow: visible;
}

.wso-falstaff-circle .wso-tg-button::before,
.wso-falstaff-circle .wso-tg-button-inner,
.wso-information-circle .wso-tg-button::before,
.wso-information-circle .wso-tg-button-inner {
position: absolute;
top: 50%;
left: 0%;
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
overflow: visible;
}

.wso-falstaff-circle .wso-tg-button-inner,
.wso-information-circle .wso-tg-button-inner {
padding-top: 5px !Important;
}

.wso-falstaff-circle,
.wso-information-circle {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 495px !important;
}

.wso-falstaff img {
width: 75px;
}

.wso-falstaff .image_frame {
text-align: center !important;
}

.wso-grid-falstaff-circle .wso-points-number {
display: block !important;
font-size: 15px !important;
line-height: 18px !important;
text-transform: uppercase !important;
text-align: center !important;
color: #fff !Important;
max-width: 125px !important;
margin-top: 5px !important;
margin-left: auto !Important;
margin-right: auto !Important;
z-index: 1;
font-weight: 300 !Important;
}

.wso-grid-information-circle .wso-information {
display: block !important;
font-size: 20px !important;
line-height: 25px !important;
text-transform: uppercase !important;
text-align: center !important;
color: #fff !Important;
max-width: 75px !important;
margin-top: 5px !important;
margin-left: auto !Important;
margin-right: auto !Important;
z-index: 1;
font-weight: 300 !Important;
}

.wso-grid-falstaff-circle .wso-grid-button,
.wso-grid-information-circle .wso-grid-button {
position: relative !Important;
max-width: 169px;
margin: 0 auto !Important;
z-index: 1;
}

.wso-grid-falstaff-circle .wso-grid-button::before,
.wso-grid-information-circle .wso-grid-button::before {
content: '';
background-image: url('/wp-content/uploads/2019/05/back-circle.svg');
background-size: cover;
background-repeat: no-repeat;
width: 125px;
height: 125px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
overflow: visible;
}

.wso-grid-falstaff-circle .wso-grid-button::before,
.wso-grid-falstaff-circle .wso-grid-button-inner,
.wso-grid-information-circle .wso-grid-button::before,
.wso-grid-information-circle .wso-grid-button-inner {
position: absolute;
top: -115px;
left: -85px;
overflow: visible;
width: 125px;
}

.wso-grid-falstaff-circle .wso-grid-button-inner,
.wso-grid-information-circle .wso-grid-button-inner {
padding-top: 30px !Important;
}

.wso-grid-falstaff-circle,
.wso-grid-information-circle {
position: absolute !important;
top: 25px;
left: 0;
right: 0;
width: 585px !important;
transform: rotate(13deg) !important;
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-o-transform: rotate(13deg);
}

.wso-grid-falstaff-circle .wso-falstaff img {
width: 60px;
}

/*----------------------------------
||||| *  Popup  * |||||
----------------------------------*/
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.37);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
overflow: auto !important;
}

#Footer .widgets_wrapper #wso-popup-main-container .column:first-child p {
font-size: 18px !important;
line-height: 28px !important;
color: #1d1d1b;
}


.overlay.wso-active {
visibility: visible;
opacity: 1;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
.popup {
    width: 100% !important;
}
 #wso-popup-main-container .section_wrapper {
     max-width: 768px;
}
 #wso-popup-main-container .column.mcb-column.one.column_column {
    max-width: 600px !important;
    padding-left: 50px !important;
    padding-bottom: 25px !important;
 }
.wso-popup-image {
    width: 100% !important;
    height: 250px !important;
}
#wso-popup-main-container .popup .close {
    z-index: 10;
}
.wso-pop-up-text {
    width: 100% !important;
    height: auto !important;
}
#Footer .popup .close {
    top: 275px !important;
}
.wso-grid-falstaff-circle .wso-grid-button::before,
.wso-grid-falstaff-circle .wso-grid-button-inner,
.wso-grid-information-circle .wso-grid-button::before,
.wso-grid-information-circle .wso-grid-button-inner {
    left: -50px;
}
     .wso-falstaff-circle .wso-tg-button::before,
     .wso-falstaff-circle .wso-tg-button-inner,
     .wso-information-circle .wso-tg-button::before,
     .wso-information-circle .wso-tg-button-inner {
     top: 25% !important;
    left: 0%;
    -o-transform: translate(-50%,-25%);
    -ms-transform: translate(-50%,-25%);
    -moz-transform: translate(-50%,-25%);
    -webkit-transform: translate(-50%,-25%);
    transform: translate(-50%,-25%);
 }
 .wso-information-circle .wso-information {
     margin-top: 20px;
 }

}

.popup {
width: 90%;
max-width: 1220px;
position: relative;
transition: all .5s ease-in-out;
background-color: white;
z-index: 0;
overflow: hidden;
z-index: 999 !important;
position: absolute;
left: 50%;
right: 0;
top: 50%;
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


.popup h2 {
font-size: 35px;
line-height: 40px;
margin-bottom: 25px;
}


#Footer .popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 44px !important;
font-weight: 300 !important;
text-decoration: none;
color: #333;
z-index: 99;
}

#wso-popup-main-container .popup .close {
font-size: 54px !important;
}

.popup .content {
max-height: 30%;
overflow: auto;
}

@media screen and (max-width: 700px) {
.popup{
width: 70%;
}
.overlay {
overflow: auto !important;
}
}

.popup h3:last-of-type {
font-size: 20px;
line-height: 25px;
font-weight: 400 !important;
margin-bottom: 25px;
}

.popup h3:last-of-type::after {
display: block;
position: relative;
top: 10px;
height: 1px;
width: 100%;
background-color: #000000 !important;
content: '';
}

footer#Footer {
z-index: 99;
}

#wso-popup-main-container .column.mcb-column.one.column_column {
height: auto !Important;
padding: 50px 0;
max-width: 500px;
padding-left: 35px;
}

#wso-popup-main-container  .image_frame .image_wrapper {
text-align: center;
margin-top: 50px;
}

#wso-popup-main-container a.button .button_label {
padding-left: 0;
}

#wso-popup-main-container a.button.button_size_2.button_js {
font-size: 18px !important;
line-height: 25px !important;
}

@media only screen and (max-width: 1239px) and (min-width: 1024px) {
#wso-popup-main-container .column.mcb-column.one.column_column {
    max-width: 400px;
    padding-left: 25px;
 }
 .wso-grid-falstaff-circle .wso-grid-button::before,
 .wso-grid-falstaff-circle .wso-grid-button-inner,
 .wso-grid-information-circle .wso-grid-button::before,
 .wso-grid-information-circle .wso-grid-button-inner {
    left: 0px;
 }
 .wso-grid-falstaff-circle,
.wso-grid-information-circle {
    top: 5px;
    left: 0;
}
}

@media only screen and (max-width: 767px) {
.popup {
    width: 90px !important;
}
   .wso-grid-information-circle .wso-grid-button::before {
      width: 100px;
      height: 100px;
  }
  .wso-grid-information-circle .wso-information {
      font-size: 16px !important;
      line-height: 20px !important;
  }
  .wso-grid-information-circle .wso-grid-button::before,
  .wso-grid-information-circle .wso-grid-button-inner {
      width: 100px;
      top: -95px;
      left: -60px;
  }
  .wso-grid-falstaff-circle .wso-grid-button::before,
  .wso-grid-falstaff-circle .wso-grid-button-inner {
      width: 120px;
      top: -100px;
      left: -68px;
  }
  .wso-grid-falstaff-circle .wso-grid-button::before {
      width: 120px;
      height: 120px;
  }
  .wso-grid-information-circle .wso-grid-button-inner {
      padding-top: 25px !important;
  }
  .wso-grid-falstaff-circle .wso-points-number {
      font-size: 13px !important;
      color: #fff !important;
  }
.wso-falstaff-circle .wso-tg-button::before,
.wso-information-circle .wso-tg-button::before {
    width: 130px;
    height: 130px;
}
.wso-falstaff-circle .wso-tg-button::before,
.wso-falstaff-circle .wso-tg-button-inner,
.wso-information-circle .wso-tg-button::before,
.wso-information-circle .wso-tg-button-inner {
    top: 25% !Important;
    -o-transform: translate(-50%,-25%);
    -ms-transform: translate(-50%,-25%);
    -moz-transform: translate(-50%,-25%);
    -webkit-transform: translate(-50%,-25%);
    transform: translate(-50%,-25%);
}
.wso-falstaff-circle .wso-tg-button-inner {
    padding-top: 15px !important;
}
.wso-falstaff img {
    width: 60px;
}
.wso-information-circle .wso-information {
    margin-top: 20px;
}
.wso-grid-falstaff-circle,
.wso-grid-information-circle {
    top: 30px;
    left: -15px;
 }
 #wso-popup-main-container {
    display: none !important;
}
}




.tg-wso-product .tg-item-media-holder {
    padding-top: 520px !important;
}
.tg-wso-product .tg-item-media-inner {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
min-width: 100% !important;
}
.tg-wso-product .tg-item-media-inner img {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
.tg-wso-product .tg-item-media-holder {
    padding-top: 130% !important;
}
}




/* SHOP HOME OFFER ============================================================= */
/*
.wso-wine-grid-home.wso-wine-grid-offers .tg-grid-holder.tg-layout-masonry {
height:auto !important;
}

.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product .tg-item-media-inner {
max-height:  217px !important;
min-width: 275px !important;
}
.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product img.tg-item-image {
max-height: 217px !important;
width: auto !important;
margin:  0 auto !important;
}
.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product .tg-item-media-holder {
padding-top: 96.8% !important;
}
.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product .tg-item-media-inner {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
min-width: 100% !important;
}
.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product .tg-item-media-inner img {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
.wso-wine-grid-home.wso-wine-grid-offers .tg-wso-product .tg-item-media-holder {
    padding-top: 55% !important;
}
}
*/




/* SHOP HOME ====================================================================== */

.wso-wine-offers .tg-grid-holder.tg-layout-masonry {
height:auto !important;
}
.wso-wine-offers .tg-wso-product .tg-item-media-inner {
max-height:  217px !important;
min-width: 275px !important;
}
.wso-wine-offers .tg-wso-product img.tg-item-image {
max-height: 286px !important;
width: auto !important;
margin:  0 auto !important;
}
.wso-wine-offers .tg-wso-product .tg-item-media-holder {
padding-top: 40.8% !important;
}
.wso-wine-offers .tg-wso-product .tg-item-media-inner {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
min-width: 100% !important;
}
.wso-wine-offers .tg-wso-product .tg-item-media-inner img {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
.wso-wine-offers .tg-wso-product .tg-item-media-holder {
    padding-top: 65% !important;
}
.wso-offer {
    display:none;
}

}


/*/ // // // // // // // // // // // // // // // // /
* BUTTON
* // // // // // // // // // // // // // // // // */

@media only screen and (min-width: 767px) {

.wso-offer {
    display:block;
    z-index:2;
    position:absolute;
    top: -25px;
    right: 4em;
    width: 165px;
    height: 165px;
    z-index:22 !important;
}
.wso-offer a {
    text-indent:-999em!important;
    display:block;
    transition: all .2s ease-in-out !important;
}
.wso-offer a::before {
    z-index:22 !important;
    content: "";
    position: absolute;
    top: -25px;
    right: 0em;
    width: 165px;
    height: 165px;
    background-image: url('/wp-content/uploads/2019/06/regele-offer.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all .2s ease-in-out !important;
}
.wso-offer a:hover::before {
    transform: scale(1.1) !important;
}
}
/* ============================================
Newsletter
============================================ */
:root {
    --button-diameter: calc(150px + (180 - 150) * ((100vw - 300px) / (2000 - 300)));
}
.wso-section-newsletter {
   padding: 100px 0 85px !important;
}
.wso-section-newsletter .column:not(.one) {
    text-align: left;
}
.wso-section-newsletter .wso-intro-button {
    top: 0;
    right: 0;
    width: var(--button-diameter) !important;
    height: var(--button-diameter) !important;
  -webkit-transform: translate(0%,-60%) rotate(10deg);
      -ms-transform: translate(0%,-60%) rotate(10deg);
	      transform: translate(0%,-60%) rotate(10deg);
}
@media only screen and (max-width: 767px) {
    .wso-section-newsletter .wso-intro-button {
        display: none !important;
    }
}
.wso-section-newsletter .wso-intro-button-inner {
    font-size: calc(14px + (25 - 14) * ((100vw - 300px) / (2000 - 300)));
}
.wso-section-newsletter .wso-intro-button-inner span {
    color: white;
    font-size: inherit !important;
}
.wso-section-newsletter .wso-intro-button-inner span:first-child {
    font-size: 1.5em!important;
    font-weight: 700;
    margin-bottom: 15px;
}
.wso-section-newsletter h3,
.wso-section-newsletter p {
    text-align: center
}
.wso-section-newsletter .column_attr > p:nth-of-type(2) {
    margin: 40px 0 70px!important;
}
.wso-section-newsletter form .wso-acceptance p {
    font-size: .9em;
    line-height: 1.4em;
    margin-top: 10px !important;
}
.wso-section-newsletter input.wpcf7-form-control.wpcf7-submit {
    background-color: black;
    border: 1px solid black;
    color: white;
    -webkit-transition:  .2s ease;
    -moz-transition:  .2s ease;
    -o-transition:  .2s ease;
    transition:  .2s ease;
}
.wso-section-newsletter input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: white;
    color: black;
}