@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("blocks/hero.css");
@import url("blocks/icons.css"); 
@import url("blocks/kunden.css"); 
@import url("blocks/angebote.css"); 
@import url("blocks/downloads.css");
@import url("blocks/team.css");
@import url("blocks/history.css");
@import url("blocks/stoerer.css");
@import url("blocks/shopcats.css");

@import url("blocks/subpage-hero.css");
@import url("blocks/bild-text.css");
@import url("blocks/info-block.css");
@import url("blocks/info-kacheln.css");
@import url("blocks/cta.css");
@import url("blocks/lebenslauf.css");
@import url("blocks/galerie.css");
@import url("blocks/banner.css");
@import url("blocks/events.css");
@import url("blocks/kontakt.css");
@import url("blocks/kontaktformular.css");
@import url("blocks/tabs.css");
@import url("blocks/blogs.css");
@import url("blocks/faq.css");
@import url("blocks/blog-preview.css");
@import url("single_blog.css");
@import url("blocks/ankuendigung.css");
@import url("blocks/berger-tv.css");
@import url("blocks/berger-tv-preview.css");
@import url("blocks/shop-info-kacheln.css");

@import url("woocommerce/archive.css");
@import url("woocommerce/meistverkaufte_prods.css");
@import url("woocommerce/produktneuheiten.css");
@import url("woocommerce/categories.css");
@import url("woocommerce/cart.css");
@import url("woocommerce/checkout.css");
@import url("woocommerce/content-product.css");
@import url("woocommerce/content-product-cat.css");
@import url("woocommerce/single-product.css");

:root {

    --gradient-dark-blue: linear-gradient(90deg, #2FA5E1 0%, #00669A 61.06%, #014466 99%);
    --main-gradient: linear-gradient(90deg, #2FA5E1 0%, #00669A 61.06%, #014466 99%);
    --main-gradient-reverse: linear-gradient(90deg, #014466 0%, #00669A 38.94%, #2FA5E1 100%);
    --main-gradient-top-bottom: linear-gradient(180deg, #2FA5E1 0.21%, #00669A 53.5%, #014466 98.79%);
    --main-gradient-hover: linear-gradient(
        90deg,
        rgba(47, 165, 225, 0.2) 0%,
        rgba(0, 102, 154, 0.2) 61.06%,
        rgba(1, 68, 102, 0.2) 99%
      );

    --white: #F5F5F5;
    --black: #000;
    --red: #D9002A;
    --blue_dark: #00669A;

    --yellow: #F18825;
    --pink: #C42C6A;
    --blue: #00AFDB;
    --green: #00a983;

    --grey: #555;
    --light-grey: #8f92a1;
}

body,
.woocommerce,
.woocommerce-page,
.site-content {
    font-family: 'Exo2' !important;
}

body {
    background-color: #fff;
    color: var(--black);
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}
  
.dw_breadcrumbs a{
    color: var(--light-grey);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .5s all;
}

.color-white {
    color: var(--white);
}

.text-white {
    color: white;
}

.color-secondary {
    color: var(--color-secondary);
}

.bg-gradient-blue-dark {
    background: var(--gradient-dark-blue);
}

.bg-gradient-blue-dark-reverse {
  background: var(--main-gradient-reverse) !important;
}

.bg-gradient-blue-dark-top-bottom {
    background: var(--main-gradient-top-bottom) !important;
}

.bg-color-white {
    background-color: var(--white);
}

.button, button, .btn-primary {
    font-size:      1.25rem;
    line-height:    2rem!important; 
    background: var(--gradient-dark-blue)!important;
    border-radius: 10px;
    font-weight: 700;

    padding: 10px 20px;
    color: var(--white)!important;
    text-decoration: none!important;
    transition: all 0.5s;
}

.button:hover, button:hover, .btn-primary:hover{
    color: var(--white);
}

.btn-wide {
    padding: 5px 40px !important
}

.btn_red {
    background: var(--red)!important;
    background-color: var(--red);
    --bs-btn-hover-bg: var(--red);
    color: white;
}

.btn_white {
    color: var(--black)!important;
    background: var(--white)!important;
    background-color: var(--white);
}

.btn_text {
    border-color: var(--black)!important;
    color: var(--black)!important;
    background: transparent!important;
    color: var(--black);
    background-color: transparent;
    --bs-btn-hover-bg: transparent;
    display: flex;
    align-items: center;
    display: inline-block !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
    text-decoration: none !important;
    white-space: nowrap;
}

.btn-body_20 {
    font-family: var(--font-family);
    font-size: var(--font-size-body_20) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.btn_text::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path d='M8.74941 17.712C8.74894 17.6135 8.76816 17.5158 8.80594 17.4248C8.84372 17.3338 8.8993 17.2512 8.96941 17.182L13.4394 12.712L8.99941 8.242C8.90802 8.10104 8.8666 7.93348 8.88179 7.76618C8.89697 7.59888 8.96789 7.44152 9.08317 7.31932C9.19845 7.19712 9.35141 7.11717 9.51755 7.09227C9.68369 7.06737 9.85337 7.09897 9.99941 7.182L14.9994 12.182C15.1399 12.3226 15.2188 12.5132 15.2188 12.712C15.2188 12.9108 15.1399 13.1014 14.9994 13.242L9.99941 18.242C9.85878 18.3825 9.66816 18.4613 9.46941 18.4613C9.27066 18.4613 9.08003 18.3825 8.93941 18.242C8.80872 18.0973 8.74044 17.9068 8.74941 17.712Z' fill='black' fill-opacity='0.8'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(-1px);
}

/*Button Media Query*/
@media (max-width: 768px) {
    .btn_text {
        font-size: 16px;
    }  
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input 
.main_gradient {
    background: transparent !important
}

.content_area {
    padding-top: 4.375rem !important;
    padding-bottom: 4.375rem !important;
}

.wp-block-image img{
    width: 100%!important;
    object-fit: cover;
}
    
.wp-block-columns{
    display: flex;
    gap: 3em;
}

figure {
    margin: 0 0 0 0 !important;
}

#events, #formular {
    scroll-margin-top: 6rem ;
}

.jet-form-builder__action-button {
    border-radius: 10px !important;
    font-family: var(--font-family) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}

.blocks {
    margin-top: 5.5rem
}

.kontaktformular-form .jet-form-builder__label-text {
    transform: translate(10px, 10px);
}

.kontaktformular-form input {
    min-height: 3rem;
    border-radius: 10px;
    border: none !important;
}

button {
    border: none !important;
}

/*
******************************
default settings DO NOT change 
******************************
*/

.layout-60 .layout-60__inner {
    width: 60%;
    max-width: 1200px !important;
}
@media (max-width: 1200px) {
     .layout-60__inner {
        width: 80%;
        max-width: none;
    }
}

@media (max-width: 1024px) {
    .layout-60 .layout-60__inner {
        width: 80%;
    }
}


@media (max-width: 768px) {
    .layout-60 .layout-60__inner {
        width: 100%;
    }
}

.block-my-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.block-my-default {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important
}

.block-my-80-0 {
    padding-top: 2.1875rem !important;
    padding-bottom: 0rem !important
}

.block-my-0-80 {
    padding-top: 0rem !important;
    padding-bottom: 2.1875rem !important
}

.block-my-default.block-my-extra {
    padding-top:    2.1875rem !important;
    padding-bottom: 2.1875rem !important;
}

@media(min-width: 768px) {
    .block-my-none {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .block-my-default {
        padding-top: 4.375rem !important;
        padding-bottom: 4.375rem!important
    }

    .block-my-80-0 {
        padding-top: 4.375rem !important;
        padding-bottom: 0rem !important
    }

    .block-my-0-80 {
        padding-top: 0rem !important;
        padding-bottom: 4.375rem !important
    }

    .block-my-default.block-my-extra {
        padding-top:    9.375rem !important;
        padding-bottom: 9.375rem !important;
      }

}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}

.wp-block-columns {
    margin-bottom: 0px;
}

.dw_margin_left {
    margin-left: max(0px, (100vw - 1720px) / 2);
}
.dw_margin_right {
    margin-right: max(0px, (100vw - 1720px) / 2);
}
.dw_padding_left {
    padding-left: max(0px, (100vw - 1720px) / 2);
}
.dw_padding_right {
    padding-right: max(0px, (100vw - 1720px) / 2);
}

/* Screens <1720px */

@media (max-width: 1920px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1720px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1720px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1720px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1720px) / 2);
    }
}


@media (max-width: 1720px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1320px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1320px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1320px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1320px) / 2);
    }
}

@media (max-width: 1400px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 1140px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 1140px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 1140px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 1140px) / 2);
    }
}


@media (max-width: 1200px) {
    .dw_margin_left {
        margin-left: max(0px, (100vw - 960px) / 2);
    }
    .dw_margin_right {
        margin-right: max(0px, (100vw - 960px) / 2);
    }
    .dw_padding_left {
        padding-left: max(0px, (100vw - 960px) / 2);
    }
    .dw_padding_right {
        padding-right: max(0px, (100vw - 960px) / 2);
    }
}

@media (max-width: 992px) {
        .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}

@media (max-width: 768px) {
    .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}

@media (max-width: 576px) {
    .dw_margin_left {
        margin-left: 1.5rem
    }
    .dw_margin_right {
        margin-right: 1.5rem
    }
    .dw_padding_left {
        padding-left: 1.5rem
    }
    .dw_padding_right {
        padding-right: 1.5rem
    }
}


.k-white .btn-primary, .dw_collapse .btn-primary, .team-block .btn-primary{
    background-color: var(--walblau);
    color: white;
    border: 1px solid var(--walblau);
}


.k-white .btn-primary:hover, .dw_collapse .btn-primary:hover, .team-block .btn-primary:hover{
    background-color: var(--white);
    color: var(--walblau);
}

.search_result_item{
    border: solid 1px var(--walblau);
}


.slick-dots li button:before {
    font-size: 40px!important;
}

.wp-block-gallery {
  display: grid;
      grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  gap: var(--wp--style--gallery-gap, var(--gallery-block--gutter-size, var(--wp--style--block-gap, .5rem)));
}

.wp-block-gallery.columns-1 { grid-template-columns: 1fr; }
.wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); }
.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); }
.wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); }

.blocks-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--gallery-block--gutter-size, .5rem);
}
.blocks-gallery-grid .blocks-gallery-item { margin: 0; }

.wp-block-gallery .wp-block-image,
.wp-block-gallery figure { margin: 0; }
.wp-block-gallery img { display: block; width: 100%; height: auto; }


.woocommerce span.onsale {
    border-radius: 10px!important;
    background-color: var(--blue_dark)!important;
    padding: 5px 10px 5px 10px!important;
    min-height: auto!important;
    min-width: auto!important;
    line-height: normal!important;
}

.pum-theme-standard-theme {
    background-color: rgb(0, 0, 0, 0.5)!important;
}

.pum-container {
    padding: 0px!important;
}


.shop_table .actions{
    display: none!important;
}

/*
.cart-totals-box .shipping{
    display: none!important;
}
    */

.woocommerce-mini-cart .remove_from_cart_button{
    display: none!important;
}

.woocommerce-mini-cart li {
    display: flex!important;
}