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

}

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

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

}
@media only screen and (min-width: 981px) and (max-width: 1399px){

}
@media only screen and (min-width: 1400px) and (max-width: 1450px){

}
@media only screen and (min-width: 1280px) and (max-width: 1399px){

}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
    p.th-related-post-title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1023px){
    p.th-related-post-title {
        font-size: 24px;
    }
}

/* Notebook / Desktop */
@media only screen and ( min-width: 650px ) { 

}

@media (min-width: 768px){
    .thlayout1 article.has-post-thumbnail { 
        display: -ms-grid; 
        display: grid;
        -ms-grid-columns: 47.5% 3% auto;
        grid-template-columns: 47.5% auto;
        -ms-grid-rows: 40px 0 minmax(0, -webkit-max-content) 0 minmax(0, -webkit-max-content) 0 1fr 0 40px;
        -ms-grid-rows: 40px 0 minmax(0, max-content) 0 minmax(0, max-content) 0 1fr 0 40px;
        grid-template-rows: 40px minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) 1fr 40px;
        grid-template-rows: 40px minmax(0, max-content) minmax(0, max-content) 1fr 40px;
        gap: 0 3%;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(1) { 
        -ms-grid-row: 1; 
        -ms-grid-column: 1;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(2) { 
        -ms-grid-row: 1; 
        -ms-grid-column: 3;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(3) { 
        -ms-grid-row: 3; 
        -ms-grid-column: 1;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(4) { 
        -ms-grid-row: 3; 
        -ms-grid-column: 3;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(5) { 
        -ms-grid-row: 5; 
        -ms-grid-column: 1;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(6) { 
        -ms-grid-row: 5; 
        -ms-grid-column: 3;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(7) { 
        -ms-grid-row: 7; 
        -ms-grid-column: 1;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(8) { 
        -ms-grid-row: 7; 
        -ms-grid-column: 3;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(9) { 
        -ms-grid-row: 9; 
        -ms-grid-column: 1;
    }.thlayout1 article.has-post-thumbnail > *:nth-child(10) { 
        -ms-grid-row: 9; 
        -ms-grid-column: 3;
    }
  .thlayout1 article.et_pb_post {
    margin-bottom: 20px
  }

  .thlayout1 article.has-post-thumbnail .entry-featured-image-url {
    -ms-grid-row-span: 5;
    grid-row: span 5;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1
  }
  .thlayout1 article.has-post-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .thlayout1 .et_pb_ajax_pagination_container {
    height: 100%;
    padding-left: 40px;
  }
  .thlayout2 .et_pb_ajax_pagination_container,
  .thlayout3 .et_pb_ajax_pagination_container {
    height: 100%;
  }
  .thlayout_tier article.et_pb_post {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 48.5% 3% auto;
    grid-template-columns: 48.5% auto;  /* 50% für das Bild und der Rest für den Inhalt */
    -ms-grid-rows: minmax(0, 1fr) 0 minmax(0, 1fr) 0 minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));  /* Erstellt drei gleich große Zeilen */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;  /* Zentriert die Ausrichtung in den Zellen */
    -webkit-column-gap: 3%;
       -moz-column-gap: 3%;
            column-gap: 3%;  /* 3% Abstand nur zwischen den Spalten */
    row-gap: 0;  /* Kein Abstand zwischen den Zeilen */
    margin-bottom: 4vw;
}  .thlayout_tier article.et_pb_post > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}  .thlayout_tier article.et_pb_post > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}  .thlayout_tier article.et_pb_post > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}  .thlayout_tier article.et_pb_post > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}  .thlayout_tier article.et_pb_post > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}  .thlayout_tier article.et_pb_post > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.thlayout_tier article.has-post-thumbnail:nth-child(even) {
    -ms-grid-columns: auto 48.5%;
    grid-template-columns: auto 48.5%;
}

.thlayout_tier article .entry-featured-image-url {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;  /* Nutzt die volle Breite der Spalte */
    height: 0;
    padding-top: 100%;  /* Gleich wie die Breite für ein 1:1 Seitenverhältnis */
    position: relative;
    margin-bottom: 0;
}

.thlayout_tier article.has-post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;  /* Sorgt dafür, dass das Bild den Container füllt, ohne das Seitenverhältnis zu verzerren */
}

.thlayout_tier article.has-post-thumbnail .post-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;  /* Erstreckt sich über alle 3 Zeilen inkl h2 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;  /* Zentriert den Inhalt vertikal */
    height: 100%;  /* Nimmt die volle Höhe des Grid-Containers an */
    position: relative;
    padding: 10% 4.5vw;
}
.thlayout_tier article.has-post-thumbnail .post-content:before {
    content: "";
    position: absolute;
    height: 80%;
    width: 4px;
    background-color: #BFA87E;
    top: 10%;
    left: 0;
}
.thlayout_tier article.has-post-thumbnail:nth-child(even) .post-content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.thlayout_tier article.has-post-thumbnail:nth-child(even) .entry-featured-image-url {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.thlayout_tier article.has-post-thumbnail:nth-child(even) .post-content:before {
    left: auto;
    right: 0;
}
.thlayout_vermittlung.et_pb_module.et_pb_image, .thlayout_vermittlung .et_pb_image_wrap {
    height: 100% !important;
    width: 100% !important;
}
.thlayout_vermittlung .et_pb_image_wrap img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    aspect-ratio: 3 / 4;
}
p.minititle {
    font-size: 13px;
}
.article.thlayout5 a.title,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title, .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title a,
.th-reiterinhalt-preisliste-wrap h3,
[class*=" dipi_advanced_tabs_"] .dipi-at-panel .th-reiterinhalt-preisliste-wrap h3,
.rpbt_shortcode > p:first-of-type {
    font-size: 28px;
}
.article.thlayout5 p.content-excerpt,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__desc,
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime {
    font-size: 15px;
}
}

@media only screen and (min-width: 981px){
    .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav .sub-menu li a {
        padding: 0;
        line-height: 1.3em;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav .sub-menu li + li {
        padding-top: .5em;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav .sub-menu li {
        padding: 0 10px;
        padding-right: 10px !important;
    }
    .th-reiterinhalt-preisliste-wrap {
        padding:  2em 0 0 0;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
        top: calc(100% + 27px);
    }
    .article.thlayout5 a.title,
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title, .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title a,
    .th-reiterinhalt-preisliste-wrap h3,
    [class*=" dipi_advanced_tabs_"] .dipi-at-panel .th-reiterinhalt-preisliste-wrap h3,
    .rpbt_shortcode > p:first-of-type {
        font-size: 32px;
    }
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime {
        font-size: 18px;
    }
    .article.thlayout5 p.content-excerpt,
    .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__desc {
        font-size: 16px;
    }
    .et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended {
        width: 32% !important;
        margin-bottom: 0px;
        margin-left: 0 !important;
    }   
    .et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended:not(:nth-child(3n)) {
    margin-right: 2% !important;
    }
    .et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd) .post-media {
    order: 0 !important;
    }
    .wpsl-store-below #wpsl-gmap {
        max-width: 66%;
    }
    .isla-acf-slider.th-fixed-ratio, .isla-acf-slider.th-fixed-ratio .et_pb_slides, .isla-acf-slider.th-fixed-ratio .et_pb_slide, .isla-acf-slider.th-fixed-ratio .et_pb_slide .et_pb_empty_slide {
        height: 100% !important;
        flex: 1;
    }
}

@media (min-width: 981px){

}

@media screen and (min-width: 1200px){
    .sidebyside .grid-sizer, .sidebyside .grid-item {
        width: calc((100% - ((1 - 1) * 40px)) / 1) !important;
    }
    .sidebyside .grid-item {
        flex-direction: row !important;
    }
    .sidebyside .grid-item .img-container, .sidebyside .grid-item .dipi-grid-item-content {
        display: flex;
        justify-content: center;
        align-self: center;
    }
    .sidebyside .grid-item .img-container {
        width: 50%;
        position: relative;
        align-self: stretch;
        padding-top: 16vw;
    }
    .sidebyside .grid-item .img-container img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
    }
}

@media only screen and (max-width: 1320px){
    .et_pb_menu_0_tb_header.et_pb_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
    }
    .et-db #et-boc .et-l #tierheim-duobutton-header .et_pb_menu_0_tb_header,
    .et_pb_column_0_tb_header .et_pb_menu--style-left_aligned .et_pb_menu_inner_container, 
    .et_pb_column_0_tb_header .et_pb_menu--style-left_aligned .et_pb_row {
        width: 100%;
    }
    .et_pb_column_0_tb_header .et_pb_menu .et_pb_menu__menu {
        display: none !important;
    }
        
    .et_pb_column_0_tb_header .et_mobile_nav_menu {
        display: block !important;
    }
}

@media screen and (max-width: 980px){
    .et_fixed_nav #page-container, .et_fixed_nav.et_show_nav #page-container,
    .dipi-fixed-header.et_fixed_nav.et_show_nav #page-container,
    .dipi-fixed-header #et-main-area {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    #main-header.et-fixed-header {
        position: fixed !important;
    }
    .logged-in #main-header.et-fixed-header {
	    transition: all .3s 0s;
    }
    .et-l.et-l--header {
        height: auto !important;
        background: rgba(255, 255, 255, 0.6) !important;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .th-reiterinhalt-preisliste-wrap h3,
    [class*=" dipi_advanced_tabs_"] .dipi-at-panel .th-reiterinhalt-preisliste-wrap h3 {
        font-size: 28px;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
        top: calc(100% + 8px);
    }
    .et-db #et-boc .et-l #tierheim-duobutton-header .et_pb_menu_0_tb_header .et_pb_menu__wrap,
    #tierheim-duobutton-header .et_pb_menu_0_tb_header .et_pb_menu__wrap {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .isla-acf-slider.et_pb_slider, 
    .et-db #et-boc .et-l .isla-acf-slider.et_pb_slider {
        height: calc(100vw / 16 * 9) !important;
    }
    .isla-acf-slider.et_pb_slider .et_pb_slider_container_inner, 
    .et-db #et-boc .et-l .et_pb_slider_0_tb_body .et_pb_slides .et_pb_slider_container_inner, .et_pb_slides .et_pb_container, .et-db #et-boc .et-l .et-db #et-boc .et-l .et_pb_slider_0_tb_body .et_pb_slide, .et-db #et-boc .et-l .et_pb_slider_0_tb_body .et_pb_slide, .et-db #et-boc .et-l .et_pb_slider_0_tb_body .et_pb_slides {
        height: 100%;
    }
    .isla-acf-slider.et_pb_slider .et_pb_slide_image img, 
    .et-db #et-boc .et-l .et_pb_slider_0_tb_body .et_pb_slide_image img {
        object-position: top;
    }
    .tierstatus-tag {
        font-size: 14px;
      }
    .th-related-posts-sidebarcontainer {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .th-related-posts-sidebarcontainer > div {
        flex: 1 1 47.5%;
        min-width: 340px;
    }
    .th-related-posts-container > div {
        min-width: 250px;
    }
    p.th-related-post-title {
        font-size: 24px;
    }
}

@media (max-width: 1300px) and (min-height: 800px) and (min-width: 981px){

}
@media (max-width: 980px){
    .et_pb_column_0_tb_header .et_pb_menu--style-left_aligned .et_pb_menu_inner_container, 
    .et_pb_menu--style-left_aligned .et_pb_row {
        width: 100%;
    }
    .et_pb_column_0_tb_header .et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_menu--style-left_aligned {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .et_pb_posts_nav.th-postnav .nav-previous a span.meta-nav:before, 
.et_pb_posts_nav.th-postnav .nav-next a span.meta-nav:after,
.tier-backlink a .backsymbol {
    font-size: 20px;
    }
}
@media (max-width: 767px){
    .et_pb_column_0_tb_header .et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_menu--style-left_aligned {
        width: 100%;
    }
}
@media only screen and (max-width: 782px) {
    .logged-in .et-l.et-l--header, .logged-in #main-header.et-fixed-header,
    body.logged-in.admin-bar .et_pb_section_0_tb_header, body.admin-bar .et_pb_section_0_tb_header {
        top: 46px !important;
    }
}
@media screen and (max-width: 767px) {
    ul#menu-footer-1 li a {
        font-size: 15px;
    }
    .th-reiterinhalt-preisliste-wrap h3,
    [class*=" dipi_advanced_tabs_"] .dipi-at-panel .th-reiterinhalt-preisliste-wrap h3 {
        font-size: 24px;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
        top: calc(100% + 3px);
    }
    .th-reiterinhalt-preisliste-wrap table {
        table-layout: fixed;
    }
    .th-reiterinhalt-preisliste-wrap table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
      
      .th-reiterinhalt-preisliste-wrap table tr {
        display: block;
        margin-bottom: 15px;
      }
      
      .th-reiterinhalt-preisliste-wrap table td {
        display: block;
        font-size: 90%;
        text-align: right;
        position: relative;
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-top: 0;
      }
      
      .th-reiterinhalt-preisliste-wrap table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        font-weight: bold;
        text-transform: uppercase;
        color: #ead8b7;
        background-color: #8c6f4a;
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
        border-right: 10px solid #fcf8f0;
        padding: 0 1em;
        display: flex;
        align-items: center;
        width: 50%;
        letter-spacing: .1em;
        font-size: 11px;
        text-align: left;
      }
      
      .th-reiterinhalt-preisliste-wrap table td:last-child {
        border-bottom: 0;
      }
      .tierstatus-tag {
        font-size: 14px;
      }
      #wpsl-result-list p, #wpsl-wrap #wpsl-result-list li {
        font-size: 15px;
        line-height: 1.5em;
        min-width: 155px;
    }
    .th-related-posts-sidebarcontainer > div {
        min-width: 100%;
    }
    .isla-acf-slider .et-pb-controllers {
        bottom: 10%;
    }
}
@media (max-width: 640px){

}
@media only screen and (max-width: 600px){
    .zahlen_zeile .et_pb_column_1_6  {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }
    .th-reiterinhalt-preisliste-wrap table {
        width: 100%;
        overflow-x: auto;
    }
    #wpadminbar {
        position: fixed !important;
    }
    #wpsl-result-list p, #wpsl-wrap #wpsl-result-list li {
        font-size: 14px;
    }
    .th-related-posts-container > div {
        min-width: 100%;
    }
}
@media (max-width: 600px){

}
@media (max-width: 550px){
    .th-reiterinhalt-wrap img {
        max-width: 300px;
        height: auto;
        width: 50%;
        display: inline-block;
    }
}
@media only screen and (max-width: 530px){

}
@media (max-width: 500px){

}
@media only screen and (max-width: 480px){

}
@media (max-width: 479px){

}
@media (max-width: 450px){

}
@media only screen and (max-width: 450px){

}
@media only screen and (max-width: 415px){
    .th-reiterinhalt-wrap img {
        max-width: 300px;
        height: auto;
        width: 100%;
        display: block;
        text-align: center;
        float: none;
        margin: 0 0 1em 0;
    }
}
@media (max-width: 400px){

}
@media only screen and (max-width: 375px){

}