/*
Theme Name: Typology Child
Theme URI: https://mekshq.com/theme/typology/
Template: typology
Author: meks
Author URI: https://mekshq.com/
Description: Have a beautiful blog with no images required.
Version: 1.7.5.1701352564
Updated: 2023-11-30 14:56:04

*/

.verstecken {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    border: 0; clip: rect(0 0 0 0);
    overflow: hidden;
}

.typology-section {
    border-radius: 9px;
}

.series-label {
    font-family: "Domine";
    font-size: 1.8rem;
    color: #c62641;
    font-weight: 600;
    margin-bottom: 4px;
}

.entry-meta {
    flex-wrap: wrap;
}

.meta-item.meta-category::before {
    /*content: "/";*/
    /*right: 7px;*/
    /*position: relative;*/
}

.meta-item + .werbung::before {
    /*content: "/";*/
    /*right: 7px;*/
    /*position: relative;*/
}

.entry-meta > div::after {
    content: "/";
    right: -7px;
    position: relative;
}

.entry-meta > div:last-child::after {
    content: "";
}

.meta-item.meta-category a:hover {
    color: #c62641;
}

.entry-header .werbung {
    color: #888888 !important;
    margin-left: 0 !important;
    font-family: 'Domine';
    font-weight: 400;
    font-size: 13px !important;
}

.entry-header .werbung .unstyled-link {
    color: #888888;
}

.entry-header .werbung .unstyled-link:hover {
    color: #c62641;
}

/*.werbung::before {
    content: "/";
    left: -7px;
    position: relative;
    font-family: 'Domine';
    font-weight: 400;
}*/




.typology-header .typology-nav {
    margin-right: 2px;
}

.typology-header .typology-nav i.fa-search {
    font-size: 1.9rem !important;
}

.typology-header .typology-nav i.fa-bars {
    font-size: 2.3rem !important;
}

#typology-header > div.container > div.slot-r > ul.typology-nav.typology-actions-list > li.typology-actions-button.typology-action-search > span {
    padding-top: 28px;
}


.typology-header .typology-nav > .menu-item > a, .typology-header .typology-nav > .menu-item > span{
    font-size: 1.2rem;
}

.typology-header .typology-nav > .menu-item > a img {
    /*vertical-align: baseline;*/
    margin-bottom: 4px;
}

.typology-header .typology-nav > li.menu-item-login:hover > a {
    position: relative;
    background: none;
    box-shadow: none;
}

.typology-header .typology-nav > li.menu-item-login:hover > a::after {
    content: "";
    position: absolute;
    inset: -1px 0;
    background: rgba(255,255,255,.1);
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);
    transform: translate(0, -8px);
}

i.fa-search {
    margin-top: -3.6px;
}

.typology-header .typology-nav a, .typology-header .typology-nav .typology-action-search span {
    padding-right: 12.5px;
    padding-left: 12.5px;
}

.typology-header .typology-nav .pll-parent-menu-item a > span {
    padding-right: 0;
    /*padding-right: 12.5px;*/
    /*padding-left: 12.5px;*/
}

span.typology-site-description {
    border-left: 0;
    margin-left: 0.2rem;
    margin-top: 0;
}

div.slot-r {
    margin-top: 10px;
}

.slot-r .pll-parent-menu-item {
    margin-top: -1.5px;
}

.slot-r .pll-parent-menu-item > a > span::after {
    content: "\f078";
    font-family: 'FontAwesome';
    margin-left: 5px;
    font-weight: 100;
    transform: translateY(-1px);
    display: inline-block;
}

.slot-r .pll-parent-menu-item > a >span {
    margin-left: -3px !important;
}




    /* search form in full screen anzeigen */
.typology-header .typology-nav li.typology-action-search:hover>.sub-menu {
    opacity: 0;
    visibility: hidden;
}

.typology-header .typology-nav li.typology-action-search ul.sub-menu {
    position: fixed;
    top: 0;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
    /*background-color: rgb(255 255 255 / 95%);*/
    /*background-color: rgb(235 235 235 / 90%);*/
    background-color: #f8f8f8f2;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    pointer-events: auto;
}

.typology-header .typology-nav li.typology-action-search ul.sub-menu .typology-search-form {
    display: flex;
    width: 50vw;
    align-items: center;
    /*gap: 20px;*/
    gap: 10px;
}

.typology-header .typology-nav li.typology-action-search ul.sub-menu input[type="text"] {
    font-size: 16px;
    border-color: rgb(68 68 68 / 40%);
    border-radius: 6px;
}

header.search-box-active {
    z-index: 9001 !important;
}

/* ende */



.typology-header .typology-nav li.typology-action-search ul.sub-menu .typology-search-form button {
    margin-top: 0;
    border-radius: 6px;
}


.typology-header .typology-nav li.typology-action-search ul.sub-menu .fa.fa-times {
    position: absolute;
    top: 0;
    right: 0;
    color: #575757;
    padding-top: 40px;
}

.typology-header .typology-nav li.typology-action-search ul.sub-menu .fa.fa-times::before {
    cursor: pointer;
    font-size: 30px;
    padding: 40px;
}


.typology-fake-bg {
    /*z-index: 9001;*/
}


.typology-header .typology-nav > li[id^="menu-item-"] {
    background-color: transparent !important;
}

.typology-header .typology-nav:hover {
    background-color: #c62641 !important;
}


#wp-admin-bar-query-monitor {
    /*display: none !important;*/
}


.entry-footer a {
    border-radius: 6px;
}

.navigation.load-more a {
    border-radius: 6px;
}

.typology-featured-image::after {
    border-radius: 9px;
}

a.typology-featured-image img {
    border-radius: 9px;
}

.wp-block-image img {
    border-radius: 9px;
}

select.pll-switcher-select  {
    border-radius: 6px;
}


.entry-content figure.wp-block-image a::before {
    background-image: url('data:image/svg+xml,<svg fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h48v48h-48z" fill="%23fff" fill-opacity=".01" data-darkreader-inline-fill="" style="--darkreader-inline-fill: %23e8e6e3;"></path><g stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: %23e8e6e3;"><path d="m6 6 10 9.8995"></path><path d="m6 41.8995 10-9.8995"></path><path d="m42.0001 41.8995-9.8995-9.8995"></path><path d="m41.8995 6-9.8995 9.8995"></path><path d="m33 6h9v9"></path><path d="m42 33v9h-9"></path><path d="m15 42h-9v-9"></path><path d="m6 15v-9h9"></path></g></svg>');
    right: 23px;
    bottom: 23px;
}

.entry-content figure.wp-block-image a::after {
    background-color: #6b69698f;
    /*padding: 7px;*/
    border-radius: 5px;
    width: 41px;
    height: 41px;
    right: 20px;
    bottom: 20px;

}

.entry-tags a {
    border-radius: 5px;
}

#to_top_scrollup {
    border-radius: 6px;
}


.typology-featured-image.with-border img {
    border: 1px solid #d1d1d1ff;
}


/* Wrapper für den Sprachumschalter */
#polylang-2 {
    position: relative;
    /*max-width: 300px; !* Breite des Dropdowns *!*/
    /*margin: 0 auto; !* Optional: Zentriert das Element *!*/
}

/* Stil für das <select>-Element */
.pll-switcher-select {
    appearance: none; /* Entfernt das Standarddesign des Browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    /*width: 100%; !* Volle Breite *!*/
    /*padding: 10px 40px 10px 10px; !* Platz rechts für Chevron-Bereich *!*/
    /*font-size: 16px; !* Schriftgröße *!*/
    /*border: 1px solid #dadada; !* Rahmenfarbe *!*/
    /*border-radius: 6px; !* Abgerundete Ecken *!*/
    /*background-color: #f9f9f9; !* Hintergrundfarbe *!*/
    /*color: #333; !* Textfarbe *!*/
    cursor: pointer; /* Zeiger als Mauszeiger */
    /*box-sizing: border-box;*/
}

/* Chevron-Hintergrundbereich */
#polylang-2::after {
    content: ""; /* Erstelle ein Chevron */
    position: absolute;
    top: 0;
    top: 1px;
    right: 0;
    right: 1px;
    width: 40px; /* Breite des Chevron-Bereichs */
    height: 100%; /* Volle Höhe des Selects */
    height: calc(100% - 2px);;
    background-color: #ececec; /* Andere Hintergrundfarbe für Chevron-Bereich */
    border-top-right-radius: 6px; /* Ecken oben rechts */
    border-bottom-right-radius: 6px; /* Ecken unten rechts */
    pointer-events: none; /* Klicks auf diesen Bereich deaktivieren */
}

/* Chevron-Symbol */
#polylang-2::before {
    content: "";
    position: absolute;
    top: 50%;
    top: calc(50% - 3px);
    right: 16px; /* Abstand vom rechten Rand */
    transform: translateY(-50%) rotate(45deg); /* Chevron-Form */
    border: solid #9a9a9a; /* Farbe des Chevron-Symbols */
    border-width: 0 2px 2px 0; /* Pfeil erstellen */
    width: 10px; /* Größe des Chevron-Symbols */
    height: 10px; /* Größe des Chevron-Symbols */
    pointer-events: none; /* Klicks deaktivieren */
    z-index: 1;
}


#polylang-2 {
    margin-bottom: 15px;
}

#custom_html-9 {
    margin-bottom: 23px;
}

#text-3 {
    line-height: 1;
}


.social-icons {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

.social-icons a {
    position: relative;
}


ul.social-icons li:first-child {
    margin-right: -1px;
}

ul.social-icons li:hover .icon-hover, ul.social-icons-post li:hover .icon-hover {
    opacity: 1;
}

ul.social-icons li {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    /*position: relative;*/
}
.social-icons a:hover {
    color: unset;
}

.social-icons .icon-hover, .social-icons-post .icon-hover  {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s;

}


/*.icon-hover, .social-icons-post .icon-hover {*/
/*    width: 40px !important;*/
/*    height: 40px !important;*/
/*    max-width: 40px !important;*/
/*    max-height: 40px !important;*/
/*    display: inline-block !important;*/
/*    object-fit: contain !important;*/
/*}*/

.social-icons-post .icon-hover {
    bottom: 0;

}

.social-icons-container {
    position: relative;

}

.social-icons-container img {
    /*width: 34px;*/
    /*height: 34px;*/
}

.social-icons-post {
    position: absolute;
    left: -93px;
    top: 26px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

ul.social-icons-post li {
    list-style: none;
    position: relative;
    margin-bottom: 0;
    line-height: 1;

}


ul.social-icons-post li {
    list-style: none;
}

ul.social-icons-post li span {
    cursor: pointer;
}










.footer-copyright {
    text-align: right;
}


@media screen and (max-width: 782px) {

    .typology-responsive-menu .typology-nav a {
        text-transform: uppercase;
    }

    .typology-responsive-menu {
        padding: 20px;
    }

}

@media screen and (max-width: 768px) {

    .typology-header .typology-nav li.typology-action-search ul.sub-menu li {
        width: 60%;
    }
    .typology-header .typology-nav li.typology-action-search ul.sub-menu .typology-search-form {
        flex-direction: column;
        width: 100%;

    }

    .typology-header .typology-nav li.typology-action-search ul.sub-menu .typology-search-form button {
        width: 100%;
    }

    .typology-header .typology-nav>li:hover>span {
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    i.fa-search {
        margin-top: 0!important;
    }


    .entry-content figure.wp-block-image a::before {
        background-size: 25px;
        right: 11px;
        bottom: 11px;
    }

    .entry-content figure.wp-block-image a::after {
        width: 37px;
        height: 37px;
        right: 10px;
        bottom: 10px;
    }

    .social-icons-post {
        left: -65px;
    }


}



@media screen and (max-width: 430px) {

    .typology-header .container {
        max-width: 85%;
    }

    .slot-l {
        left: -3%;
    }

    /*font-size: 2.3rem !important;*/

    .typology-flat .typology-section, .typology-section {
        /*padding: 2.8rem 3% 4rem;*/
        padding: 2.8rem 15px 4rem;
    }

    .typology-header .typology-nav li.typology-action-search ul.sub-menu li {
        width: 90%;
    }

    li.typology-action-button.typology-action-sidebar.typology-mobile-visible {
        display: flex !important;
    }

    div.slot-r {
        margin-top: 0;
    }

    ul.typology-nav.typology-actions-list {
        display: flex;
        align-items: center;
    }



    .typology-header .typology-nav > li {
        display: flex;
    }

    .typology-action-search span {
        padding-top: 15px !important;
    }


    .entry-meta {
        /*line-height: inherit;*/
        /*margin-top: 0;*/
    }


    span.themenbereich {
        font-size: 19px;
        margin-bottom: 6px;
        display: inline-block;
    }

    .meta-item.meta-date {
        /*flex-basis: 100%*/
    }

    .meta-item.meta-category {
        order: 3;

    }

    .meta-item.meta-category::after {
        /*content: unset !important;*/
    }

    .meta-item.meta-category a {
        text-transform: lowercase;
        display: inline-block;
        line-height: 1;
    }

    .meta-item.meta-category a::first-letter {
        text-transform: uppercase;
    }

    .entry-header .werbung {
        order: 2;
        margin-right: 15px;
    }

    .book-author.h1 {
        margin-top: 4px;
        margin-bottom: 1.5rem;
    }

    .meta-item.meta-category::before {
        /*content: "/";*/
        /*right: 7px;*/
        /*position: relative;*/
    }

    .meta-item + .werbung::before {
        /*content: "/";*/
        /*right: 7px;*/
        /*position: relative;*/
    }

    .entry-meta > .meta-category::after {
        content: "";
    }

    .entry-meta > div:last-child::after {
        content: "/";

    }

    div.custom-event-data {
        margin-bottom: 0;
    }

    .typology-cover-empty, .typology-header {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
    }

    .custom-event-data .book-author h1 {
        margin-bottom: 5px;
    }

    .entry-content h2 {
        /*margin-bottom: 3rem;*/
        /*margin-bottom: calc(3rem - 18.8px);*/
        margin-bottom: calc(3rem - 20px);
    }

    .entry-footer {
        margin-top: calc(3rem - 12px);

    }

    /* kleinere zeilenhöhe im fließtext  */
    p {
        /*line-height: 1.75;*/
        line-height: 1.5;
    }

    .entry-title.h1 {
        /*margin-bottom: 2px;*/
    }


    .typology-posts .typology-post {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .typology-posts .typology-post::after {
        display: none;
    }

    .slb_container {
        top: 20vh !important;
    }

    #custom_html-9 {
        margin-bottom: 50px;
    }

    .social-icons {
        gap: 25px;
    }

    .social-icons-container {
        display: none;
        /*margin-top: 15px;*/
    }

    ul.social-icons-post {
        /*flex-direction: row;*/
        /*gap: 15px;*/
        /*position: static;*/
    }
}

/*** UI BAR ***/
.hypermade-ui-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 30px;
    padding: 5px 0;
    box-sizing: border-box;
}

.hypermade-ui-bar__left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.hypermade-ui-bar__author-img {
    border-radius: 50%;
    margin-right: 10px;
}

.hypermade-ui-bar__author-name {
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.hypermade-ui-bar__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    text-align: center;
}

.hypermade-ui-bar__right > div {
    flex: 0 0 auto;
}

.hypermade-ui-bar__right .hypermade-ui-bar__likes,
.hypermade-ui-bar__right .hypermade-ui-bar__favorites,
.hypermade-ui-bar__right .hypermade-ui-bar__share {
    transform: translate(5px, 5px);
}

.hypermade-ui-bar .wpulike-animated-heart button.wp_ulike_btn {
    box-shadow: none;
    width: 42px;
    min-width: 42px;
    height: 75px;
}

.hypermade-ui-bar .wpulike-animated-heart .wpulike-svg-heart {
    fill: #747474;
}

.hypermade-ui-bar .wpulike-animated-heart button.wp_ulike_btn.wp_ulike_btn_is_active {
    background-color: #fff;
}

.hypermade-ui-bar .wpulike-animated-heart button.wp_ulike_btn.wp_ulike_btn_is_active .wpulike-svg-heart,
.hypermade-ui-bar .wpulike-animated-heart button.wp_ulike_btn:hover .wpulike-svg-heart {
    fill: #c62641;
}

.hypermade-ui-bar .simplefavorite-button.preset {
    font-size: 0;
    display: block;
    width: 42px;
    min-width: 42px;
    height: 75px;
}

.hypermade-ui-bar .simplefavorite-button.preset i {
    font-size: 22px;
    left: 10px;
    top: 22px;
    color: #747474 !important;
}

.hypermade-ui-bar .simplefavorite-button.preset:hover i {
    color: #c62641 !important;
}

.hypermade-ui-bar .addtoany_list a:not(.addtoany_special_service) > span {
    background-color: transparent !important;
}

.hypermade-ui-bar .addtoany_list a:not(.addtoany_special_service) > span svg path {
    fill: #747474 !important;
}

.hypermade-ui-bar .addtoany_list a:not(.addtoany_special_service):hover > span svg path {
    fill: #c62641 !important;
}

.hypermade-share {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.hypermade-share__toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.25rem;
    font-size: 1.2rem;
    color: #444;
    width: 45px;
    min-width: 45px;
}

.hypermade-share__toggle:hover {
    box-shadow: none;
}

.hypermade-share__toggle i {
    font-size: 20px !important;
    color: #747474;
}

.hypermade-share__toggle:hover i {
    color: #c62641;
}

.hypermade-share__menu {
    position: absolute;
    top: 100%;
    right: 40px;
    width: 135px;
    margin-top: 0.25rem;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0.5rem;
    display: none;
    flex-direction: row;
    gap: 0.5rem;
    z-index: 999;
}

.hypermade-share.open .hypermade-share__menu {
    display: flex;
}

.hypermade-share .hypermade-share__menu .addtoany_list a:hover span,
.hypermade-share .hypermade-share__email .addtoany_list a:hover span {
    opacity: 1;
}

.hypermade-share__email {
    display: inline-block;
}

@media screen and (max-width: 769px) {
    .hypermade-ui-bar {
        padding: 0;
    }

    .hypermade-ui-bar__author {
        display: flex;
        align-items: center;
        gap: .5rem;
        min-width: 0;
    }

    .hypermade-ui-bar__author-img {
        flex: 0 0 auto;
        border-radius: 50%;
    }

    .hypermade-ui-bar__author-name {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .hypermade-ui-bar .wpulike-animated-heart button.wp_ulike_btn,
    .hypermade-ui-bar .simplefavorite-button.preset,
    .hypermade-share__toggle {
        width: 32px;
        min-width: 32px;
    }

    .hypermade-ui-bar .simplefavorite-button.preset i {
        left: 5px;
    }

    .hypermade-share__menu {
        right: 0;
    }

    .hypermade-share__email {
        display: none;
    }
}

/*** AUDIO PLAYER ***/
.audio-player-container .download-icon {
    position: relative;
    width: 43px;
    height: 36px;
    margin-right: 10px;
    transform: translateY(0px);
}

.audio-player-container .download-icon::before {
    content: none !important; /* überschreibt das FA-Pseudoelement */
}

.audio-player-container .download-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5c.55 0 1 .45 1 1v7.59l2.3-2.29a1 1 0 0 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42L11 13.59V6c0-.55.45-1 1-1zm-7 9c-.55 0-1 .45-1 1v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-2c0-.55-.45-1-1-1s-1 .45-1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2c0-.55-.45-1-1-1z"/></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5c.55 0 1 .45 1 1v7.59l2.3-2.29a1 1 0 0 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42L11 13.59V6c0-.55.45-1 1-1zm-7 9c-.55 0-1 .45-1 1v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-2c0-.55-.45-1-1-1s-1 .45-1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2c0-.55-.45-1-1-1z"/></svg>') no-repeat center / contain;
}

/*** COMMENT SECTION ***/
.section-content + .section-head {
    display: none;
}

body.single-post .section-content {
    margin: 0 auto 70px;
}

#comments .section-head {
    margin-bottom: 12px;
}

#comments .section-head h3 {
    font-size: 3.5rem;
    padding-bottom: 0;
}

#comments .section-head h3::after {
    display: none;
}

#comments .must-log-in {
    text-align: center;
    margin-bottom: 20px;
}

#comments a.must-log-in-link {
    color: #ffffff;
    background: #c62641;
    border: 1px solid #c62641;
    font-family: 'Josefin Sans';
    font-weight: 600;
    height: 50px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 0 20px;
    line-height: 50px;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-left: 50%;
    border-radius: 10px;
    transform: translateX(-50%);
}

#comments a.must-log-in-link:hover {
    background-color: #444;
    border-color: #444;
}

/*** PDF ACTIONS ***/
.hypermade-pdf-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    flex-flow: row nowrap;
    margin: 60px 0 45px;
}

.hypermade-pdf-actions a {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-flow: row nowrap;
    color: #444;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bold;
}

.hypermade-pdf-actions a svg {
    width: 38px;
    height: 38px;
}

/*** MENU LOGIN ***/
.typology-header .typology-main-navigation {
    margin-right: 0;
}

li.menu-item.menu-item-login a svg {
    width: auto;
    height: 19px;
    opacity: 0.94;
    transform: translateY(-3px);
}

li.menu-item.menu-item-login a svg g path {
    fill: #fff;
}

ul.typology-actions-list li.typology-action-search i.fa-search {
    margin-top: -4px;
}