/* Wider layout (theme was built for 1180px). Fixed-height image boxes scale with
   the width so images keep their proportions (factor 1320/1180, 1440/1180). */
@media (min-width: 1280px) {
  .about_information, .about_information-small, .article_single, .authors_single, .category_overview,
  .container, .container-relative, .goods_post, .home_teaser, .privacy_policy .privacy_policy_row,
  .row_grid, .searchform-form, .section_more, .section_prefooter .heading, .section_prefooter .heading--big,
  .loadmore_stories .container, .article_single-fullscreen .article_single_content { max-width: 1320px; }

  .home_teaser .slides, .home_teaser .teaser_slide, .category_overview .article_big .article_thumb { height: 638px; }
  .goods_post_thumb { height: 571px; }
  .section_video .videos .videos_wrapper, .section_video .videos .videos_single_thumb { height: 515px; }
}
@media (min-width: 1600px) {
  .about_information, .about_information-small, .article_single, .authors_single, .category_overview,
  .container, .container-relative, .goods_post, .home_teaser, .privacy_policy .privacy_policy_row,
  .row_grid, .searchform-form, .section_more, .section_prefooter .heading, .section_prefooter .heading--big,
  .loadmore_stories .container, .article_single-fullscreen .article_single_content { max-width: 1440px; }

  .home_teaser .slides, .home_teaser .teaser_slide, .category_overview .article_big .article_thumb { height: 696px; }
  .goods_post_thumb { height: 622px; }
  .section_video .videos .videos_wrapper, .section_video .videos .videos_single_thumb { height: 561px; }
}

/* Newsletter widget – minimal: white, no frame, underlined input, solid button */
.mgl-newsletter { background: #fff; padding: 0; }
.mgl-newsletter__eyebrow { margin: 0 0 14px; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #b0a296; }
.mgl-newsletter__title { margin: 0 0 10px; font-size: 20px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0; }
.mgl-newsletter__text { margin: 0 0 18px; font-size: 14px; line-height: 1.6; color: #8a8a8a; }
.mgl-newsletter__form .textsubmit { display: flex; align-items: flex-end; gap: 16px; }
.mgl-newsletter__form input[type=email] { flex: 1; min-width: 0; width: auto; padding: 10px 0; border: 0; border-bottom: 1px solid #c7c7c7; border-radius: 0; background: transparent; font-size: 14px; box-shadow: none; outline: 0; transition: border-color .15s; }
.mgl-newsletter__form input[type=email]:focus { border-bottom-color: #000; }
.mgl-newsletter__form button { flex: none; padding: 12px 22px; border: 1px solid #000; background: #000; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; transition: background .15s, color .15s; }
.mgl-newsletter__form button:hover { background: #fff; color: #000; }
.mgl-newsletter__form .message { margin: 8px 0 0; font-size: 12px; }

/* More breathing room below the grey Daily Dose band */
.home_goodness .section_grey { padding-bottom: 60px; }

/* Share bar beside the article: slimmer and closer so it stays outside the
   wider content; hidden where the side gutter is too narrow (header icons remain). */
html body .article_single .article_single_content .article_single_social { width: 48px; left: -72px; }
html body .article_single .article_single_content .article_single_social a { width: 48px; padding: 14px 0; }
@media (min-width: 1460px) { html body .article_single .article_single_content .sticky.article_single_social { left: calc((100vw - 1320px) / 2 - 72px); } }
@media (min-width: 1600px) { html body .article_single .article_single_content .sticky.article_single_social { left: calc((100vw - 1440px) / 2 - 72px); } }
@media (min-width: 1025px) and (max-width: 1459px) { html body .article_single .article_single_content .article_single_social { display: none; } }
/* Breathing room around images inside article text */
html body .article_single .article_single_text p:has(img), html body .article_single .article_single_text .wp-caption, html body .article_single .article_single_text figure { margin-top: 48px; margin-bottom: 48px; }
html body .article_single .article_single_text p, html body .article_single .article_single_text ul, html body .article_single .article_single_text ol { margin-bottom: 1.4em; line-height: 1.75; }
html body .article_single .article_single_text h2, html body .article_single .article_single_text h3 { margin-top: 2em; margin-bottom: .8em; }
.article_single_text img { max-width: 100%; height: auto; }

/* Exactly one share UI at a time: side bar where the gutter fits, otherwise the
   icon row under the headline (also on mobile). Both look the same. */
html body .article_single .article_single_sharing_icons a, html body .article_single .article_single_social a { color: #b0a296; transition: color .15s; }
html body .article_single .article_single_sharing_icons a:hover, html body .article_single .article_single_social a:hover { color: #000; }
html body .article_single .article_single_sharing_icons a i.fa, html body .article_single .article_single_social a i.fa { font-size: 17px !important; color: inherit; }
html body .article_single .article_single_sharing_icons { display: flex !important; justify-content: center; gap: 36px; margin: 24px 0 8px; }
html body .article_single .article_single_sharing_icons a { margin: 0; }
html body .article_single .desktop-only:has(.article_single_sharing_icons) { display: block !important; }
@media (min-width: 1460px) {
  html body .article_single .article_single_sharing_icons, html body .article_single .desktop-only:has(.article_single_sharing_icons) { display: none !important; }
}
.icon-x { width: 1em; height: 1em; vertical-align: -0.125em; }

/* Notice bar (Theme Settings → Funktionen) */
.mgl-notice { background: #000; color: #fff; font-size: 12px; letter-spacing: .06em; }
.mgl-notice[hidden] { display: none; }
.mgl-notice__inner { display: flex; align-items: center; justify-content: center; gap: 16px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.mgl-notice__text, .mgl-notice__text:hover { color: #fff; text-decoration: none; text-align: center; }
a.mgl-notice__text:hover { color: #b0a296; }
.mgl-notice__close { position: absolute; right: 0; background: none; border: 0; color: #fff; font-size: 18px; line-height: 1; cursor: pointer; padding: 4px 8px; }

/* Newsletter popup */
.mgl-popup { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 16px; }
.mgl-popup[hidden] { display: none; }
.mgl-popup__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.mgl-popup__box { position: relative; width: 100%; max-width: 460px; background: #fff; padding: 44px 40px 36px; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.mgl-popup__close { position: absolute; top: 10px; right: 12px; background: none; border: 0; font-size: 24px; line-height: 1; cursor: pointer; color: #000; }
.mgl-form-status { margin: 10px 0 0; font-size: 13px; line-height: 1.5; }
.mgl-form-status.is-success { color: #000; }
.mgl-form-status.is-error { color: #b42318; }

/* E-mail fields: show what people type (theme uppercased all inputs) */
html body form.newsletter input[type=email], html body form.newsletter input[type=email]::placeholder { text-transform: none !important; }
.mgl-form-status { text-transform: none; letter-spacing: 0; }
.footer_newsletter .footer_newsletter_text { margin: -6px 0 16px; font-size: 13px; line-height: 1.6; color: #8a8a8a; text-transform: none; letter-spacing: 0; }

/* Footer: three columns (brand, links, newsletter) + legal line */
html body .mgl-footer { background: #000; color: #fff; padding: 72px 0 0; }
html body .mgl-footer a { color: #fff; text-decoration: none; transition: color .15s; }
html body .mgl-footer a:hover { color: #b0a296; }
.mgl-footer__newsletter { min-width: 0; }
.mgl-footer__grid { display: grid; grid-template-columns: 1.2fr .8fr 1.6fr; gap: 48px 64px; padding-bottom: 56px; }
.mgl-footer__logo { display: inline-block; color: #fff; }
.mgl-footer__logo svg { display: block; width: 150px; height: auto; }
.mgl-footer__claim { margin: 18px 0 0; max-width: 300px; font-size: 14px; line-height: 1.6; color: #8a8a8a; text-transform: none; letter-spacing: 0; }
.mgl-footer__label { margin: 0 0 18px; font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #b0a296; }
.mgl-footer__nav { display: flex; flex-direction: column; gap: 12px; font-size: 14px; }
.mgl-footer__nav a { text-transform: none; letter-spacing: 0; }
.mgl-footer__text { margin: 0 0 20px; font-size: 14px; line-height: 1.6; color: #8a8a8a; text-transform: none; letter-spacing: 0; }
html body .mgl-footer__form .textsubmit { display: flex; align-items: flex-end; gap: 16px; }
html body .mgl-footer__form input[type=email] { flex: 1; min-width: 0; height: auto; padding: 10px 0; margin: 0; border: 0; border-bottom: 1px solid #4a4a4a; border-radius: 0; background: transparent; color: #fff; font-size: 14px; box-shadow: none; outline: 0; }
html body .mgl-footer__form input[type=email]:focus { border-bottom-color: #fff; }
html body .mgl-footer__form input[type=email]::placeholder { color: #6f6f6f; }
html body .mgl-footer__form button { flex: none; padding: 12px 22px; border: 1px solid #fff; background: #fff; color: #000; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; transition: background .15s, color .15s; }
html body .mgl-footer__form button:hover { background: transparent; color: #fff; }
.mgl-footer .mgl-form-status { color: #fff; }
.mgl-footer .mgl-form-status.is-error { color: #ff8a80; }
.mgl-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; padding: 22px 0 28px; border-top: 1px solid #262626; font-size: 12px; color: #6f6f6f; text-transform: none; letter-spacing: .02em; }
.mgl-footer__legal { display: flex; flex-wrap: wrap; gap: 6px 24px; }
html body .mgl-footer__bottom a { color: #8a8a8a; }
html body .mgl-footer__bottom a:hover { color: #fff; }
@media (max-width: 900px) {
  .mgl-footer__grid { grid-template-columns: 1fr; gap: 40px; padding-bottom: 40px; }
  html body .mgl-footer { padding-top: 56px; }
  html body .mgl-footer > .container { padding-left: 20px; padding-right: 20px; }
  .mgl-footer__bottom { flex-direction: column; align-items: flex-start; }
}

/* Follow us: X logo same size and tone as the icon-font tiles */
.prefooter_social_tile svg.icon-x { display: block; width: 40px; height: 48px; margin: 0 auto 10px; color: #fff; opacity: .45; transition: all .2s linear; }
.prefooter_social_tile:hover svg.icon-x { opacity: 1; }