/*
    Theme Name:   Jannah Child
    Theme URI:    http://jannah.tielabs.com/
    Description:  Jannh Child Theme
    Author:       TieLabs
    Author URI:   https://tielabs.com
    Template:     jannah
    Version:      1.0.2
    License:      license purchased
    License URI:  http://themeforest.net/licenses/regular_extended
    Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
    Text Domain:  jannah-child
*/


/* write custom css after this line */

/* Source Sans Pro */

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-Bold.woff2');
    font-weight: bold;
    font-display: optional;
}

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.woff2');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-Italic.woff2');
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-Light.woff2');
    font-weight: 300;
    font-display: optional;
}

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-LightItalic.woff2');
    font-style: italic;
    font-weight: 300;
    font-display: optional;
}

@font-face {
    font-family: Source Sans Pro;
    src: url('fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2');
    font-display: optional;
}

@font-face {
    font-family: 'FontAwesome';
    src:  url('fonts/fontawesome/webfonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2');,
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}

/* CSS variables */
/* General */

:root {
    --brand-primary-color: #63c1c6;
    --primary-brightness: brightness(115%);
}

::selection {
    background: var(--brand-primary-color);
}

::-moz-selection {
    background: var(--brand-primary-color);
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    font-family: Source Sans Pro, Arial, Verdana, sans-serif;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666666;
}

body .entry a:hover, a:hover {
    color: #74dee4;
}

.post-title a:hover, .top-nav .components>li:hover>a {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

a, entry a, .dark-skin a:not(:hover) {
    color: var(--brand-primary-color);
}

h4 {
    font-size: 16px;
    font-weight: bold;
}

#breadcrumb {
    font-size: 12px;
}

#breadcrumb a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.clear-both {
    clear: both;
}

.clearfix {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: none;
}

p {
    line-height: 26px;
}

#BorlabsCookieBox ._brlbs-manage-btn a {
    background: var(--brand-primary-color);
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
    overflow: unset;
}

/* Header */

header .menu-item-has-children>a:before {
    content: '' !important;
}

.top-nav a:not(.button):not(:hover) {
    text-transform: uppercase;
    font-weight: bold;
    color: #838383;
}

.theme-header .top-menu li>a:before {
    border-top-color: #838383;
}

.top-menu .menu .tie-current-menu>a {
    color: var(--brand-primary-color);
}

.top-menu .menu li:hover>a {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
    font-weight: bold;
    text-transform: uppercase;
}

.theme-header .top-menu li.tie-current-menu>a:before, .theme-header .top-menu li:hover>a[href]:before {
    border-top-color: var(--brand-primary-color);
}

#logo {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 467px;
}

#logo a:hover {
    filter: brightness(100%);
}

.theme-header.has-shadow {
    box-shadow: none;
}

/*.steady_note_desktop {
    text-align: center;
    margin: 5px 0;
    font-size: 10px;
    font-weight: 700;
    color: #646567;
    letter-spacing: 1px;
}

.steady_note_desktop a {
    color: var(--brand-primary-color);
}

.dark-skin .steady_note_desktop a {
    color: var(--brand-primary-color);
}

.steady_note_desktop a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.dark-skin .steady_note_desktop a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}*/

.netpoint_media_dekstop_top {
    text-align: center;
    margin: 0 auto;
}

.mobile_top_inner {
    text-align: center;
    margin: 0 auto;
}

/* Main-Content */

.full-width .main-content {
    max-width: unset;
}

.full-width .entry-header-outer {
    text-align: left;
}

.post-title, .full-width-img-news-box .posts-items li .post-title {
    font-family: Source Sans Pro,arial,sans-serif;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: var(--brand-primary-color);
    margin-bottom: 10px;
}

.post-thumb .post-cat-wrap {
    bottom: unset;
    top: 10px;
}

.post-cat {
    background: var(--brand-primary-color);
}

.post-excerpt {
    line-height: 26px;
}

.entry {
    font-size: 16px;
}

.entry a {
    font-weight: bold;
}

.entry h1, .entry h2, .entry h3, .entry h4 {
    color: var(--brand-primary-color);
}

.button {
    background-color: var(--brand-primary-color);
}

.button:hover {
    filter: brightness(100%);
    background-color: #ffffff;
    color: var(--brand-primary-color);
}

.more-link {
    margin-top: 10px;
    white-space: nowrap;
    word-wrap: normal;
    float:  right;
}

.dark-skin a:not(:hover).button {
    color: #ffffff;
}

.dark-skin a.button:hover {
    background: transparent;
}

.pages-numbers li.current span {
    background-color: var(--brand-primary-color);
    border-color: var(--brand-primary-color);
}

.pages-numbers a:not(:hover) {
    color: #666666;
}

.pages-numbers a:hover {
    color: var(--brand-primary-color);
}

/* Banner Mobile Startpage */

#desktop_mobile_mid {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

/* Category Blocks Frontpage */

.home-widget-headline {
    text-align: center;
    width: 100%;
    background: var(--brand-primary-color);
    padding: 8px 0;
    color: #ffffff !important;
    text-transform: uppercase;
}

.dark-skin .home-widget-headline a {
    color: #ffffff;
}

.home-widget-headline a {
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    width: 100%;
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}

.home-widget-headline a:hover {
    color: #ffffff !important;
}

.mag-box.block-custom-content {
    margin-bottom: 25px;
}

.mag-box .posts-items {
    margin: 0;
}

.mag-box .posts-items li {
    padding: 0;
}

.mag-box .post-meta {
    margin: 0 0 13px;
}

.mag-box.big-posts-box .mag-box-container ul.posts-items {
    display: flex;
    flex-wrap: wrap;
}

.mag-box.big-posts-box .mag-box-container .posts-items li {
    width: 32%;
    margin-top: unset;
    margin: 0 2% 40px 0;
    padding: unset;
}

.mag-box.big-posts-box .mag-box-container .posts-items li:nth-child(2n+1) {
    clear: unset;
}

.mag-box.big-posts-box .mag-box-container .posts-items li:nth-child(3n+3) {
    clear: unset;
    margin-right: 0px;
}

.mag-box.big-posts-box .mag-box-container .posts-items li .post-thumb {
    margin: 0 0 10px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mag-box.big-posts-box .mag-box-container .posts-items li .post-thumb img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.mag-box.big-posts-box .mag-box-container .posts-items li .post-title {
    font-size: 16px;
    font-weight: bold;
}

.post-thumb img {
    object-fit: cover;
    // aspect-ratio: 16/9;
}

/* Sidebar */

.sidebar {
    width: 355px;
}

.widget-top {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--brand-primary-color);
    border-bottom: 3px solid var(--brand-primary-color);
    padding: 0 0 15px;
    margin-bottom: 20px;
}

.block-head-2 .the-global-title {
    color: var(--brand-primary-color);
    border-bottom: 3px solid var(--brand-primary-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dark-skin .block-head-2 .the-global-title {
    color: var(--brand-primary-color);
    border-bottom: 3px solid var(--brand-primary-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dark-skin .widget-title.the-global-title {

}

.widget-title .the-subtitle {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--brand-primary-color);
}

.upw-posts .entry-title {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.upw-posts .entry-title a {
    text-decoration: none;
    color: var(--brand-primary-color);
}

.dark-skin .upw-posts .entry-title a {
    text-decoration: none;
    color: var(--brand-primary-color);
}

.upw-posts .entry-title a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.upw-posts.hfeed .post-thumbnail {
    margin: 0 0 10px !important;
}

.upw-posts.hfeed .entry-image a:hover {
    opacity: 0.85 !important;
    transition: opacity 0.2s;
}

.upw-posts.hfeed article {
    margin-bottom: 25px;
    clear: both;
}

.upw-posts.hfeed article:nth-child(3n) {
    margin-bottom: 10px;
}

a.go-to-top-button, a.go-to-top-button.show-top-button {
    background: var(--brand-primary-color);
    border-radius: 0;
}

.dark-skin a.go-to-top-button {
    color: #ffffff;
}

/* Footer */

.footer-boxed-widget-area {
    border: unset;
}

#footer .footer-boxed-widget-area .container-wrapper {
    width: 300px;
    margin: 0 auto;
}

#footer .tie-col-sm-4 {
    width: 300px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

#footer .tie-row {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.block-head-2 #footer .widget-title:after {
    display: none;
}

.dark-skin .widget a {
    color: var(--brand-primary-color) !important;
}

.dark-skin .widget a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.block-head-2 #footer .widget-title {
    border-bottom: 3px solid var(--brand-primary-color);
}

.footer-banner {
    border-top: 8px solid var(--brand-primary-color);
    border-bottom: 8px solid var(--brand-primary-color);
    padding: 20px 0;
    margin-top: 20px;
}

.footer-banner-inner {
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
}

.footer-boxed-widget-area:first-child, .site-footer {
    margin-top: unset;
}

/* Category Template */

.category .page-title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--brand-primary-color);
}

.category .rss-icon {
    float: right;
}

.category .rss-icon a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.category-line {
    border-bottom: 3px solid var(--brand-primary-color);
}

.taxonomy-description {
    color: #999999;
}

/* Archive Template */

.archive .page-title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--brand-primary-color);
}

.archive .rss-icon {
    float: right;
}

.archive .rss-icon a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.category-line {
    border-bottom: 3px solid var(--brand-primary-color);
}

/* Single Post */

.entry-header .entry-title {
    margin-bottom: unset;
}

.entry-header .post-meta {
    margin: 0 0 3px;
    color: #767676;
    line-height: 21px;
}

.post-meta .meta-item.date:before {
    color: unset;
}

.entry-header .post-meta a:not(:hover) {
    color: #767676;
}

.entry-header .post-meta a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.magazine2.post-layout-1 .entry-header-outer {
    padding: 0;
}

.entry p {
    margin: 10px 0;
    line-height: 26px;
    text-align: justify;
    hyphens: auto;
}

.entry p:last-child {
    margin: 10px 0;
}

.entry p a, .entry a {
    color: var(--brand-primary-color);
}

.entry-content img {
    width: 100%;
}

blockquote {
    background: unset;
    color: #333;
    padding: 20px 35px;
    border: 1px solid #ececec;
    margin: 10px 0;
}

.dark-skin blockquote p {
    color: #ffffff;
}

.dark-skin blockquote {
    color: #ffffff;
}

blockquote:before {
    display: none;
}

blockquote p {
    font-family: Source Sans Pro,Arial,Verdana,sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-style: normal;
    border: none;
    padding: 0;
    color: #333;
}

#tie-wrapper .mejs-container .mejs-controls {
    background:  ##63c1c6 !important;
}

.BorlabsCookie ._brlbs-instagram {
    max-width: 100%;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {
    text-align:  center;
}

.source-link {
    text-align: right !important;
    font-size: 14px;
}

.shariff {
    margin-bottom:  40px;
}

.shariff-box {
    color: #666;
    font-size: 18px;
    font-weight: bold;
    margin: 40px 0 10px;
}

.dark-skin .shariff-box {
    color: #fff;
}

.post-bottom-meta.post-bottom-tags {
    margin:  20px 0 0;
}

.about-author .author-info {
    padding: 20px 25px;
    border: 1px solid #ececec;
    line-height: 26px;
    text-align: justify;
}

.about-author .author-bio {
    text-align: justify;
    hyphens: auto;
}

.about-author li.social-icons-item:last-child a span {
    margin-right: 12px;
}

.author-info a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

.prev-post, .next-post {
    width: 300px;
}

.wihel-media-overlay {
    min-width: 300px;
    position: relative;
    background-position: unset !important;
    object-fit: unset !important;
    height: unset !important;
    background-size: unset !important;
    background-color: unset !important;
    background-repeat: unset !important;
}

.wihel-media-overlay-icon {
    position: absolute;
    top: 35%;
    left: 40%;
    margin-right: 0;
    color: #ffffff;
    background-color: unset !important;
}

.wihel-prev-next-post-title {
    text-align: center;
    font-weight: bold;
}

.comment-list .comment:last-child {
    border-bottom: 0px;
}

.comment-list ol.children .reply {
    margin-left: unset;
}

.comment-list .comment-content a {
    color: var(--brand-primary-color);
}

.comment-list .reply a:hover {
    background: var(--brand-primary-color);
}

#related-posts .related-item .post-thumb {
    margin-bottom: unset;
}

#related-posts a {
    overflow: hidden;
}

#related-posts .post-thumb img {
    width: 100%;
    // display: block;
    // position: absolute;
    // top: -100%;
    // left: 0;
    // right: 0;
    // bottom: -100%;
    // margin: auto;
    height: 150px;
    object-fit: cover;
}

#respond .comment-form-email, #respond .comment-form-url {
    width: 100%;
}

#respond {
    text-align: center;
}

#respond p {
    text-align: left;
}

#respond a:hover {
    filter: var(--primary-brightness);
    color: var(--brand-primary-color);
}

#respond .comment-notes {
    color: #757575;
}

#respond label {
    display: none;
}

#respond select {
    color: #757575;
}

.dark-skin #respond select {
    color: #cccccc;
}

.dark-skin #respond textarea {
    color: #cccccc;
}

.dark-skin .comment-subscription-button {
    background-color: #27292d;
    filter: var(--primary-brightness);
}

.dark-skin a.comment-subscription-button {
    color: #cccccc;
}

.dark-skin comment-subscription-button:hover {
    background-color: #27292d;
    color: var(--brand-primary-color);
}

.dark-skin a.comment-subscription-button:hover {
    background-color: #27292d;
    color: var(--brand-primary-color);
    filter: brightness(1) !important;
}

.comment-moderation-privacy {
    font-size: 12px;
    color: #757575;
}

.dark-skin .comment-moderation-privacy {
    font-size: 12px;
    color: #cccccc;
}

.comment-subscription-button {
    font-family: Source Sans Pro,Arial,Verdana,sans-serif;
    font-size: 14px;
    width: auto;
    background-color: #F9F9F9;
    color: #757575;
    padding: 6px 8px;
    display: inline-block;
}

.form-submit {
    width: 159px;
    margin: 0 auto;
}

[type="submit"] {
    background-color: var(--brand-primary-color);
}

[type="submit"]:hover {
    background-color: #ffffff;
    color: var(--brand-primary-color);
}

.dark-skin [type="submit"]:hover {
    background-color: #27292d;
    color: var(--brand-primary-color);
}

#reading-position-indicator {
    background: var(--brand-primary-color);
    box-shadow: 0 0 10px rgb(99, 193, 198, 0.7);
    position: fixed;
    top: 0;
}

/* Musik-Freitag */

.musik-freitag {
    text-align: center;
}

/* Embedded videos / iFrames */

.video-wrap iframe,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin: 2em auto;
// 16: 9 FORMAT = > 56.25 % / / 4: 3 FORMAT = > 75 %
}

/* Impressum & Mediadaten */

.mediadaten-grey-box {
    padding: 35px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    background: #f8f8f8;
    text-align: center;
}

.dark-skin .mediadaten-grey-box {
    background: #2f3135;
}

.mediadaten-h2 {
    font-weight: 700;
    font-size: 24px;
    color: var(--brand-primary-color);
    margin: 20px 0!important;
}

.full-width .main-content h2 {
    font-weight: 700;
    font-size: 24px;
    color: var(--brand-primary-color);
    margin: 20px 0!important;
}

.full-width .main-content h3 {
    font-weight: 700;
    font-size: 20px;
    color: var(--brand-primary-color);
    margin: 20px 0!important;
}

.dark-skin .entry-header .entry-title {
    color: var(--brand-primary-color);
}

.mediadaten-bottom-space-10 {
    clear: both;
    padding: 10px 0;
}

.mediadaten-bottom-space-25 {
    clear: both;
    padding: 25px 0;
}

.mediadaten-gender-box {
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

.mediadaten-gender-column {
    flex-wrap: wrap;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flexbox;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    overflow: hidden;
}

.mediadaten-grey-box {
    padding: 35px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    background: #f8f8f8;
    text-align: center;
}

.mediadaten-h2 {
    font-size: 24px !important;
}

.mediadaten-header {
    text-align: center;
    font-weight: bold;
}

.mediadaten-hr {
    background: #eeeeee;
    height: 1px;
    margin: 15px 0;
}

.mediadaten-image-credit {
    text-align: right;
    font-size: 10px;
    font-style: italic;
}

.mediadaten-social-counter-first-background {
    width: 100%;
    height: 100%;
    min-height: 331px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.mediadaten-social-counter-font {
    text-decoration: none !important;
    color: #ffffff !important;
}

.mediadaten-social-counter-font {
    text-decoration: none;
    color: #ffffff;
}

.mediadaten-social-counter-second-background {
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    padding: 0 25px;
    line-height: 55px;
}

.mediadaten-social-icons {
    font-size: 25px;
    padding-top: 12px;
}

.mediadaten-social-icons-box {
    text-align: left;
    float: left;
}

.mediadaten-social-icons-label {
    padding: 12px 0;
    margin: 0 !important;
}

.mediadaten-table-facebook {
    color: #3b5998;
}

.mediadaten-table-google-plus {
    color: #d34836;
}

.mediadaten-table-instagram {
    color: #125688;
}

.mediadaten-table-pinterest {
    color: #cb2027;
}

.mediadaten-table-rss {
    color: #ff6600;
}

.mediadaten-table-twitter {
    color: #1da1f2;
}

.mediadaten-table-youtube {
    color: #bb0000;
}

.a18 {
    background: #dddddd;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 67px;
    width: 13%;
    color: #666666;
}

.a25 {
    background: var(--brand-primary-color);
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 75px;
    width: 27%;
    color: #666666;
}

.a35 {
    background: #dddddd;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 75px;
    width: 22%;
    color: #666666;
}

.a45 {
    background: #e6e6e6;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 75px;
    width: 17%;
    color: #666666;
}

.a55 {
    background: #ebebeb;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 65px;
    width: 15%;
    color: #666666;
}

.a65 {
    background: #f0f0f0;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    height: 64px;
    -webkit-flex: initial;
    flex: initial;
    min-width: 65px;
    width: 6%;
    color: #666666;
}

.background-facebook {
    background: #3b5998;
}

.background-feed {
    background: #ff6600;
}

.background-google-plus {
    background: #d34836;
}

.background-instagram {
    background: #125688;
}

.background-pinterest {
    background: #cb2027;
}

.background-twitter {
    background: #1da1f2;
}

.background-youtube {
    background: #bb0000;
}

.tab-content a:hover {
    filter:unset !important;
}

.magazine2 .tabs-vertical .tab-content {
    padding: 0 !important;
}

.tab-content-wrap p {
    margin: 0 !important;
}

/* Amazon Banners */

.amazon-banner-rectangle {
    background-image: url(https://www.wihel.de/wp-content/uploads/Logos/2022/amazon_wihel-rectangle.png);
    width: 300px;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}

.dark-skin .amazon-banner-rectangle {
    background-image: url(https://www.wihel.de/wp-content/uploads/Logos/2022/amazon_wihel-rectangle-dark.png);
    width: 300px;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}

.amazon-banner-leaderboard {
    content: url(https://www.wihel.de/wp-content/uploads/Logos/2022/amazon_wihel-leaderboard.png);
    width: 100%;
}

.dark-skin .amazon-banner-leaderboard {
    content: url(https://www.wihel.de/wp-content/uploads/Logos/2022/amazon_wihel-leaderboard-dark.png);
    width: 100%;
}

body .tabs.tabs .active > a {
    color: var(--brand-primary-color);
}

.dark-skin .tabs-wrapper.tabs-vertical .tabs li a:hover {
    color: var(--brand-primary-color);
    filter: var(--primary-brightness);
}

/* Rezept */

div.rezept {
    padding: 20px;
    border: 1px solid #ececec;
}

.rezept h2 {
    font-size: 20px;
    color: var(--brand-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 15px;
}

.rezept h3 {
    font-size: 18px;
    font-weight: normal;
    color: var(--brand-primary-color) !important;
}

.rezept h4 {
    font-size: 16px;
    font-weight: normal;
    color: var(--brand-primary-color) !important;
    margin-top: 15px !important;
}

/* Gast-Autoren */

.post-layout-1 .entry-header h1.post-title {
    padding-bottom: 10px;
}

.autoren-uebersicht {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
}

.autoren-img {
    flex: 1;
    max-width: 170px;
    margin-right: 10px;
}

.autoren-description {
    width: calc(100% - 170px);
}

/* Advertorial-Label */

.dingens-tag {
    float: right;
    padding: 5px 7px;
    background-color: var(--brand-primary-color);
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
}

/* VG-Wort-Label */

.vgwort-tag {
    float: right;
    padding: 5px 7px;
    color: var(--brand-primary-color);
    font-size: 25px;
    margin-left: 10px;
    font-weight: bold;
}

/* Remove sticky ad when its disturbing */

.npSticky_npm_6696318 {
    display: none;
}

/* Try to fix wrong advertising-css */

#npm_6696025 {
    max-width:  1280px !important;
    max-height:  unset !important;
}

/* Media Queries */

@media only screen and (max-width: 374px) {
    .mag-box.big-posts-box .mag-box-container .posts-items li {
        width: 100%;
    }

    #related-posts .related-item {
        width: 100% !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
    .mag-box.big-posts-box .mag-box-container .posts-items li {
        width: 49%;
    }
    .mag-box.big-posts-box .mag-box-container .posts-items li:nth-child(2n) {
        margin-right: 0px;
    }
    .mag-box.big-posts-box .mag-box-container .posts-items li:nth-child(3) {
        margin-right: 2%;
    }
    #related-posts .related-item {
        width: 49%;
    }
}

@media only screen and (max-width: 670px) {
    .mag-box .posts-items li:not(:first-child) {
        margin-top: 50px;
    }
}

/*@media only screen and (max-width: 767px) {
    .steady_note_mobile {
        text-align: center;
        margin: 5px 0;
        font-size: 10px;
        font-weight: 700;
        color: #646567;
        letter-spacing: 1px;
    }
}*/

@media only screen and (min-width: 768px) {
    .mag-box.big-posts-box .mag-box-container .posts-items li {
        min-width: 236px
    }

    /*.steady_note_mobile {
        display: none;
    }*/
}

@media only screen and (max-width: 1023px) {
    .sidebar {
        display: none;
    }

    .main-content {
        max-width: 920px;
        width: 100%;
        margin: 0 auto;
        float: unset !important;
    }

    .no-mobile {
        display: none;
    }

    #mobile_top {
        margin-top:  20px;
        min-height: 50px;
    }

    #redpineapplemedia-mobile-only div:nth-child(1) {
        margin-top:  40px;
    }

    /*.steady_note_mobile_redpineapple {
        text-align: center;
        margin: 5px 0;
        font-size: 10px;
        font-weight: 700;
        color: #646567;
        letter-spacing: 1px;
    }*/
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /* Main Content */
    .main-content {
        text-align: justify;
        max-width: calc( 100% - 355px);
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .mag-box.big-posts-box .mag-box-container .posts-items li {
        min-width: unset;
    }

    #desktop_top {
        min-height: 90px;
    }

    /*.steady_note_mobile {
        display:none;
    }*/
}

@media only screen and (min-width: 1280px) {
    /* Main Content */
    .main-content {
        text-align: left;
        max-width: 920px;
        width: 100%;
    }
}

@media only screen and (max-width: 1595px) {
    #btn219 {
        display:none;
    }
}