/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* needs to be changed, non elegant solution */
/* .inside-site-info{
    display: none;
} */
/*
h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}*/

body{
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.btn-design-1 {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-image: linear-gradient(135deg, #EF7D0A 30%, rgba(239, 125, 10, 0.5) 45%, transparent 70%);
    background-size: 100px 100px;
    background-position: -70px -70px;
    background-repeat: no-repeat;
    transition: all ease 0.9s;
}

.btn-design-1:hover {
    background-size: 300% 300%;
    background-position: 0px 0px;
}

/*Offer Page*/
.offer-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 1s ease-in-out, box-shadow 1s ease;
}

.offer-block:hover {
    background: linear-gradient(135deg, #FBCD86, #FCDEB1); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/*
.offer-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    text-align: center;
    background-image: linear-gradient(135deg, rgba(239, 125, 10, 0) 0%, rgba(239, 125, 10, 1) 50%, rgba(248, 172, 54, 1) 70%, rgba(248, 172, 54, 0.1) 100%);
    background-size: 200% 100%;
    background-position: -100% 0;
    background-repeat: no-repeat;
    transition: background-position 0.9s ease, background-color 0.9s ease;
}

.offer-block:hover{
    background-position: 100% 0;
    background-color: #F8AC36;
}
*/

/* .customstylelist {
    list-style-image: url('https://fusspflege-barfuss.digicube.dev/wp-content/uploads/2025/01/New-Project-15.png'); 
} */
.gb-headline-54edc54b{
    display: none;
}
.sticky-wrap-single {
    position: sticky;
    top: 20px; /* Distance from the top of the viewport */
    height: 200px; /* Example height for the sticky element */
  }

.content-siongel{
    flex: 1;
}
.parent-single{
    position: relative; /* Ensures the sticky element respects the parent's boundaries */
    display: flex;
}

.customstylelist {
    list-style: none; /* Remove default bullets */
  }
  
  .customstylelist li {
    position: relative; /* Position for bullet image */
    padding-left: 25px; /* Add space for the bullet */
  }
  
  .customstylelist li::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 10px;
    width: 6px;
    height: 15px;
    background-image: url("https://fusspflege-barfuss.digicube.dev/wp-content/uploads/2025/01/New-Project-15.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

.footprint-image-contact-page{
    position: absolute;
    bottom: -90px;
    right: 0;
}

.offer-block img{
    border-radius: 15px 15px 0px 0px;
    width: 100%; 
    object-fit: cover;
}

.contact-from-buble{
    background-size: contain !important;
    min-height: 260px;
}

.offer-block h2, .offer-block p, .offer-block a{
    text-align: center;
    text-decoration: none;
    margin: 20px 0;
}

.offer-price{
    background-color: white;
    padding: 10px 20px;
    display: inline-block; 
    border-radius: 50px; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    text-align: center; 
    max-width: 200px; 
    margin: 0 auto;
}

.offer-block p:last-child{
    padding-bottom: 40px;
}

.footer a{
    color: black !important;
    transition: all ease 0.4s;
}

.footer a:hover{
    font-weight: 500;
}

footer, .footer {
    background: linear-gradient(98deg, rgba(119, 73, 138, 0.4) 0%, rgba(51, 151, 184, 0.4) 25%, rgba(204, 214, 21, 0.4) 50%, rgba(248, 172, 54, 0.4) 78%, rgba(239, 125, 10, 0.4) 100%);
    mix-blend-mode: darken;
}

.customstylelist{
    margin: 0 !important;
}

.offer-template-default h1{
    color: #000000;
}

.offer-template-default article{
    background: url(https://fusspflege-barfuss.digicube.dev/wp-content/uploads/2024/12/UnderpageAngebote-Feet.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.sticky-wrap-single{
    background: #fff;
}

.wp-block-social-links li a{
    padding: 0;
}

.wp-block-social-links li a svg {
    width: 32px !important;
    height: 32px !important;
}

.gb-container-a2e62e80{
    position: relative;
}
.gb-container-a2e62e80::after{
    content: '';
    display: block;
    width: 60%;
    height: 70%;
    background-image: url(https://fusspflege-barfuss.digicube.dev/wp-content/uploads/2025/03/Mask-Group-1.png);
    background-size: contain;
    background-position: center;
    position: absolute;
    right: -80px;
    top: 258px;
    background-repeat: no-repeat;
}

.gb-container-fe6f2857, .gb-container-471ef5bf{
    padding-left: 30px;
    padding-right: 30px;
}

.gb-container-374eebed {
    margin-bottom: 100px !important;
}

body.offer-template-default.single.single-offer main{
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 769px) and (max-width: 1370px) {
    body.offer-template-default.single.single-offer main{
        padding-left: 30px;
        padding-right: 30px;
    }
    .gb-grid-column-c57280b4 {
        padding-left: 60px !important;
    }
    h2.gb-headline-8b435f9c a{
        font-size: 16px;
    }
    .gb-headline-bcad7b42{
        font-size: 22px;
    }
}
@media (min-width: 769px) and (max-width: 816px) {
    .main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
        font-size: 16px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .gb-grid-wrapper > .gb-grid-column-b0220dc2 {
        width: 50% !important;
    }

    .gb-grid-wrapper > .gb-grid-column-1587ed99, .gb-grid-wrapper > .gb-grid-column-062e182f, .gb-grid-wrapper > .gb-grid-column-766f413f, .gb-grid-wrapper > .gb-grid-column-bb4780ee {
        width: 100% !important;
    }
    .gb-container-1587ed99{
        margin-bottom: 30px;
    }
    .gb-container-374eebed, .gb-container-bb4780ee {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 1394px) {
    .gb-grid-wrapper-93561ef0{
        justify-content: center;
    }
    .gb-container-7e39777a{
        background-image: none !important;
        background-color: #faceae;
        border-radius: 20px;
    }
    .contact-from-buble{
        min-height: auto !important;
    }
}

@media (max-width: 1183px) {
    .gb-container-a2e62e80::after{
        display: none !important;
    }
    p.gb-headline-6685bfba {
        padding-left: 0 !important;
    }
    h2.gb-headline-ae27ec82 {
        padding-left: 0 !important;
    }
    .gb-container-a2e62e80{
        margin-top: 40px;
    }
    .gb-grid-wrapper-93561ef0 > .gb-grid-column, .gb-grid-wrapper-93561ef0 > .gb-grid-column{
        width: 100% !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 768px) {
    nav.toggled::after {
        background: #fff;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -1;
        display: block;
        position: fixed;
        left: 0;
    }
    .site-logo {
        z-index: 99999;
    }
    h1{
        font-size: 37px !important;
    }
    .gb-grid-wrapper > .gb-grid-column-b0220dc2 {
        width: 100% !important;
    }
    .site-header .header-image {
        width: 127px;
    }
    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
        background-color: rgba(0, 0, 0, 0);
    }
    .gb-grid-wrapper-91b2fa4e {
        row-gap: 40px !important;
    }    
    .gb-container-471ef5bf{
        padding-left: 30px;
        padding-right: 30px;
    }
    .gb-container-a2e62e80 {
        margin-left: 0 !important;
    }
    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
        padding-left: 0 !important;
        padding-right: 0 !important;
        line-height: 50px !important;
    }
    .gb-block-image-6ea3c3b1{
        margin-bottom: 20px;
    }
    body.offer-template-default.single main {
        padding: 0 30px;
    }
    body.offer-template-default.single h1 {
        font-size: 42px;
    }
    .gb-image-e25c882e {
        border-radius: 15px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: middle;
    }
    .gb-grid-wrapper > .gb-grid-column-f843c516, .gb-grid-wrapper > .gb-grid-column-d6298073, .gb-grid-wrapper > .gb-grid-column-7a786b28 {
        width: 90% !important;
    }
    .gb-grid-wrapper > .gb-grid-column-66a385a4, .gb-grid-wrapper > .gb-grid-column-9c6eedf7, .gb-grid-wrapper > .gb-grid-column-0398c970 {
        width: 10% !important;
    }
    h2{
        margin-bottom: 40px;
        font-size: 36px;
    }
    .gb-grid-wrapper-09a35ce4{
        margin-top: 20px;
    }
    .gb-container-7e39777a{
        background-image: none !important;
    }
    p.gb-headline-68047c43, .gb-container-f0b844f8 {
        padding: 10px 20px !important;
    }
    .gb-container-fe6f2857 {
        margin-top: 0 !important;
        padding: 30px;
    }
    .footprint-image-contact-page {
        bottom: -40px;
    }    
    .gb-grid-wrapper > .gb-grid-column-1587ed99 {
        width: 100% !important;
    }
    .gb-container-1587ed99{
        margin-bottom: 30px;
    }
    .gb-container-374eebed {
        margin-bottom: 60px !important;
    }
    .gb-container-bb4780ee{
        padding: 20px !important;
        margin-bottom: 30px;
    }
}


@media (max-width: 959px) {
    .gb-grid-wrapper > .gb-grid-column-e4bdb537, .gb-grid-wrapper > .gb-grid-column-c57280b4{
        width: 100% !important;
    }
    .gb-grid-column-c57280b4{
        padding-left: 120px !important;
    }
    .gb-container-c57280b4 {
        height: auto !important;
    }
    .gb-image-e25c882e{
        width: 97% !important;
    }
}