.alpakaalm-banner-hero {}

.alpakaalm-banner-hero-item {
    color: var(--color-font);
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    text-decoration: none;
    margin-right: 1rem;
}

.alpakaalm-banner-hero-item img {
    margin-right: 12px;
}

.alpakaalm-banner-hero-scrolldown {}

.alpakaalm-hr,
hr.wp-block-separator {
    border-top: none;
    border-bottom: 2px solid var(--color-brown);
}

.alpakaalm-hr-lg,
hr.wp-block-separator {
    margin: 5rem 0;
}

/* CONTENT BLOCK CENTERED */
.content-block-centered {
    max-width: 1270px !important;
    margin: auto !important;
}

/* CONTENT BLOCK CROSSLINKS */
.content-block-crosslinks {
    text-align: center;
}

.content-block-crosslinks img {
    margin-bottom: -0.5rem;
    max-width: 100%;
}

.content-block-crosslinks .text-h3>a {
    text-decoration: none !important;
    color: var(--color-content);
}

.content-block-crosslinks .wp-block-column {
    transition: transform 0.3s;
}

.wp-site-blocks .content-block-crosslinks .wp-block-column:hover {
    transform: scale(1.1);
}

.block-editor-iframe__html .content-block-crosslinks .wp-block-column:hover {
    transform: none !important;
}

@media(min-width: 992px) {
    .content-block-crosslinks .wp-block-column:nth-child(even) {
        padding-top: 4rem;
    }
}

/* CONTENT BLOCK TEASER */
@media(min-width: 1400px) {
    .content-block-teaser>.wp-block-group {
        margin-top: -10rem;
    }

    .content-block-teaser>.wp-block-group .content-block-left {
        position: relative;
        left: -10rem;
    }

    .content-block-teaser>.wp-block-group:first-child {
        margin-top: 0;
    }

    .content-block-teaser>.wp-block-group:nth-child(even) {
        /* padding-left: 10rem; */
        position: relative;
        left: 10rem;
    }

    .content-block-teaser .wp-block-image img {
        max-width: calc(100% - 20rem);
    }

    .alpakaalm-home-teaser .wp-block-image {
        position: relative;
        left: 7rem;
    }
}

/* CONTENT BLOCK TEASER SMALL */
@media(min-width: 1600px) {
    .content-block-teaser-small>.wp-block-group .content-block-left {
        position: relative;
        left: -10rem;
    }

    .content-block-teaser-small>.wp-block-group:nth-child(even) {
        /* padding-left: 10rem; */
        position: relative;
        left: 10rem;
    }

    .content-block-teaser-small .wp-block-image img {
        max-width: calc(100% - 20rem);
    }

    .alpakawanderung-ablauf .wp-block-image {
        position: relative;
        left: 17rem;
    }
    .wp-block-group.alpakaalm-home-teaser.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding: 2rem;
    }
}

@media(min-width: 1400px) and (max-width: 1700px){
    .content-block-teaser-small>.wp-block-group .content-block-left {
        position: relative;
        left: 0rem;
    }

    .content-block-teaser-small>.wp-block-group:nth-child(even) {
        position: relative;
        left: 0rem;
    }

    .content-block-teaser-small .wp-block-image img {
        max-width: 80%;
    }

    .alpakawanderung-ablauf .wp-block-image {
        position: relative;
        left: 17rem;
    }

    .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow{
        padding: 2rem;
    }
}


.wpcp-single-item {
    border: none !important;
}

.wpcp-single-item:hover * {
    transform: scale(1.0) !important;
}

.wpcp-swiper-dots .swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
    font-size: 11px !important;
    background-color: var(--color-brown) !important;
    opacity: 0.5 !important;
}

.wpcp-swiper-dots .swiper-pagination-bullet-active {
    opacity: 1 !important;
}


.error404 .alpakaalm-banner-contact .alpakaalm-hr-lg,
.wp-block-navigation__responsive-container-content .alpakaalm-banner-contact .alpakaalm-hr-lg,
.wp-block-navigation__responsive-container-content .alpakaalm-banner-contact .alpakaalm-banner-hero-scrolldown {
    display: none;
}


/* CONTENT WOODEN BACKGROUND  */
.content-wooden-background {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw;
    position: relative;
    right: 0.6rem;
}

.content-wooden-background::before {
    position: absolute;
    left: 0;
    z-index: -1;
    display: block;
    content: '';
    background-image: url(../images/24_AlpakaAlm_shop_background.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    width: 100vw;
    height: 100%;
}

.alpakaalm-button {
    margin-bottom: 3rem !important;
}

.alpakaalm-hofladen-produkte {
    padding: 5rem !important;
}

.alpakaalm-bild-kompostierbar {
    text-align: center;
}

.alpakaalm-oekofilz-produkte {
    padding: 0 5rem !important;
}

@media(max-width: 992px) {
    .alpakaalm-button {
        margin-bottom: 0rem !important;
    }

    .text-h3 {
        text-align: center !important;
    }

    /* .form-checkbox p {
        margin-left: -2.5rem;
    } */
    .wpcf7-list-item {
        margin: 0 !important;
    }

    .alpakaalm-kontaktdaten {
        padding-left: 1rem !important;
    }

    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure.wp-block-image.aligncenter.size-full {
        width: 50%;
    }

    .content-block-crosslinks figure.wp-block-image.aligncenter.size-full {
        width: 100% !important;
    }

    .wc-block-grid__products {
        margin: 0 !important;
    }

    hr.wp-block-separator.has-alpha-channel-opacity,
    .alpakaalm-hr-lg {
        margin: 2rem;
    }

    div#tab-description {
        margin: 0 1.5rem;
    }

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h1.wp-block-post-title,.wp-block-post-excerpt__excerpt{
    margin:0 1.5rem;
}

ul.is-flex-container.columns-5.products-block-post-template.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ul.is-flex-container.columns-5.products-block-post-template.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow li img {
    margin: 0 3rem;
  }
  
  .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    justify-content: center;
}
}

.wp-block-post-content-is-layout-constrained {
    margin-bottom: 3rem;
}

@media(min-width: 762px) {
    .alpakaalm-landkarte img {
        max-height: 80vh !important;
        max-width: 80vh !important;
    }
}

.alpakaalm-kontaktdaten a {
    text-decoration: none !important;
}

@media(min-width: 1400px) {
    .alpakaalm-kontakt-adresse {
        position: relative;
        left: 10rem;
    }

    .alpakaalm-impressum img {
        position: relative;
        left: 7rem;
    }
    .content-block-teaser,.content-block-teaser-small{
        overflow: hidden;
    }
}

@media(min-width: 992px) and (max-width: 1390px) {
    .content-block-teaser-small>.wp-block-group:nth-child(even) {
        position: relative;
        left: 0rem;
        padding: 0;
        margin: 0;
    }

    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 70% !important;
    }

    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
        gap: 3rem !important;
    }

    .wp-block-column.alpakaalm-kontakt-adresse.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 35% !important;
    }

    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 0;
        max-width: 700px;
    }
    .wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap:3rem;
    }
    .page-id-267 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 0;
        max-width: 700px !important;
    }
    .error404 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 10px;
        max-width: 100%;
    }


    .entry-content.wp-block-post-content.is-layout-constrained.wp-block-post-content-is-layout-constrained  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        max-width: 100%;
    }
    .wp-block-columns.alpakaalm-carousel.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
        max-width: 100%;
    }
    .wp-block-columns.alpakaalm-carousel.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis:auto !important;
    }
}
@media(max-width: 992px) {
    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 0;
        max-width: 500px;
    }
    .page-id-267 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        gap: 0;
        max-width: 500px !important;
    }
    .error404 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        max-width: 100%;
    }
    .entry-content.wp-block-post-content.is-layout-constrained.wp-block-post-content-is-layout-constrained  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
        max-width: 100%;
    }

    .product-template-default 
        .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
            max-width: 100%;
        }
    .product-template-default 
    ul.is-flex-container.columns-5.products-block-post-template.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow li img {
            margin: 0;
        }
}

@media(min-width: 782px) and (max-width: 914px) {
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 55% !important;
    }

    .alpakaalm-carousel .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 100% !important;
    }

    .wp-block-column.alpakaalm-kontakt-adresse.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 25% !important;
    }

    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
        gap: 0 !important;
    }
}

@media(min-width: 1390px) and (max-width: 1500px) {
.wp-block-columns.alpakaalm-kontaktdaten.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    gap:7rem;
}
}
@media(min-width: 1390px) and (max-width: 1690px) {
  
    .alpakaalm-home-teaser .wp-block-image{
        left:0 !important;
    }
}
@media(min-width: 762px) {
  
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow, .amount{
        margin-right:1rem;
    }
}
@media(max-width: 782px) {
  
    .wp-block-group.content-block-teaser.is-layout-constrained.wp-block-group-is-layout-constrained img{
        max-width: 70vw;
    }
    .content-block-crosslinks{
        max-width: 70vw;
    }
    .content-block-teaser-small{
        max-width: 70vw;
    }
}