/*
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.18
*/
html,
body {
    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 */
}

/* 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;
}

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);
}
#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, .thad-link.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, .thad-link.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 {
    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, .thad-link.thbutton: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, a.thad-link.thbutton {
    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,
.thad-link.thbutton:focus,
.thad-link.thbutton:hover {
    background-color: inherit;
}
.thbutton a.more-link, a.thad-link.thbutton {
    display: inline-block;
}
.tier-child-tab a.more-link, a.thad-link.thbutton {
    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 .et_pb_slide {
    padding: 0 0;
}

/* 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;
}

/* 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 {
    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 {
    margin-left: 16px;
}
#menu-social-1 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 {
    background-image: url("/wp-content/themes/tierheim-design/assets/images/facebook.svg");
}
#menu-social-1 li.instagram a {
    background-image: url("/wp-content/themes/tierheim-design/assets/images/instagram.svg");
}
#menu-social-1 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;
    border-bottom: 3px solid #BFA87E;
    padding-bottom: 0em;
    position: relative;
    font-size: 14px;
    height: 0;
    overflow: hidden;
}
.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;
}
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime {
    color: #8C6F4A;
    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;
}
/* 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;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-wrap: nowrap;
    width: calc(33.333% - 40px);
    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.list-view .grid-item {
    flex-direction: row;
}
.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;
}

/* 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;
}