/*
Theme Name: Tierheim Design
Theme URI: https://www.tierheim-hannover.de/
Description: Ein Divi Child Theme für Tierschutzverein für Hannover und Umgegend e.V.
Author: Saskia Teichmann
Author URI: https://saskialund.de
Template: Divi
Version: 2.1.82
*/

:root {
    --heropadding_themeroot: 109.75px;
    --links-color: #386f36 !important;
    --footer-bg-image: url("/wp-content/uploads/2026/05/tierheim_kontakt_kanincen_footer_kl.png");
}

html:not(.et-vb-root-ancestor),
body:not(.et-vb-root-ancestor) {
    overflow-x: hidden;
}

body {
    position: relative
}

.blindhelper,
.headingblindhelper h1 {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* Grundlegendes Styling für Textelemente, z. B. p, div */
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    /* Erzwingt die Silbentrennung für deutsche Texte */
    hyphens: auto;
    /* CSS für den Sprachcode, falls nicht im HTML-Tag gesetzt */
    lang: de;
    /* Gibt den Mindestabstand vor und nach einem Trennstrich an */
    hyphenate-limit-chars: 6 3 3;
    /* Mindestens 6 Buchstaben im Wort, 3 vor und 3 nach dem Trennstrich */
    hyphenate-limit-lines: 2;
    /* Silbentrennung erst nach mindestens 2 Zeilen Text */
    hyphenate-limit-zone: 8%;
    /* Erlaubt Trennungen in den letzten 8% der Zeile */
    hyphenate-limit-last: always;
    /* Erzwingt Trennung auch in der letzten Zeile des Absatzes */
    font-variant-ligatures: none;
    font-variant: none;
}

.et-db #et-boc .et-l.et-l--post .et_builder_inner_content, .et_builder_inner_content {
    z-index: 1;
}
.et-db #et-boc .et-l.et-l--post header .et_builder_inner_content, header .et_builder_inner_content {
    z-index: 30 !important;
}

/* Ergänzende Regeln für spezifische Browser */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    p,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a {
        -ms-hyphens: auto;
    }
}

/* Safari und ältere Chrome-Versionen */
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    -webkit-hyphens: auto;
}

.jshinweis {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    border-bottom: 1px solid #A29330;
    background-color: #FDF2AB;
    text-align: left;
    cursor: pointer;
    color: #000;
    font-size: 100%;
    width: 100%;
    font-weight: 700;
}

.jshinweis div {
    padding: 5px 36px 5px 40px;
}

.jshinweis>div>a,
.jshinweis>div>a:visited {
    color: #E25600;
    text-decoration: underline;
    font-weight: 300;
}

body.et-tb-has-header:not(.et-tb-has-body, .et_pb_pagebuilder_layout) #main-content {
    padding-top: 109.75px;
    padding-bottom: 70px;
}

/* Header */
#main-header .container.et_menu_container {
    max-width: 1920px;
    width: 95%;
}

.et_fixed_nav #page-container,
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.et_fixed_nav #main-header {
    position: fixed !important;
}

.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: 32px !important;
}

#main-header,
#main-header .nav li ul,
#main-header .et_mobile_menu {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.et_mobile_menu li .sub-menu li {
    padding-left: 0 !important;
}

#logo {
    max-width: 215px;
    height: auto;
}

.et_pb_menu_0_tb_header #menu-header li.notfall_link a {
    color: #CB5F10 !important;
}

.et_pb_menu_0_tb_header #menu-header li.notfall_link a:hover {
    color: #386f36 !important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    right: calc(50% - 8px);
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after {
    top: 80% !important;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}

.mobile_nav ul.et_mobile_menu,
.mobile_nav ul.et_mobile_menu ul {
    list-style: none;
    padding: 0;
    line-height: 1.3em;
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
    border-top: 3px solid #ffffff !important;
    text-align: center;
    padding: 5px 0;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu:after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: -22px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-bottom-color: #fff;
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.et_pb_menu_0_tb_header.et_pb_menu .opened .et_mobile_menu:after {
    opacity: 1;
    transform: translateY(0);
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: transparent !important;
}

.et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}

.et_mobile_menu li a {
    border: none;
}

header .et_pb_module.et_pb_menu+.et_pb_button_module_wrapper {
    height: 75%;
}

/* Buttons and More Links */
body #page-container .et_pb_section .thbutton .et_pb_button_one.et_pb_button,
.thbutton .et_pb_button,
.thbutton .et_pb_button.et_pb_promo_button,
.et_pb_button.thbutton:before,
.thbutton .dipi-fg-readmore-button-wrapper a.et_pb_button.dipi-fg-readmore-button {
    padding-top: 1.6em;
}

body #page-container .et_pb_section .et_pb_module.thbutton .et_pb_button_one.et_pb_button:before,
.thbutton .et_pb_button:before,
.et_pb_promo .et_pb_promo_button.et_pb_button:before,
body #page-container [class*="et_pb_cta_"].et_pb_promo.thbutton .et_pb_promo_button.et_pb_button:before,
.et_pb_button.thbutton:before,
body.et-db #page-container #et-boc .et-l .et_pb_button_0_tb_footer.thbutton:before,
body.et-db #page-container #et-boc .et-l .et_pb_button_1_tb_footer.thbutton:before,
body.et-db #page-container #et-boc .et-l .et_pb_button_2_tb_footer.thbutton:before,
body #page-container .et_pb_section .et_pb_button_0_tb_footer.thbutton:before,
body #page-container .et_pb_section .et_pb_button_1_tb_footer.thbutton:before,
body #page-container .et_pb_section .et_pb_button_2_tb_footer.thbutton:before,
.et_pb_button_module_wrapper a.et_pb_button.thbutton:before,
.et_pb_button_module_wrapper a.et_pb_button.thbutton::before,
body #page-container .et_pb_section .et_pb_button_module_wrapper a.et_pb_button.thbutton::before,
.dipi-at-btn:before,
.thbutton .dipi-at-btn-wrap a.et_pb_button.dipi-at-btn:before,
body #page-container .et_pb_section [class*=" dipi_advanced_tabs_"] a.et_pb_button.dipi-at-btn:before,
.thbutton .dipi-fg-readmore-button-wrapper a.et_pb_button.dipi-fg-readmore-button:before,
body #page-container .et_pb_section [class*="  et_pb_blog_extras_"] .et_pb_post.et_pb_post_extra .post-content .el-read-more-btn .et_pb_button:before,
.et_pb_blog_extras.thbutton .et_pb_post_extra .el-read-more-btn a.et_pb_button:before,
body.et-db #page-container #et-boc .et-l .et_tb_button.thbutton:before,
body.et-db #page-container #et-boc .et-l .et_pb_button-thbutton:before,
body.et-db #page-container #et-boc .et-l .thbutton[class*="et_pb_button_"][class*="_tb_body"]::before,
#page-container #et-boc .et-l .thbutton[class*="et_pb_button_"][class*="_tb_body"]::before,
body.et-db #page-container #et-boc .et-l .thbutton[class*="et_pb_button_"][class*="_tb_footer"]:before,
body.et-db #page-container #et-boc .et-l .thbutton[class*="et_pb_button_"][class*="_tb_footer"]::before {
    font-size: 3em !important;
    top: 0;
    left: -5px;
    letter-spacing: 0;
    margin-left: 0 !important;
    padding: 0;
    line-height: inherit !important;
}

.et_pb_button_module_wrapper a.et_pb_button.thbutton.tieranfragebutton:before,
.et_pb_button_module_wrapper a.et_pb_button.thbutton.tieranfragebutton::before,
body #page-container .et_pb_section .et_pb_button_module_wrapper a.et_pb_button.thbutton.tieranfragebutton::before,
.et_pb_button.thbutton.tieranfragebutton:before,
.et_pb_button.thbutton.tieranfragebutton::before {
    top: .6em !important;
    left: .53em !important;
}

a.more-link:before,
.thbutton a.more-link:before,
.thbutton .dipi-at-btn-wrap a.et_pb_button.dipi-at-btn:before,
.thbutton .dipi-fg-readmore-button-wrapper a.et_pb_button.dipi-fg-readmore-button:before {
    content: "$" !important;
    font-family: ETmodules !important;
    line-height: inherit;
    opacity: 1;
    right: auto;
    display: inline-block;
    font-weight: 400 !important;
    font-size: 3em !important;
    top: 0;
    left: -5px;
    letter-spacing: 0;
    margin-left: 0 !important;
    padding: 0;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    text-shadow: none;
    color: #386F36;
}

a.more-link,
.thbutton a.more-link,
.thbutton .et_pb_post_extra.el_dbe_grid_extended a.more-link {
    position: relative;
    padding-top: 1.6em !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-top: auto;
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
    border-bottom: 0 !important;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 15px;
    color: #7fab5b;
    font-weight: bold;
}

.thbutton .dipi-fg-readmore-button-wrapper a.et_pb_button.dipi-fg-readmore-button:hover,
.thbutton .dipi-fg-readmore-button-wrapper a.et_pb_button.dipi-fg-readmore-button:focus {
    background-color: inherit;
}

.thbutton a.more-link {
    display: inline-block;
}

.tier-child-tab a.more-link {
    margin-top: auto;
}

.thbutton article .post-content-inner,
.thbutton article.et_pb_post_extra .post-data,
.tier-child-tab .et_pb_tab_content>div:first-of-type {
    margin-bottom: 1.5em;
}

/* #ffffff */
.thpinselmaske_ffffff.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_ffffff.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_ffffff.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_ffffff.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner.svg') !important;
}

/* #20501e */
.thpinselmaske_20501e.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_20501e.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_20501e.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_20501e.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner_20501e.svg') !important;
}

/* #f2ebdc */
.thpinselmaske_f2ebdc.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_f2ebdc.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_f2ebdc.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_f2ebdc.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner_f2ebdc.svg') !important;
}

/* #fcf8f0 */
.thpinselmaske_fcf8f0.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_fcf8f0.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_fcf8f0.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_fcf8f0.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner_fcf8f0.svg') !important;
}

/* #e5dac2 */
.thpinselmaske_e5dac2.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_e5dac2.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_e5dac2.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_e5dac2.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner_e5dac2.svg') !important;
}

/* #7fab5a */
.thpinselmaske_7fab5a.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.thpinselmaske_7fab5a.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_7fab5a.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske_7fab5a.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('/wp-content/themes/tierheim-design/assets/images/pinseltrenner_7fab5a.svg') !important;
}

.thpinselmaske.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.et-db #et-boc .et-l .thpinselmaske.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-size: 105% !important;
    bottom: -15px;
}

.thpinselmaske.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider,
.et-db #et-boc .et-l .thpinselmaske.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
    background-size: cover;
    /* height: 66px;
    top: -30px; */
    height: 9.5vw;
    top: -3.2vw;
    background-position: center top;
}

/*
.pinselstrich.et_pb_section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider,
.pinselstrich.et_pb_section.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
  background-image: url('/wp-content/themes/tierheim-design/assets/images/pinselstrich.svg') !important;
} */
.et_pb_promo.thbutton.et_animated,
.et_pb_promo.thbutton.et_had_animation,
.et_pb_promo.thbutton.et_animated *,
.et_pb_promo.thbutton.et_had_animation * {
    opacity: 1 !important;
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

/* Beitragslayouts */
.thlayout1 .post-content {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.thlayout1.et_pb_posts {
    height: 100%;
}

.thlayout1 a.more-link {
    margin-top: auto;
}

.thlayout2 article {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.thlayout3 .post-media {
    width: 100%;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}

.thlayout2 a.entry-featured-image-url,
.thlayout3 .post-media a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.thlayout3 .post-media a {
    display: block;
}

.thlayout2 a.entry-featured-image-url>img,
.thlayout3 .post-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thlayout2 article h2.entry-title,
.thlayout2 article .post-meta,
.thlayout2 article .post-content {
    position: relative;
    z-index: 2;
}

.thlayout2 article a.more-link:before,
.thbutton.thlayout2 article a.more-link:before {
    color: #ffffff;
}

.thlayout_tier article.has-post-thumbnail h2,
.thlayout_tier article.has-post-thumbnail h3 {
    display: none;
    /* Blendet die h2 Überschrift aus */
}

.thlayout_tier article.has-post-thumbnail a.more-link {
    margin-top: inherit;
}

/* Blog Extras Layout - Herzenstiere */
.thlayout3 .et_pb_post_extra .post-media,
.thlayout3 .et_pb_post_extra.el_dbe_grid_extended .post-media {
    border-bottom: 4px solid #bfa87e;
}

.thlayout3 .post-categories a,
.thlayout3 .et_pb_post.et_pb_post_extra .post-categories a {
    text-transform: uppercase;
    padding: 0 0 !important;
    letter-spacing: 0.1em;
    font-size: 13px;
    margin-bottom: 0 !important;
}

.thlayout3 .post-categories a:not(.el_tierart_term) {
    display: none;
}

/* Blog Extras Layout - Erfolgstory - nur 1 Post */
.et_pb_module.et_pb_blog_extras.erfolgsstory,
.et_pb_module.et_pb_blog_extras.erfolgsstory>.et_pb_module_inner,
.et_pb_module.et_pb_blog_extras.erfolgsstory>.et_pb_module_inner>.et_pb_posts,
.et_pb_module.et_pb_blog_extras.erfolgsstory>.et_pb_module_inner>.et_pb_posts>.el-dbe-blog-extra.box_extended,
.et_pb_blog_extras.erfolgsstory .post-media a {
    height: 100%;
}

.et_pb_blog_extras.erfolgsstory .post-content {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: transparent;
    color: #ffffff;
    padding: 40px 20px 60px 40px;
}

.et_pb_blog_extras.erfolgsstory .post-media {
    position: relative;
    height: 100%;
    z-index: 0;
}

.et_pb_blog_extras.erfolgsstory .post-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Single Post - Sidebar Ratgeber */
.related-ratgeber-posts {
    padding-bottom: 2em;
    border-bottom: 4px solid #bfa87e;
    margin-bottom: 2em;
}

.article.thlayout5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

p.minititle {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.1em;
    margin-bottom: 6px !important;
    color: #8c6f4a;
}

.article.thlayout5 a.title {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.03em;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #386f36;
}

.article.thlayout5 p.content-excerpt {
    font-size: 14px;
    line-height: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 1.5em;
    color: #8c8680;
}

.et_pb_blog_extras.thlayout5 article.et_pb_post_extra {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.et_pb_blog_extras.thlayout5 article.et_pb_post_extra .post-content {
    padding: 0;
}

/* Related Posts mit Divi Blox Extras Modul Layout "Extended Grid" */
.et_pb_blog_extras.thlayout_relatedposts article.et_pb_post_extra {
    padding-bottom: 0;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended {
    margin-right: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-media,
.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-content {
    width: 100%;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-media {
    position: relative;
    width: 100%;
    padding-top: 75%;
    /* 4:3 Seitenverhältnis (3 / 4 = 0,75) */
    overflow: hidden;
}

.tiersteckbrief-tabelle table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1em;
    /* Abstand zwischen den Zeilen */
    max-width: 500px;
}

.tiersteckbrief-tabelle table th,
.tiersteckbrief-tabelle table td {
    border: none;
    /* Keine Rahmenlinien */
    padding: 0;
    /* Kein Padding */
    font-weight: bold;
    text-align: left;
    line-height: 1.6em;
}

.tiersteckbrief-tabelle table th {
    width: 33.33%;
    /* 1/3 der Breite */
    color: #386F36;
    /* Textfarbe für th */
    vertical-align: top;
    /* Text am oberen Rand ausrichten */
    letter-spacing: .01em;
    line-height: 1.3em;
}

.tiersteckbrief-tabelle table td {
    width: 66.67%;
    /* 2/3 der Breite */
    color: #7FAB5A;
    /* Textfarbe für td */
    vertical-align: top;
    /* Text am oberen Rand ausrichten */
    font-size: 15px;
    letter-spacing: .03em;
    padding: 0 0 0 10px;
}

/* Das a-Element im .post-media zentrieren */
.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-media a.entry-featured-image-url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-media a.entry-featured-image-url img {
    width: 100%;
    height: 100%;
    /* Erhält das Seitenverhältnis des Bildes */
    -o-object-fit: cover;
    object-fit: cover;
    /* Füllt den Container aus, behält das Seitenverhältnis */
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-content .el-read-more-link {
    margin-top: auto;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-categories {
    margin-bottom: 0;
    line-height: 1;
}

.et_pb_blog_extras.thlayout_relatedposts .el-dbe-blog-extra.grid_extended .et_pb_post_extra.el_dbe_grid_extended .post-categories a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    padding: 0 0 !important;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 6px;
}

/* Tier-Steckbrief */
.tierstatus-tag {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .09em;
    padding: 0 .65em;
    line-height: 2.2em;
    white-space: nowrap;
    width: fit-content;
}

.tierstatus-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

span.tag-frame {
    display: inline-block;
    background-color: #8C6F4A;
    color: #EAD8B7;
    padding: 6px 7px;
    line-height: 1;
    white-space: nowrap;
}

.et_pb_posts_nav.th-postnav .nav-previous a,
.et_pb_posts_nav.th-postnav .nav-next a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.et_pb_posts_nav.th-postnav .nav-previous a span.meta-nav,
.et_pb_posts_nav.th-postnav .nav-next a span.meta-nav {
    visibility: hidden;
    font-size: 0;
    display: flex;
}

.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 {
    font-family: ETmodules !important;
    font-weight: 400 !important;
    visibility: visible;
    font-size: 30px;
    display: inline-block;
    padding: 0 7px;
}

.et_pb_posts_nav.th-postnav .nav-previous a span.meta-nav:before {
    content: "\0023";
}

.et_pb_posts_nav.th-postnav .nav-next a span.meta-nav:after {
    content: "\0024";
}

.tier-backlink a {
    color: #ffffff;
    letter-spacing: .03em;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.tier-backlink a .backsymbol {
    font-family: ETmodules !important;
    font-weight: 400 !important;
    font-size: 30px;
    padding: 0 7px;
    display: inline-block;
}

.tier-backlink a .backtext {
    display: inline-block;
}

.tier-info-stichpunkte ::marker {
    color: #386f35;
}

.tier-info-stichpunkte :marker {
    color: #386f35;
}

.tier-info-stichpunkte {
    line-height: 1.6em;
}

.tier-info-stichpunkte li+li {
    margin-top: .5em;
}

.isla-acf-slider .et-pb-controllers a {
    border-radius: 3px;
    border: 3px solid #ffffff;
    width: 2em;
    height: 11px;
    background-color: hsla(0, 0%, 100%, 0);
    background-color: transparent;
    opacity: 1;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.isla-acf-slider .et-pb-controllers a.et-pb-active-control {
    background-color: #ffffff;
}

.isla-acf-slider .et_pb_slide_image img {
    max-height: 100% !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.isla-acf-slider .et_pb_slide_image {
    padding: 0;
    margin: 0 0 0 !important;
    -webkit-animation: none;
    animation: none;
    width: 100%;
}

.isla-acf-slider .et_pb_slide_description {
    padding-right: 0px;
    padding-left: 0px;
    padding: 0 0 0;
    -webkit-animation: none;
    animation: none;
    margin: auto;
    width: auto;
}

.isla-acf-slider .et_pb_slider_container_inner,
.isla-acf-slider .et_pb_slide_description,
.isla-acf-slider .et_pb_slide_image {
    width: 100%;
    height: 100%;
    display: block !important;
}

.isla-acf-slider .et_pb_container {
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.isla-acf-slider, .isla-acf-slider .et_pb_slide, .isla-acf-slider .et_pb_slides {
    padding: 0 0;
    height: 100% !important;
}

/* isla ACF Slider fixed height */
.isla-acf-slider.th-fixed-ratio .et_pb_container.et_pb_empty_slide {
    height: auto !important;
}

.isla-acf-slider.th-fixed-ratio .et_pb_slide_image {
    position: relative;
    padding-top: 66%;
}

.isla-acf-slider.th-fixed-ratio .et_pb_slide_image img {
    position: absolute;
    top: 0;
    left: 0;
}

.th-job-liste {
    display: flex;
    flex-direction: column;
    gap: 1.4em;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 16px;
}

.thvermittlungsreiter .dipi-at-btn-wrap {
    padding-top: 3em;
    width: 100%;
}

.thvermittlungsreiter a.dipi-at-btn, .thvermittlungsreiter a.dipi-at-btn:hover, .thvermittlungsreiter a.dipi-at-btn:focus {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 1.6em !important;
    background: none !important;
    text-decoration: none !important;
}

.thvermittlungsreiter ul,
.dipi_advanced_tabs.thvermittlungsreiter .dipi-at-panels [class*="dipi_advanced_tabs_item_"] .dipi-at-panel-content ul,
.thvermittlungsreiter ol,
.dipi_advanced_tabs.thvermittlungsreiter .dipi-at-panels [class*="dipi_advanced_tabs_item_"] .dipi-at-panel-content ol {
    padding: 0 0 23px 1em !important;
    padding-left: 1em !important;
}

.thvermittlungsreiter h3 {
    padding-bottom: 0.5em;
}

.thvermittlungsreiter p:not(.has-background):last-of-type {
    padding-bottom: 1.5em !important;
}

/* Footer */
ul#menu-footer-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#menu-footer-1 li a {
    color: #7FAB5A;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 16px;
    padding: 5px 2vw;
    display: inline-block;
}

ul#menu-social-1,
.menu-social-container ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#menu-social-1 li+li,
.menu-social-container ul.menu li+li {
    margin-left: 16px;
}

#menu-social-1 a,
.menu-social-container ul.menu a {
    color: #7FAB5A;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 16px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: inline-block;
    overflow: hidden;
    text-indent: 33px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#menu-social-1 li.facebook a,
.menu-social-container ul.menu li.facebook a {
    background-image: url("/wp-content/themes/tierheim-design/assets/images/facebook.svg");
}

#menu-social-1 li.instagram a,
.menu-social-container ul.menu li.instagram a {
    background-image: url("/wp-content/themes/tierheim-design/assets/images/instagram.svg");
}

#menu-social-1 li.tiktok a,
.menu-social-container ul.menu li.tiktok a {
    background-image: url("/wp-content/themes/tierheim-design/assets/images/tiktok.svg");
}

/* Preisliste */
.th-reiterinhalt-preisliste-wrap h3,
.dipi-at-panel .th-reiterinhalt-preisliste-wrap h3 {
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0 0 0 0;
    margin: 0 0 .5em 0;
}

.clearfix+h3,
.clearfix+p,
.clearfix+h4,
.clearfix+h2,
.clearfix+ol,
.dipi-at-panel .th-reiterinhalt-preisliste-wrap .clearfix+* {
    padding-top: .5em;
}

.th-reiterinhalt-wrap img {
    height: auto;
    width: 50%;
    display: inline-block;
}

.th-reiterinhalt-wrap img {
    margin: .5em 1em;
}

.th-reiterinhalt-wrap img.alignright {
    margin: .5em 0 .5em 1em;
}

.th-reiterinhalt-wrap img.alignleft {
    margin: .5em 1em .5em 0;
}

ul.th-reiterinhalt-preisliste-fussnote {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}

.th-reiterinhalt-preisliste-fussnote li {
    line-height: 1.6em;
}

.th-reiterinhalt-preisliste-fussnote li+li {
    margin: .5em 0 0 0;
}

.smalltext,
small {
    font-size: 80% !important;
}

.th-reiterinhalt-preisliste-wrap table th {
    background-color: #8C6F4A;
    color: #fdf4e2;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: center;
    padding: .5em;
}

.th-reiterinhalt-preisliste-wrap table td {
    background-color: #EAD8B7;
    border: none;
    padding: .75em .5em;
    line-height: 1em;
    font-weight: 400;
    text-align: center;
    font-size: 15px;
}

.th-reiterinhalt-preisliste-wrap table th {
    background-color: #8C6F4A;
    color: #fdf4e2;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: center;
    padding: .5em;
}

.th-reiterinhalt-preisliste-wrap table td {
    background-color: #EAD8B7;
    border: none;
    padding: 1em .5em;
    line-height: 1em;
    font-weight: 400;
    text-align: center;
    font-size: 15px;
}

.th-reiterinhalt-preisliste-wrap table,
.entry-content .th-reiterinhalt-preisliste-wrap table:not(.variations) {
    border: 0;
    width: 100%;
    border-collapse: collapse;
    padding: 0 !important;
}

.th-reiterinhalt-preisliste-wrap table th,
.th-reiterinhalt-preisliste-wrap table td {
    border: 7px solid #fcf8f0;
}

.th-reiterinhalt-preisliste-wrap table tr>th:first-child,
.th-reiterinhalt-preisliste-wrap table tr>td:first-child {
    border-left: 0;
}

.th-reiterinhalt-preisliste-wrap table tr>th:last-child,
.th-reiterinhalt-preisliste-wrap table tr>td:last-child {
    border-right: 0;
}

.th-reiterinhalt-preisliste-wrap table tr>th {
    border-top: 0;
}

.th-reiterinhalt-preisliste-wrap table tbody tr:last-of-type>td {
    border-bottom: 0;
}

/* Tierheim TV */
p.tierheim-subtitle,
.et_pb_post .post-content p.tierheim-subtitle {
    color: #7fab5a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.6em;
}

/* StoreLocator CSS */
#wpsl-wrap {
    margin-bottom: 0;
    padding: 2em 0 0;
}

#wpsl-search-wrap form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

#wpsl-search-wrap .wpsl-input,
#wpsl-search-wrap .wpsl-select-wrap,
#wpsl-radius,
.wpsl-input>div,
.wpsl-search-btn-wrap,
#wpsl-search-input {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    margin-bottom: 0;
}

#wpsl-search-wrap .wpsl-input label,
#wpsl-search-wrap label {
    margin-right: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    display: block;
    line-height: 1.3em !important;
    letter-spacing: .03em;
    color: #386f35;
    min-width: 116px;
    padding: 0 1em 0 0;
    margin: 0;
}

.wpsl-search {
    margin-bottom: 0;
    padding: 0 0 0 0;
    background: #f2ebdd;
}

#wpsl-search-wrap {
    margin-bottom: 10px;
}

#wpsl-search-btn {
    padding: .5em 2em;
    line-height: 1.428571429;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #8c6f4a !important;
    letter-spacing: .05em;
    background-color: #8c6f4a;
    background-repeat: repeat-x;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    box-shadow: none;
    border-radius: 40px !important;
    text-transform: uppercase !important;
    font-size: 15px;
    min-width: 100px;
    align-self: normal;
}

#wpsl-wrap #wpsl-result-list li,
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
    padding: 0px 0px 0px 0px !important;
    border-bottom: 0px;
    margin-left: 0;
    overflow: hidden;
    list-style: none outside none !important;
    text-indent: 0;
    color: #7FAB5A;
    font-weight: bold;
    letter-spacing: 0.05em;
    width: 100%;
    max-width: 270px;
    flex: 1 1 31.5%;
}

#wpsl-result-list ul {
    list-style: none;
    margin: 0;
    padding: 1em 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

#wpsl-wrap #wpsl-result-list li strong,
#wpsl-wrap.wpsl-store-below #wpsl-result-list li strong {
    color: #386F36;
}

#wpsl-wrap #wpsl-result-list li .wpsl-directions,
#wpsl-wrap.wpsl-store-below #wpsl-result-list li .wpsl-directions {
    color: #7FAB5A;
    border-bottom: 1px solid #7FAB5A !important;
}

#wpsl-wrap #wpsl-result-list li .wpsl-store-location>p>.wpsl-street,
#wpsl-wrap.wpsl-store-below #wpsl-result-list li .wpsl-store-location>p>.wpsl-street {
    padding-top: .5em;
}

.wpsl-store-below #wpsl-gmap {
    margin-bottom: 3em;
}

div#wpsl-stores:after {
    content: "↓";
    position: absolute;
    bottom: .5em;
    right: 12px;
    font-size: 3em;
    pointer-events: none;
}

.wpsl-store-below #wpsl-result-list {
    border-bottom: 2px solid #9b9692;
    padding-bottom: 1em;
}

/* SugarCalendar */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
    padding-bottom: 0;
}

.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__desc.sugar-calendar-accordion {
    color: #8C8680 !important;
    border-bottom: 3px solid #BFA87E;
    padding-bottom: 0em;
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: calc(100% - 45px);
}

.sugar-calendar-accordion-toggle {
    background: transparent !important;
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__desc.sugar-calendar-accordion.expanded {
    padding-bottom: 1em;
    height: auto;
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body {
    flex-direction: column;
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__desc:not(:empty):after {
    content: "";
    right: 0;
    position: absolute;
    bottom: 2px;
}

.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 {
    color: #386F36 !important;
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime {
    color: #8C6F4A !important;
    font-style: italic;
    font-size: 15px
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime img {
    display: none;
}

.sc-rsvp__input-text {
    background-color: #ededed !important;
    border: none !important;
    border-radius: 0;
    display: flex;
    padding: 10px 15px !important;
    color: #000000 !important;
}

.sc-rsvp__label {
    background-color: transparent !important;
    display: block;
    color: #000000 !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    margin-bottom: 5px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.veranstaltungen_liste_front h3,
.veranstaltungen_liste_front .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title,
.veranstaltungen_liste_front .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__title a {
    line-height: 1em !important;
}

.veranstaltungen_liste_front .th-sc-event-tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: .3em;
}

.veranstaltungen_liste_front .th-sc-event-tags .th-sc-event-tag {
    display: inline-flex;
    padding: 0;
    font-size: 12px;
    color: #ab834f;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.veranstaltungen_liste_front .th-sc-event-tags .th-sc-event-tag + .th-sc-event-tag:before,
.veranstaltungen_liste_front .th-sc-event-tags .th-sc-event-tag + .th-sc-event-tag::before {
    content: "\2022";
    padding: 0 5px 0 0;
}

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
    gap: 1.5em !important;
    padding: 0 0 !important;
}

/* Related Posts */
.rpbt_shortcode>p:first-of-type {
    color: #386f35;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 1.3em;
    letter-spacing: .015em;
}

.th-related-posts-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.th-related-posts-container>div {
    display: flex;
    flex-direction: column;
    /* `flex: 1` setzt flex-basis: 0 und ignoriert width — explizite basis,
     * mathematisch passend zur 40px gap (2 Lücken bei 3 Items = 80px). */
    flex: 0 1 calc((100% - 80px) / 3);
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-wrap: nowrap;
    max-width: calc((100% - 80px) / 3);
    background-color: #ffffff;
    padding: 0;
    align-self: stretch;
    margin: 0;
    -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, .16);
    box-shadow: 0px 8px 10px rgba(0, 0, 0, .16);
}

.th-related-post-image-wrap {
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.th-related-post-image-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.th-related-post-content-wrap {
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    align-self: center;
    width: 100% !important;
    height: 100%;
    --vertical-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
}

.th-related-posts-sidebarcontainer .th-related-post-excerpt {
    padding-bottom: 2em;
}

.th-related-post-title-wrap .minititle {
    padding-bottom: 0;
    color: #7fab5b;
    line-height: 1.3em;
}

.th-related-posts-sidebarcontainer .th-related-post-title-wrap .minititle {
    color: #8c6f4a;
}

p.th-related-post-title {
    font-family: var(--et_global_heading_font);
    font-weight: 700;
    color: #386f35;
    font-size: 26px;
    margin-bottom: 0;
}

.th-related-post-title-wrap {
    margin-bottom: 2em;
}

.th-related-posts-sidebarcontainer .th-related-post-title-wrap {
    margin-bottom: .75em;
}

.th-related-post-content-wrap .et_pb_button_module_wrapper {
    margin-top: auto;
}

.th-related-post-content-wrap .thseparator {
    align-self: stretch;
    padding-top: 1em;
}

.thseparator hr {
    border-top: 4px solid #bfa87e;
}

p.th-post-metadaten {
    font-weight: bold;
    letter-spacing: .07em;
    color: #8c8680;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

p.th-post-metadaten .th-post-metadaten-modified {
    font-style: italic;
}

.pinnednews.sugar-calendar-event-list-block__event__desc {
    max-height: 0em;
    border-bottom: 3px solid #BFA87E;
}

.pinnednews.expanded+.sugar-calendar-accordion-toggle {
    bottom: -5px;
}

.pinnednews.expanded {
    padding-bottom: 1em !important;
}

.umschalter-liste {
    cursor: pointer;
}

.umschalter-target.list-view .grid-sizer,
.umschalter-target.list-view .grid-item {
    width: calc((100% - ((1 - 1) * 40px)) / 1) !important;
}

.umschalter-target .grid-item {
    display: flex;
    flex-direction: column;
}

.umschalter-target.list-view .grid-item {
    display: flex;
    flex-direction: row;
}

.umschalter-target.list-view .grid-item.hidden {
    display: none;
}

.umschalter-target.list-view .grid-item .img-container,
.umschalter-target.list-view .grid-item .dipi-grid-item-content {
    display: flex;
    justify-content: center;
    align-self: center;
}

.umschalter-target.list-view .grid-item .img-container {
    width: 42%;
    position: relative;
    align-self: stretch;
    padding-top: 16vw;
}

.umschalter-target.list-view .grid-item .img-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.umschalter-target.list-view .grid-item .dipi-grid-item-content {
    padding-bottom: 0 !important;
}

/* Struppi Highlights */
.th-struppi-highlights {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    flex-direction: row;
}

.th-struppi-highlights .th-struppi-highlight-item {
    flex: 1;
    min-width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, .16);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .16);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.th-struppi-highlights .th-struppi-highlight-item .th-struppi-highlight-content-wrapper {
    padding: 30px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.th-struppi-highlight-image-wrapper {
    position: relative;
    padding-top: 100%;
}

.th-struppi-highlight-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.th-struppi-highlight-teaser {
    margin-top: auto;
}

h3.th-struppi-highlight-titel {
    font-size: 32px;
    padding-bottom: .5em;
}

.th-struppi-highlight-kategorie {
    margin-bottom: 6px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #bfa87e !important;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}

/* Formular-Popups */
/* .dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section, .dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section>.et_pb_row, .dipi-popup-wrapper .dipi_popup_row.et_pb_row .dipi_popup_column.et_pb_column {
    width: 100%;
    max-width: 90%;
} */

.dipi-popup-wrapper .dipi_popup_row.et_pb_row .dipi_popup_column.et_pb_column .formular-popup>.wp-block-column {
    padding: 20px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fcf8f0;
    position: relative;
}

.formular-popup>.wp-block-column form {
    width: 90%;
    max-width: 980px;
    position: relative;
}

.wsf-datetime-picker {
    z-index: 99999999 !important;
}

#tieranfrage-starten [role="alert"][data-wsf-message]>div {
    padding: 2.5% 2%;
}

/* Gutenberg Editor Block CSS */
.wp-block-group.is-layout-grid {
    gap: 3em;
}

.rechtskacheln .wp-block-group {
    background-color: #ffffff;
    padding: 25px 5%;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, .16);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, .16);
}

ul.wp-block-social-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.wp-block-social-links li a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: .65em;
}

h3.wp-block-heading,
h2.wp-block-heading {
    padding-bottom: .7em;
}

.onebyoneratio span.et_pb_image_wrap {
    padding-top: 100%;
    background-image: url("/wp-content/uploads/2024/05/tierheim_tv_youtube.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.onebyoneratio span.et_pb_image_wrap>img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.paypalbutton {
    border-radius: 40px;
    padding: .55em .5em
}

.paypalbutton img {
    max-height: 40px !important;
    width: auto !important;
}

.bettermebutton {
    width: 100%;
    text-transform: none !important;
}

/* Ratgeber Vertical Tabs */
.et_pb_tabs.th-vertical-tabs1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.et_pb_tabs.th-vertical-tabs1 ul.et_pb_tabs_controls {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-start;
    align-self: stretch;
}

.et_pb_tabs.th-vertical-tabs1 ul.et_pb_tabs_controls > li + li {
    border-top: 1px solid #ead8b7;
}

.et_pb_tabs.th-vertical-tabs1 ul.et_pb_tabs_controls > li.et_pb_tab_nav_item {
    border-right: none;
    height: auto !important;
}

.et_pb_tabs.th-vertical-tabs1 ul.et_pb_tabs_controls > li > a {
    line-height: 1.3em;
    padding: 10px 30px;
}

.et_pb_tabs.th-vertical-tabs1 .et_pb_all_tabs {
    width: 60%;
}

form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    font-size: 11pt;
}

/* === Native Gutenberg-Blöcke im Post-Content (Theme-Builder-Layout) ===
 * Scope: `.et_pb_post_content` ist der Container des Theme-Builder-Moduls,
 * der den eigentlichen Gutenberg-Content ausgibt. So bleiben Spacing-Regeln
 * außerhalb dieses Containers (Header/Footer/Popups) unangetastet.
 */

/* --- Block-zu-Block Vertikalrhythmus ---------------------------------- */
.et_pb_post_content > h2,
.et_pb_post_content > h3,
.et_pb_post_content > h4,
.et_pb_post_content > h5,
.et_pb_post_content > h6 {
    margin-top: 1.6em;
}

.et_pb_post_content > .wp-block-gallery,
.et_pb_post_content > figure.wp-block-image,
.et_pb_post_content > figure.wp-block-table,
.et_pb_post_content > .wp-block-quote,
.et_pb_post_content > .wp-block-pullquote,
.et_pb_post_content > .wp-block-buttons,
.et_pb_post_content > .wp-block-columns,
.et_pb_post_content > .wp-block-group,
.et_pb_post_content > .wp-block-cover,
.et_pb_post_content > .wp-block-details,
.et_pb_post_content > .wp-block-embed,
.et_pb_post_content > .wp-block-audio,
.et_pb_post_content > .wp-block-video,
.et_pb_post_content > .wp-block-media-text,
.et_pb_post_content > .wp-block-list,
.et_pb_post_content > ul.wp-block-list,
.et_pb_post_content > ol.wp-block-list,
.et_pb_post_content > pre.wp-block-code,
.et_pb_post_content > pre.wp-block-preformatted,
.et_pb_post_content > hr.wp-block-separator {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* Erster Block ohne Top-Margin (sitzt direkt am Container-Anfang) */
.et_pb_post_content > *:first-child {
    margin-top: 0;
}

/* Letzter Block ohne überflüssigen Bottom-Margin */
.et_pb_post_content > *:last-child {
    margin-bottom: 0;
}

/* Spacer-Block: Höhe ist im Block-Markup gesetzt — kein eigener margin */
.et_pb_post_content > .wp-block-spacer {
    margin-top: 0;
    margin-bottom: 0;
}

/* --- wp-block-image / Bildunterschriften ------------------------------ */
.et_pb_post_content figure.wp-block-image figcaption,
.et_pb_post_content .wp-block-gallery figcaption {
    margin-top: .5em;
    font-size: .85em;
    line-height: 1.45;
    color: #6b6b6b;
    text-align: center;
    font-style: italic;
}

/* Float-Bilder: Atemraum zum umfließenden Text */
.et_pb_post_content figure.wp-block-image.alignleft {
    margin: .25em 1.5em 1em 0;
}

.et_pb_post_content figure.wp-block-image.alignright {
    margin: .25em 0 1em 1.5em;
}

/* --- wp-block-gallery: Layout + Lightbox-Hover ------------------------ */
/* Standard-Galerie ohne explizite Spaltenanzahl: 3 Spalten (Desktop).
 * Verhindert das hässliche „letztes Bild auf voller Breite"-Verhalten,
 * wenn Bilderzahl kein Vielfaches von 3 ist (z. B. 4 → 3 + 1). */
.et_pb_post_content .wp-block-gallery.has-nested-images.columns-default > figure.wp-block-image:not(#individual-image) {
    flex-basis: calc((100% - 2 * var(--wp--style--gallery-gap-default, 16px)) / 3);
    max-width: calc((100% - 2 * var(--wp--style--gallery-gap-default, 16px)) / 3);
    flex-grow: 0;
}

/* Lightbox-Trigger (linkTo:none — JS setzt die Klasse): visuelles Cue */
.et_pb_post_content .wp-block-gallery img.th-block-lightbox-trigger {
    cursor: zoom-in;
    transition: transform .25s ease, opacity .2s ease;
}

.et_pb_post_content .wp-block-gallery img.th-block-lightbox-trigger:hover {
    opacity: .9;
}

/* Auch standalone wp-block-image mit Mediendatei-Link: Zoom-Cursor */
.et_pb_post_content figure.wp-block-image > a:hover {
    cursor: zoom-in;
}

/* --- wp-block-buttons -------------------------------------------------- */
/* Divi-Default-Cascade greift auch wp-block-button und gibt uppercase +
 * blaue Akzentfarbe — beides hier aufheben und auf die Theme-Akzentfarbe
 * (`--thad-accent-color`, definiert in plugins/th-ajax-tiere/th-ad.css :root)
 * forcieren.
 */
.et_pb_post_content .wp-block-button .wp-block-button__link,
.et_pb_post_content .wp-block-buttons .wp-block-button__link {
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
}

/* Primary-Button (Default, also alles außer is-style-outline) */
.et_pb_post_content .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
    background-color: var(--thad-accent-color, #81ac54);
    color: var(--thad-tag-text-color, #ffffff);
    border-color: var(--thad-accent-color, #81ac54);
}

.et_pb_post_content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.et_pb_post_content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible {
    /* ~12% dunkler als #81ac54 */
    background-color: #6e9347;
    border-color: #6e9347;
    color: var(--thad-tag-text-color, #ffffff);
}

/* Outline-Button: gleiche Akzent-Farbe für Border + Text */
.et_pb_post_content .wp-block-button.is-style-outline > .wp-block-button__link {
    color: var(--thad-accent-color, #81ac54);
    border-color: var(--thad-accent-color, #81ac54);
}

.et_pb_post_content .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.et_pb_post_content .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
    background-color: var(--thad-accent-color, #81ac54);
    color: var(--thad-tag-text-color, #ffffff);
}

/* --- wp-block-details (Akkordeon mit „klick zum Ausklappen") ---------- */
.et_pb_post_content .wp-block-details {
    border-left: 3px solid #ead8b7;
    background: #fcf8f0;
    padding: 1em 1.25em;
    border-radius: 2px;
}

.et_pb_post_content .wp-block-details > summary {
    cursor: pointer;
    font-weight: 700;
    color: #386f36;
    list-style: none;
    position: relative;
    padding-right: 1.8em;
    outline: none;
}

.et_pb_post_content .wp-block-details > summary::-webkit-details-marker {
    display: none;
}

.et_pb_post_content .wp-block-details > summary::after {
    content: '';
    position: absolute;
    right: .25em;
    top: 50%;
    width: .55em;
    height: .55em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-65%) rotate(45deg);
    transition: transform .25s ease;
}

.et_pb_post_content .wp-block-details[open] > summary::after {
    transform: translateY(-25%) rotate(-135deg);
}

.et_pb_post_content .wp-block-details > *:not(summary) {
    margin-top: .8em;
    margin-bottom: 0;
}

/* --- wp-block-preformatted: leichte Box statt nackter Text ----------- */
.et_pb_post_content pre.wp-block-preformatted {
    background: #f7f6f3;
    padding: 1em 1.25em;
    overflow-x: auto;
    border-left: 3px solid #ead8b7;
}

.et_pb_post_content pre.wp-block-code {
    padding: 1em 1.25em;
}

/* --- wp-block-table: Bildunterschrift mittig ------------------------- */
.et_pb_post_content figure.wp-block-table > figcaption {
    margin-top: .6em;
    text-align: center;
    font-size: .85em;
    color: #6b6b6b;
    font-style: italic;
}

/* --- wp-block-quote / pullquote: Atemraum unten ----------------------- */
.et_pb_post_content .wp-block-quote {
    margin-block: 1.5em;
}

.et_pb_post_content .wp-block-pullquote {
    margin-block: 2em;
    padding: 1.5em 0;
}

/* --- wp-block-group mit Hintergrund: Inneres Padding ------------------ */
.et_pb_post_content .wp-block-group.has-background {
    padding: 1.5em 1.75em;
    border-radius: 4px;
}

.et_pb_post_content .wp-block-group.has-background > *:first-child {
    margin-top: 0;
}

.et_pb_post_content .wp-block-group.has-background > *:last-child {
    margin-bottom: 0;
}

.rank-math-list-item {
    margin-top: 1.6em;
}
