/*
 Theme Name:   Fox Child 
 Template:     fox
 Version:      1.0
*/

@import url('fonts.css');


.grid {
    display: grid;
    gap: 1.5rem;
}
@media (min-width:600px) {
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:1000px) {
    .grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* navi */
.wi-mainnav ul.menu > li > a {
    padding: 0 13px !important;
}
/* sub */
.wi-mainnav ul.menu ul {
    border: none !important;
}
.wi-mainnav ul.menu ul > li + li {
    border: none;
    border-top: 1px solid #fff;
}
/* sticky */
.is-sticky .wi-mainnav ul.menu > li > a {
    font-size: 16px;
    padding: 0 8px !important;
}
@media (min-width:841px ) and (max-width:1050px) {
    .wi-mainnav ul.menu > li > a {
        font-size: 20px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}
@media (min-width:900px ) and (max-width:970px) {
    .wi-mainnav ul.menu > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/* branchenbuch 27394 */
li#menu-item-22255 a,
li#menu-item-27394 a {
    padding-right: 10px !important;
    padding-left: 13px !important;
}
li#menu-item-22255,
li#menu-item-22255.current-menu-item,
li#menu-item-22255.current-menu-item a,
li#menu-item-22255.current-menu-parent,
li#menu-item-22255.current-menu-parent a,
li#menu-item-22255 .sub-menu a,
#offcanvas li.menu-item-22255,
#offcanvas li.menu-item-22255 li,
#offcanvas li.menu-item-22255 a,
li#menu-item-27394,
li#menu-item-27394.current-menu-item,
li#menu-item-27394.current-menu-item a,
li#menu-item-27394.current-menu-parent,
li#menu-item-27394.current-menu-parent a,
li#menu-item-27394 .sub-menu a,
#offcanvas li.menu-item-27394,
#offcanvas li.menu-item-27394 li,
#offcanvas li.menu-item-27394 a  {
    background: darkred !important;
    color: #fff !important;
}

li#menu-item-22255 a,
li#menu-item-27394 a {
    color: #fff;
}


/* mobil offcanvas */
#offcanvas {
    height: 100% !important;
}
#offcanvas .offcanvas-sidebar,
#offcanvas .social-list {
    display: none;
}
#offcanvas .sub-menu {
    margin-left: 0 !important;
}
#offcanvas li.menu-item-22255 > a {
    border: none !important;
}
.offcanvas-nav ul ul li {
    padding-left: 0 !important;
}
.offcanvas-nav ul ul a {
    line-height: 26px;
    text-transform: none;
    font-size: 17px;
}


/* home */
.home .margin-top {
    margin-top: 5rem !important;
}

#secondary {
    display: none;
}
.post-type-archive-podcast.has-sidebar #primary,
.single-podcast #primary {
    width: 100% !important;
    padding-right: 0 !important;
}
.hide {
    display: none;
}

/* .... home empty headings .... */
.wi-section .heading-empty {
    display: none;
}

/* .... home bild captions raus .... */
.home .fox-figcaption {
    display: none;
}

/* .... home aufmacher und bild des tages .... */
.aufmacher {
    margin: 50px 0 100px;
}
.section-layout-newspaper.aufmacher .blog-newspaper {
    height: auto !important;
}
.section-layout-newspaper.aufmacher .post-newspaper {
    position:relative !important;
    width: 100% !important;
}
.section-layout-newspaper.aufmacher .post-header {
    text-align: center !important;
}
.aufmacher .post-header,
.bilddestages .post-header {
    margin-bottom: 1.5em !important;
}


/* .... home video slider .... */
.fox-carousel button.slick-arrow {
    background: #333;
    border: none;
}
.fox-carousel button.slick-arrow:hover {
    background: #000;
}
.fox-carousel .post-slider3 {
    padding-bottom: 0px;
}
.fox-carousel .post-slider3-text {
    padding: 20px;
}

/* .... home anzeige branchenbuch .... */
.theiaStickySidebar .widget_block {
    margin-top: 0 !important;
}
#block-16 ul {
    margin-left: 0 !important;
    padding-left: 0;
    list-style: none;
}
#block-16 ul li {
    text-align: center;
    font-family: "Oswald", sans-serif !important;
}
#block-16 ul li a {
    display: block;
    margin-bottom: 5px;
    padding: 2px 10px 3px;
    background: transparent;
    color: #000;
    font-size: 1.6rem;
}
#block-16 ul li a.head {
    margin-top: 10px;
    padding: 5px 10px 6px;
    background: #eee;
    color: #000;
    font-size: 1.9rem;
}
#block-16 ul li:first-child a.head {
    margin-top: 0px;
}
#block-16 ul li a.head:hover {
    background: #ddd;
}

/* home mitten ... */
.grid-posts .wp-block-latest-posts__post-title {
    display: block;
    margin-top: 10px;
    font-family: "Oswald", sans-serif !important;
    font-size: 1.4em;
    color: #b72a2a;
    font-weight: 700;
    line-height: 1.2em;
}
.grid-posts img {
    width: 100%;
}
.wp-block-latest-posts__post-excerpt {
    font-size: 0.85em;
}

/*
#block-16 ul li:nth-child(even),
#block-16 ul li:nth-child(even) a {
    background: #fff;
}
#block-16 ul li:nth-child(even) a {
    background: #fff;
}
#block-16 ul li:nth-child(even) a:hover {
    background: #eee;
}
*/


/* .... content .... */

body p {
    font-family: 'Merriweather', serif !important;
}
body p strong {
    font-weight: 900;
}
.wp-block-column > h2:first-child,
.wp-block-column > h3:first-child,
.wp-block-column > h4:first-child {
    margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content {
    align-self: inherit;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 0 4%;
}
.wp-block-media-text__content > h3 {
    margin-top: 0;
    padding-top: 0;
}
.wp-block-separator {
    border-color: #aaa;
    border-top: none;
}
@media (max-width:600px) {
    .wp-block-media-text__media {
        margin-bottom: 2rem !important;
    }
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0;
    }
}

.main-section-sidebar .widget + .widget {
    padding-top: 0 !important;
}
.widget_ad .widget-title,
.anz-title.widget-title {
    background: #666;
}
/* branchenbuch */
#block-23 .anz-title.widget-title {
    background: darkred;
}

.widget_media_image {
    padding-top: 0 !important;
}
.widget_media_image img {
    width: 100%;
}

a.wp-block-button__link {
    background: none;
    color: black;
    border: 1px solid;
    border-radius: 0;
    padding: 5px 20px;
    line-height: 26px;
    font-family: "Oswald", sans-serif !important;
    font-size: .9em;
    text-transform: uppercase;
}
a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
    background: black;
    color: white;
}


.post-thumbnail-standard figcaption {
    width: 100% !important; 
    max-width: 100% !important;
}

/* Single */
.single .single-header {
    margin-top: 3rem;
}

/* Gemeinde / Anzeigen */
.category-anzeige figure,
.category-anzeige .thumbnail-inner,
.single-branchenbucheintrag h1 {
    position: relative;
}
.category-anzeige figure.masonry-thumbnail {
    margin-bottom: 0;
}
.category-anzeige div.masonry-body {
    background: #eee;
    padding: 10px;
    margin-top: 0;
}
.category-anzeige figure.masonry-thumbnail::after,
.single .category-anzeige .thumbnail-main figure::after,
.archive .category-anzeige .thumbnail-inner::after,
.category-anzeige .thumbnail-inner::after,
.single-branchenbucheintrag h1::after {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    display: block;
    padding: 3px 13px 2px;
    content: 'Anzeige';
    background: #1b75a5;
    color: #fff;
    font-size: 16px;
    font-family: 'Merriweather', serif;
    font-weight: 400;
}
.category-anzeige .thumbnail-main figure::after {
    padding: 4px 15px 3px;
    font-size: 13px !important;
}
.archive .category-anzeige .thumbnail-inner::after,
.category-anzeige .thumbnail-inner::after {
    font-size: 13px;
    padding: 3px 13px 1px;
}

/* .... Podcasts .... */
body.single-podcast .fox-figcaption {
    display: none;
}
.podlove-web-player {
    margin-bottom: 30px;
}

/* pdf button */
.shariff {
    margin-right: 140px;
}
.wps-pgfw-pdf-generate-icon__wrapper-frontend {
    float:right;
    margin-top: -130px;
}
.wps-pgfw-pdf-generate-icon__wrapper-frontend img {
    border: 1.5px solid #c00;
}
@media (min-width:580px ) {
    .wps-pgfw-pdf-generate-icon__wrapper-frontend {
        margin-top: -85px;
    }
}
@media (min-width:980px ) {
    .wps-pgfw-pdf-generate-icon__wrapper-frontend {
        margin-top: -40px;
    }
}

/* post list categories / archive */
.archive .title-label {
    display: none;
}

.blog-container .entry-categories {
    display: none;
}
.category-branchen .blog-container .entry-categories,
.parent-branchen .blog-container .entry-categories {
    display: block;
}

/* BRANCHEN */
.parent-branchen .sep {
    display: none;
}
.parent-branchen .readmore {
    position: relative;
    color: #fff !important;
    border: 1px solid black !important;
}
.parent-branchen .readmore::after {
    content: 'Details';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: black;
}

.parent-branchen .fox-thumbnail {
    position: relative;
}
.parent-branchen .fox-thumbnail a.category {
    display: none;
}
/*
.parent-branchen .fox-thumbnail a.category {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 5rem;
    font-weight: 600;
    cursor: default;
}
*/
.parent-branchen .post-item h2 a {
    color: #b72a2a;
}

/* branchenbuch seiten */
body.parent-branchenbuch .header-main {
    display: none;
}
body.parent-branchenbuch .single-section + .single-section {
    margin-top: 0;
}
.fox-term-list a {
    text-decoration: none !important;
}
.fox-term-list a:hover {
    color: #fff !important;
}
.fox-term-list .current-menu-item a {
    background: #000 !important;
    color: #fff !important;
}
body.parent-branchenbuch .wi-content {
    padding-top: 0;
    padding-bottom: 0;
}
body.parent-branchenbuch .blog-container {
    padding-top: 60px;
    padding-bottom: 80px;
}

/* detail */
.parent-branchen .entry-date,
.parent-branchen .reading-time,
.parent-branchen .entry-categories::before,
.single-branchenbucheintrag .entry-date,
.single-branchenbucheintrag .reading-time,
.single-branchenbucheintrag .entry-categories::before,
.single-branchenbucheintrag .thumbnail-wrapper {
    display: none;
}
.single-branchenbucheintrag .flexslider {
    margin-bottom: 3rem;
}
.flexslider .flex-prev,
.flexslider .flex-next {
    text-indent: -999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M461.5 320L438.9 342.6L278.9 502.6L256.3 525.3L211 480L233.6 457.4L371 320L233.6 182.6L211 160L256.3 114.7L278.9 137.4L438.9 297.4L461.5 320z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat no-repeat !important;
    background-position: center center !important;
    background-size: contain  !important;
    background-color: #000 !important;
}
.flexslider .flex-prev {
transform: rotate(180deg);
}

/* branchen steckbrief */
.steckbrief {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    margin-right: 2rem;
    font-family: 'Merriweather', serif !important;
}
.steckbrief dd {
    margin: 0;
    font-weight: 900;
}
@media (min-width: 782px) {
    .steckbrief {
        margin-right: 2rem;
    }
}

/* .... YOUTUBE geblockt .... */
.brlbs-cmpnt-cb-youtube,
.thumbnail-video .media-container  {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
}
.brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-main,
.thumbnail-video .media-container iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    border: none;
    margin: 0 !important;
}
.brlbs-cmpnt-cb-buttons {
    width: auto !important;
}



/* .... Umfrage / Poll .... */
.basic-yop-poll-container {
    max-width: 400px;
    margin: 2rem 0 10rem;
    padding: 0;
    background: none !important;
}
.basic-yop-poll-container .basic-form {
    background: #efefef;
    padding: 0 2rem 2rem;
}
.basic-yop-poll-container .basic-question {
    margin-top: 15px;
}
.basic-question-title {
    background: #000;
    color: #fff !important;
    padding: 9px 15px 9px;
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: 25px !important;
    font-family: "Oswald",sans-serif  !important;
    font-size: 19px !important;
}
.basic-yop-poll-container .basic-vote {
    text-align: left !important;
}
.basic-yop-poll-container a.basic-vote-button {
    margin-top: 15px;
    background: #000 !important;
    color: #fff !important;
    font-family: "Oswald",sans-serif  !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.basic-yop-poll-container .basic-message {
    padding: 1rem 2rem !important;
    background: #efefef;
}
.basic-yop-poll-container .basic-answers-results .progress {
    background-color: #ddd !important;
    height: 28px !important;
}
.basic-yop-poll-container .basic-answer .progress {
    margin-right: 0 !important;
}