/* 
 * style guide
 * yellow: #efcb57
 * grey dark: #29282b
 * middle grey: #6b6b6b
 * light grey: #a7a6a7
 * blue: #2176af
*/

@keyframes rotate-360 {
	0% {
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(360deg);
	}
}

@keyframes shaking {
   0%   { transform: rotate(20deg); }
   2%   { transform: rotate(-20deg); }
   4%   { transform: rotate(20deg); }
   6%   { transform: rotate(-20deg); }
   8%   { transform: rotate(20deg); }
   10%  { transform: rotate(-20deg); }
   12%  { transform: rotate(20deg); }
   14%  { transform: rotate(-20deg); }
   16%  { transform: rotate(0); }
   100% { transform: rotate(0); }
}

@font-face {
   font-family: 'icons';
   src: url("../fonts/icons/icons.eot");
   src: url("../fonts/icons/icons.eot#iefix") format("embedded-opentype"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: auto;
}

/*
@font-face {
   font-family: 'Open Sans';
   src: url("../fonts/open-sans/opensans-regular.eot");
   src: url("../fonts/open-sans/opensans-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-regular.woff") format("woff"), url("../fonts/open-sans/opensans-regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Open Sans';
   src: url("../fonts/open-sans/opensans-semibold.eot");
   src: url("../fonts/open-sans/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-semibold.woff") format("woff"), url("../fonts/open-sans/opensans-semibold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Open Sans';
   src: url("../fonts/open-sans/opensans-bold.eot");
   src: url("../fonts/open-sans/opensans-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-bold.woff") format("woff"), url("../fonts/open-sans/opensans-bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
   font-display: optional;
}
*/

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extralight.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extralight.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extralight.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extralight.woff2") format("woff2");
   font-weight: 200;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-light.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-light.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-light.woff2") format("woff2");
   font-weight: 300;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-regular.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-regular.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-medium.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-medium.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-semibold.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-semibold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-semibold.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-semibold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-bold.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-bold.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extrabold.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extrabold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extrabold.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-extrabold.woff2") format("woff2");
   font-weight: 800;
   font-style: normal;
   font-display: optional;
}

@font-face {
   font-family: 'Inter';
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-black.eot");
   src: url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-black.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-black.woff") format("woff"), url("/wp-content/themes/_miningscout/assets/fonts/inter/inter-black.woff2") format("woff2");
   font-weight: 900;
   font-style: normal;
   font-display: optional;
}


*, *:before, *:after {
   font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: 100%;
   line-height: 1;
   vertical-align: baseline;
   margin: 0;
   padding: 0;
   page-break-inside: avoid;
   outline: none;
   zoom: 1;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   -webkit-font-feature-settings: "liga" 0, "kern" 1;
   -moz-font-feature-settings: "liga" 0, "kern" 1;
   font-feature-settings: "liga" 0, "kern" 1;
   -webkit-font-kerning: normal;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-osx-font-smoothing: grayscale;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
}

*::selection {
   background: #f9bc48;
   color: #fff;
}

html {
   min-height : 100%;
   overflow-y : auto;
   overflow-x : hidden;
   -ms-overflow-style: scrollbar;
}

html.preview {
   height: 100%;
}

html, body {
   color: #29292b;
   background: #eee;
}

@media (prefers-color-scheme: dark) {
   html, body {
      color: #fff;
      background: #000;
   }
}

body {
   padding-top: 98px;
   position : relative;
   -webkit-transition: padding-top 0.2s;
   -moz-transition: padding-top 0.2s;
   -o-transition: padding-top 0.2s;
   transition: padding-top 0.2s;
}

html.preview body {
   width: 100%;
   height: 100%;
   padding-top: 0;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
   justify-content: center;
   align-items: center;
   display: flex;
}

html.preview main {
   width: 100%;
   padding: 0;
}

html.preview.frame main {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   display: flex;
}

html.preview.frame main > div {
   margin: 10px 0;
   justify-content: center;
   align-items: center;
   flex: 0 0 100%;
   display: flex;
}

article, aside, command, details, dialog, figure, figcaption, footer, header, main, menu, nav, picture, section {
   display: block; 
}

a,
button,
input,
textarea {
   touch-action: manipulation;
}

a,
a:hover {
   color: #2176af;
   text-decoration: none;
}

a:focus,
a:active {
   color: #f9bc49;
}

@media (prefers-color-scheme: dark) {
	a,
	a:hover {
	   color: #f9bc49;
	}
}

img {
   border: 0;
   image-rendering: optimizeQuality;
   -ms-interpolation-mode: bicubic;
   display: block;
}

svg:not(:root) {
   overflow: hidden;
}

hr {
   border: 0;
}

cite, blockquote {
   font-style: normal;
}

strong {
   font-weight: 700;
}

ol, ul, li {
   list-style-type: none;
}

dialog {
   position: static;
   border: none;
   background: transparent;
}

table {
   border-collapse: collapse;
}

fieldset {
   border: 0;
}

label {
   font-weight: normal;
}

input, textarea {
   resize: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select {

   background: #fff;
}

button {
   width: auto;
   background: transparent;
   border: none;
   cursor: pointer;
}

table {
   border-spacing : 0;
}

input[type="search"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

input[type="text"]::-ms-clear {
   display: none
}

@keyframes copied-light {
   
   0% {
      box-shadow : 0 0 0 0 rgba(33, 118, 175, 0.4);
   }
   
   70% {
      box-shadow : 0 0 0 10px rgba(33, 118, 175, 0);
   }
   
   100% {
      box-shadow : 0 0 0 0 rgba(33, 118, 175, 0);
   }
}

@keyframes copied-dark {
   
   0% {
      box-shadow: 0 0 0 0 rgba(249, 188, 73, 0.8);
   }
   
   70% {
      box-shadow: 0 0 0 10px rgba(249, 188, 73, 0);
   }
   
   100% {
      box-shadow: 0 0 0 0 rgba(249, 188, 73, 0);
   }
}

[data-copy] {
   position: relative;
   border-radius: 4px;
   cursor: pointer;
   overflow: hidden;
   display: inline-block;
}

[data-copy]:after {
   content: '';
   vertical-align: middle;
   width: 24px;
   height: 12px;
   margin-left: 6px;
   background: url(../../assets/img/copy-black.svg) 0 0 no-repeat;
   background-size: auto 100%;
   display: inline-block;
}

[data-copy].copied {
   animation: copied-light ease 0.3s forwards;
}

[data-copy] input {
   height: 0;
   padding: 0;
   position: absolute;
   top: 0;
   left: 0;
   border: 0;
}

@media (prefers-color-scheme: dark) {
   
   [data-copy].copied {
      animation: copied-dark ease 0.3s forwards;
   }
   
   [data-copy]:after {
      background-image: url(../../assets/img/copy-white.svg);
   }
}



main {
   padding: 15px 15px 0 15px;
}

@media (max-width: 991px) {
   main {
      padding: 0 0 25px 0;
   }
}

@media (max-width: 480px) {
   main {
      padding: 0;
   }
}


@media (min-width: 992px) {
   .only-mobile {
      display: none;
   }
}


.block {
   position: relative;
}

.block.frame {
   max-width: 1050px;
	margin: 0 auto;
}

.block.gap {
   margin-bottom: 10px;
}

.block.gap:last-child {
   margin-bottom: 0;
}

.block.padding {
   padding: 25px;
}

.block.narrow > * {
   max-width: 700px;
   margin-right: auto;
   margin-left: auto;
}

.block.fill {
   background: #fff;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.block.columns {
   flex-wrap: wrap;
	display: flex;
}

.block.hide {
   display: none;
}

.block.aside > div {
   flex: 1;
}

.block.aside > aside {
   width: 340px;
   margin-left: 10px;
   flex: 0 0 340px;
}

.block.aside > aside > .block {
   margin-top: 10px;
}

.block.aside > aside > .block:first-child {
   margin-top: 0;
}

.block.aside > aside > .block:last-child {
   position: sticky;
   top: 63px;
}

.block.aside > aside > .block .headline {
   font-weight: 700;
   font-size: 19px;
   line-height: 24px;
   margin-bottom: 24px;
   display: block;
}

.block.aside > aside > .block .footer {
   text-align: center;
   margin-top: 43px;
}

.block.columns .two-third {
   max-width: 704px;
   padding-right: 30px;
   flex: 1;
}

.block.columns .two-third.separate {
   background: linear-gradient(#a6a6a6 25%, #fff 0) 100% 0 / 1px 3px repeat-y;
}

.block.columns .two-third.separate + .one-third {
   margin-left: 28px;
}

@media (prefers-color-scheme: dark) {
   .block.columns .two-third.separate {
      background: linear-gradient(#a6a6a6 25%, #1b1b1b 0) 100% 0 / 1px 3px repeat-y;
   }
}

.block.columns .one-third {
   flex: 0 0 292px;
}

.block > h2 {
   font-size: 24px;
   line-height: 34px;
   width: 100%;
   margin-bottom: 20px;
   display: block;
}

.block > h2 + p {
	font-size: 16px;
   line-height: 26px;
}

.block > h3 {
   font-size: 18px;
   line-height: 23px;
   width: 100%;
   margin-bottom: 20px;
   display: block;
}

.block > h3 {
   margin-top: -5px;
}

.block > h2 a,
.block > h3 a,
.block.aside > aside .headline a {
   color: #29292b;
}

.block > h2 a:hover,
.block > h3 a:hover,
.block.aside > aside .headline a:hover {
   color: #6b6b6b;
}

.block > h2 a:active,
.block > h3 a:active,
.block.aside > aside .headline a:active {
   color: #2176af;
}

.block > h2 a:after,
.block > h3 a:after,
.block.aside > aside .headline a:after {
   content: '\ec9a';
   font-family: icons;
   font-size: 13px;
   vertical-align: middle;
   margin-left: 10px;
   position: relative;
   top: 2px;
   display: inline-block;
}

.block > h3 a:after,
.block.aside > aside .headline a:after {
   font-size: 11px;
}

@media (prefers-color-scheme: dark) {
   
   .block > h2 a,
   .block > h3 a,
   .block.aside > aside .headline a {
      color: #fff;
   }

   .block > h2 a:hover,
   .block > h3 a:hover,
   .block.aside > aside .headline a:hover {
      color: #a6a6a6;
   }

   .block > h2 a:active,
   .block > h3 a:active,
   .block.aside > aside .headline a:active {
      color: #f9bc49;
   }
}

.block hr {
   width: 100%;
   height: 60px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 28px / 3px 1px repeat-x;
   display: block;
}

.block hr.small {
   height: 11px;
   background-position: 0 5px;
}

.block hr.padding {
   width: auto;
   margin: 0 25px;
}

@media (prefers-color-scheme: dark) {
   
   .block hr {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 28px / 3px 1px repeat-x;
   }
   
   .block hr.small {
      background-position: 0 5px;
   }
}

.block > .center {
   width: 100%;
	text-align: center;
}

.block > .tab-menu {
   position: absolute;
   top: 30px;
   right: 29px;
}

.block > .tab-menu li {
   margin-left: 7px;
   display: inline-block;
}

.block > .tab-menu li:first-child {
   margin-left: 0;
}

.block > .tab-menu a {
   font-size: 13px;
   color: #29292b;
   padding: 6px 10px;
   border-radius: 3px;
   background-color: #eee;
   display: block;
}

.block > .tab-menu a.selected,
.block > .tab-menu a:hover {
   color: #fff;
   background-color: #a6a6a6;
}

@media (prefers-color-scheme: dark) {

   .block > .tab-menu a {
      color: #fff;
      background-color: #38383b;
   }
   
   .block > .tab-menu a.selected,
   .block > .tab-menu a:hover {
      background-color: #555;
   }
}

.block iframe {
   margin: 0 auto;
   border: 0;
}

.block.square-banner iframe {
   width: 340px;
   height: 284px;
   display: block;
}

.block.tradingview-multi-chart {
   padding: 0 0 15px 0;
}

.block.tradingview-multi-chart.tab-less-charts {
   min-height: 315px;
   padding-top: 20px;
}

.block.tradingview-multi-chart:not(.tab-less-charts) {
   min-height: 730px;
}

.tradingview-startpage {
	margin-top: -15px;
	overflow : hidden;
}

.tradingview-startpage .tradingview-startpage-desktop,
.tradingview-startpage .tradingview-startpage-mobile {
   display: none;
}

.tradingview-startpage .tradingview-startpage-desktop {
   height: 450px;
}

.tradingview-startpage.desktop .tradingview-startpage-desktop {
   display: block;
}

.tradingview-startpage.desktop .tradingview-startpage-desktop:before {
   content: '';
   width: 64px;
   height: 64px;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   border-top: 4px solid rgba(166, 176, 204, 0.3);
   border-right: 4px solid rgba(166, 176, 204, 0.3);
   border-bottom: 4px solid #2962ff;
   border-left: 4px solid #2962ff;
   border-radius: 50%;
   transform-origin: 32px 32px;
   animation: rotate-360 1000ms ease infinite;
   display: block;
}

.tradingview-startpage.desktop .tradingview-startpage-desktop iframe {
   width: calc(100% + 2px) !important;
   height: 452px !important;
   position: relative;
   z-index: 2;
   top: -1px;
   left: -1px;
}

.tradingview-startpage .tradingview-startpage-mobile {
   min-height: 750px;
}

.tradingview-startpage.mobile .tradingview-startpage-mobile {
   display: block;
}

.tradingview-startpage.mobile {
   margin-left: -7px;
	margin-right: -7px;
}

@media (prefers-color-scheme: dark) {
   
   .block.fill {
      background: #1b1b1b;
   }
   
   .tradingview-startpage.desktop .tradingview-startpage-desktop iframe {
      filter: grayscale(1) brightness(1.16);
   }
}

@media (max-width: 991px) {
   
   .block.columns.aside {
      display: block;
   }
   
   .block.aside > div {
      flex: none;
   }
   
   .block.aside > aside {
      width: auto;
      margin-left: 0;
      flex: none;
   }
   
   .block.aside > aside > .block:first-child {
      margin-top: 10px;
   }
   
   .block.aside > aside .square-banner {
      display: none;
   }
}

@media (max-width: 768px) {
   
   .block > .tab-menu {
      padding-bottom: 20px;
      position: static;
   }
   
   .block.tab-menu > h2 {
      margin-bottom: 7px;
   }
   
   .block > .tab-menu li {
      margin: 0;
   }
   
   .block > .tab-menu li a,
   .block > .tab-menu li a:hover,
   .block > .tab-menu li a.selected {
      padding: 3px 8px;
      background-color: transparent;
   }
   
   .block > .tab-menu li a:hover,
   .block > .tab-menu li a.selected {
      color: #2176af;
   }
   
   .block > .tab-menu li:first-child a {
      padding-left: 0;
   }
   
   .block > .tab-menu li:last-child a {
     background: none;
   }
   
   .block > .tab-menu li a {
      background: linear-gradient(#a6a6a6 25%, #fff 0) 100% 0 / 1px 3px repeat-y;
   }
   
   @media (prefers-color-scheme: dark) {
	   
      .block > .tab-menu li a:hover,
      .block > .tab-menu li a.selected {
         color: #f9bc49;
      }
      
      .block > .tab-menu li a {
         background: linear-gradient(#a6a6a6 25%, #1b1b1b 0) 100% 0 / 1px 3px repeat-y;
      }
   }

   .block > h2.sticky-headline,
   .block.aside > aside .headline {
      padding: 10px 0;
      margin: -10px 0 10px 0;
      position: sticky;
      top: 53px;
      z-index: 4;
      background: #fff;
   }
   
   @media (prefers-color-scheme: dark) {
      .block > h2.sticky-headline,
      .block.aside > aside .headline {
         background: #1b1b1b;
      }
   }
   
   .block > h2.sticky-headline + .tab-menu {
      position: sticky;
      top: 105px;
      right: auto;
      z-index: 4;
      background: #fff;
   }
   
   @media (prefers-color-scheme: dark) {
      .block > h2.sticky-headline + .tab-menu {
         background: #1b1b1b;
      }
   }
   
   .block.columns:not(.hide) {
      display: block;
   }
   
   .block.columns .two-third {
      max-width: none;
      padding-right: 0;
      flex: none;
   }
   
   .block.columns .two-third.separate + .one-third {
      margin-left: 0;
   }
   
   .block.columns .two-third,
   .block.columns .two-third.separate {
      margin-bottom: 28px;
      padding-bottom: 22px;
      background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
   }

   @media (prefers-color-scheme: dark) {
      .block.columns .two-third,
      .block.columns .two-third.separate {
         background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
      }
   }

   .block.columns .one-third {
      flex: none;
   }
   
   .block hr {
      height: 50px;
      background-position: 0 22px;
   }

   .block hr.small {
      height: 11px;
      background-position: 0 5px;
   }
}

@media (max-width: 480px) {
   
   .block > h2 {
      font-size: 22px;
      line-height: 32px;
   }
   
   .block > h2 > a,
   .block.aside > aside .headline a {
      width: 100%;
      position: relative;
      display: inline-block;
   }
   
   .block > h2 a:after,
   .block > h3 a:after,
   .block.aside > aside .headline a:after {
      position: absolute;
      top: 5px;
      right: 0;
      z-index: 1;
   }
   
   .block.aside > aside .headline a:after {
      top: 4px;
   }
   
   .block.padding {
      padding: 15px;
   }
   
   .block hr.padding {
      width: auto;
      margin: 0 15px;
   }
}


ol.related-articles {
	
}

ol.related-articles.columns li {
   vertical-align: top;
	display: inline-block;
}

ol.related-articles.columns.two li {
   width: 50%;
   margin-top: 16px;
   padding-top: 16px;
}

ol.related-articles.columns.three li {
   width: 33.33%;
   margin-top: 16px;
   padding-top: 16px;
}

ol.related-articles.columns.two li:first-child,
ol.related-articles.columns.two li:first-child + li,
ol.related-articles.columns.three li:first-child,
ol.related-articles.columns.three li:first-child + li,
ol.related-articles.columns.three li:first-child + li + li {
   margin-top: 0;
   padding-top: 0;
}

ol.related-articles.columns.three li:nth-child(3n-2) {
   padding-right: 20px;
}

ol.related-articles.columns.three li:nth-child(3n-1) {
   padding-right: 10px;
   padding-left: 10px;
}

ol.related-articles.columns.three li:nth-child(3n) {
   padding-left: 20px;
}

@media (max-width: 768px) {
   
   ol.related-articles.columns.two li,
   ol.related-articles.columns.three li {
      width: 100%;
   }
   
   ol.related-articles.columns.two li,
   ol.related-articles.columns.two li:first-child,
   ol.related-articles.columns.two li:first-child + li,
   ol.related-articles.columns.three li,
   ol.related-articles.columns.three li:first-child,
   ol.related-articles.columns.three li:first-child + li,
   ol.related-articles.columns.three li:first-child + li + li {
      margin-top: 13px;
      padding-top: 13px;
   }
   
   ol.related-articles.columns.two li:first-child,
   ol.related-articles.columns.three li:first-child {
      margin-top: 0;
      padding-top: 0;
   }

   ol.related-articles.columns.three li:nth-child(3n-2),
   ol.related-articles.columns.three li:nth-child(3n-1),
   ol.related-articles.columns.three li:nth-child(3n) {
      padding-right: 0;
      padding-left: 0;
   }
   
   ol.related-articles.columns li .article-teaser .top-line,
   ol.related-articles.columns li .article-teaser .image,
   ol.related-articles.columns li .article-teaser p {
      display: none;
   }
   
   ol.related-articles.columns li .article-teaser h3 a {
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
   }
}



ol.small-article-listing.numbered {
   counter-reset: section;
}

ol.small-article-listing:not(.half) li {
   margin-top: 25px;
}

ol.small-article-listing.half {
   flex-wrap: wrap;
   display: flex;
}

ol.small-article-listing.half li {
   flex: 0 0 50%;
   width: 50%;
   padding-bottom: 25px;
}

ol.small-article-listing.half li:nth-child(even) {
   padding-left : 25px;
}

ol.small-article-listing.half li:nth-child(odd) {
   padding-right : 25px;
}

ol.small-article-listing.half li:last-child,
ol.small-article-listing.half li:nth-last-child(2) {
   padding-bottom: 0;
}

ol.small-article-listing li:first-child {
   margin-top: 0;
}

ol.small-article-listing time {
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 600;
   color: #a6a6a6;
   margin-top: 8px;
   display: block;
}

ol.small-article-listing li a {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   color: #29292b;
   display: block;
}

ol.small-article-listing.numbered a {
   position: relative;
   padding-left: 25px;
}

ol.small-article-listing.numbered a:before {
   content: counters(section, '.');
   font-weight: 700;
   color: #a6a6a6;
   position: absolute;
   top: 4px;
   left: 0;
   counter-increment: section;
}

ol.small-article-listing li a:hover {
   color: #6b6b6b;
}

ol.small-article-listing li a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   ol.small-article-listing li a {
      color: #fff;
   }

   ol.small-article-listing li a:hover {
      color: #a6a6a6;
   }

   ol.small-article-listing li a:active {
      color: #f9bc49;
   }
}

@media (max-width: 768px) {
   
   ol.small-article-listing.half li {
      flex: 1 0 100%;
      width: 100%;
      padding-bottom: 25px;
   }
   
   ol.small-article-listing.half li:nth-child(even) {
      padding-left : 0;
   }
   
   ol.small-article-listing.half li:nth-child(odd) {
      padding-right : 0;
   }
   
   ol.small-article-listing.half li:nth-last-child(2) {
      padding-bottom: 25px;
   }
}



.gold-stocks-teaser {
	color: #fff;
   text-shadow: 0 1px 3px rgb(41, 41, 43, 0.3);
   width: 100%;
   position: relative;
   flex: 1;
   display: table;
}

.gold-stocks-teaser:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   background: linear-gradient(90deg, #2176af 25%, rgba(33, 118, 175, 0.6) 100%);
}

.gold-stocks-teaser:after {
   content: 'Partnerangebot von www.goldgeldwelt.de';
   font-size: 10px;
   color: #fff;
   position: absolute;
   right: 8px;
   bottom: 8px;
   z-index: 3;
}

.gold-stocks-teaser picture {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   overflow: hidden;
}

.gold-stocks-teaser img {
   width: 138%;
   height: auto;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}

.gold-stocks-teaser div {
   vertical-align: middle;
   width: 100%;
   height: 100%;
   padding: 25px 20% 35px 25px;
   position: relative;
   z-index: 4;
   display: table-cell;
}

.gold-stocks-teaser strong {
   font-size: 22px;
   font-weight: 700;
   line-height: 32px;
   margin-bottom: 5px;
   display: block;
}

.gold-stocks-teaser p {
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 20px;
}

@media (max-width: 600px) {
   .gold-stocks-teaser div {
      padding: 25px 25px 35px 25px;
   }
}

@media (max-width: 480px) {
   
   .gold-stocks-teaser:before {
      background: linear-gradient(180deg, #2176af 25%, rgba(33, 118, 175, 0.6) 100%);
   }
   
   .gold-stocks-teaser:after {
      text-align: center;
      width: 100%;
      right: 0;
      left: 0;
      display: block;
   }
   
   .gold-stocks-teaser div {
      text-align: center;
      padding: 15px 15px 35px 15px;
   }
   
   .gold-stocks-teaser img {
      width: 100%;
      height: 100%;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      object-fit: cover;
      object-position: right;
   }
   
   .gold-stocks-teaser strong {
      font-size: 19px;
      line-height: 29px;
   }

   .gold-stocks-teaser p {
      font-size: 15px;
      line-height: 25px;
   }
}



.article-feature {
   position: relative;
}

.article-feature.full-sureface + hr {
	display: none;
}

.article-feature.frame {
   padding: 25px;
}

.article-feature.image-superscript {
   margin-top: 25px;
}

.article-feature.split {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   display: flex;
}

.article-feature.split.reverse {
	flex-direction: row-reverse;
}

.article-feature a {
   display: block;
}

.article-feature img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
}

.article-feature h2 a {
   font-size: 26px;
   line-height: 34px;
}

.article-feature h2 a[data-label]:before {
   content: attr(data-label);
   font-size: 15px;
   color: #ffF;
   margin-right: 2px;
   padding: 4px 6px;
   position: relative;
   top: -4px;
   border-radius: 3px;
   background: #a6a6a6;
   display: inline-block;
}

@media (prefers-color-scheme: dark) {
   .article-feature h2 a[data-label]:before {
      background: #6b6b6b;
   }
}

.article-feature p {
   margin-top: 10px;
}

.article-feature p a {
   font-size: 16px;
   line-height: 26px;
}

.article-feature .image {
   height: 0;
   padding-bottom: 47%;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.article-feature.image-superscript .image {
   margin-top: -50px;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.02);
}

.article-feature.split .image {
   padding-bottom: 40%;
   flex: 0 0 55%;
}

.article-feature .image picture:before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: block;
}

.article-feature .image.left-corner-gradient picture:before {
   background: linear-gradient(15deg, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
}

.article-feature .image.small-bottom-gradient picture:before {
   background: linear-gradient(0, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 25%);
}

.article-feature .image.large-bottom-gradient picture:before {
   background: linear-gradient(0, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0) 60%);
}

.article-feature .content {
   padding: 25px 25px 22px 25px;
}

.article-feature .content.normal {
   padding: 25px 0 0 0;
}

.article-feature.content-superscript .content {
   padding: 30px 25px 22px 25px;
   position: absolute;
   right: 100px;
   bottom: 0;
   left: 100px;
   z-index: 2;
   background: #fff;
}

.article-feature.content-superscript .content:before {
   content: '';
   position: absolute;
   top: 25px;
   right: -100px;
   bottom: 0;
   left: -100px;
   z-index: -1;
   background: #fff;
   display: block;
}

@media (prefers-color-scheme: dark) {
   .article-feature.content-superscript .content,
   .article-feature.content-superscript .content:before {
      background: #1b1b1b;
   }
}

.article-feature.split .content {
   padding: 0 0 0 25px;
   flex: 0 0 45%;
}

.article-feature.split.reverse .content {
   padding: 0 25px 0 0;
}

.article-feature .content.center {
   text-align: center;
}

.article-feature .content.text-white {
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.article-feature .content.text-white,
.article-feature .content.text-white a,
.article-feature .content.text-white a:hover,
.article-feature .content.text-white a:active {
   color: #fff;
}

.article-feature .content.text-black,
.article-feature .content.text-black a,
.article-feature .content.text-black p a:hover {
   color: #29292b;
}

.article-feature .content.text-black a:hover {
   color: #6b6b6b;
}

.article-feature .content.text-black a:active,
.article-feature .content.text-black p a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {

   .article-feature .content.text-black,
   .article-feature .content.text-black a,
   .article-feature .content.text-black p a:hover {
      color: #fff;
   }
   
   .article-feature .content.normal.text-black p a {
      color: #ccc;
   }
   
   .article-feature.split .content.text-black p a,
   .article-feature.split .content.text-black p a:hover {
      color: #ccc;
   }

   .article-feature .content.text-black a:hover {
      color: #a6a6a6;
   }

   .article-feature .content.text-black a:active,
   .article-feature .content.text-black p a:active {
      color: #f9bc49;
   } 
}

.article-feature .content.overlay {
   max-width: 680px;
   padding-right: 0;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
}

.article-feature.frame .content.overlay {
   bottom: 25px;
   left: 25px;
}

.article-feature .top-line {
   margin-bottom: 10px;
}

.article-feature .top-line a {
   display: inline-block;
}

.article-feature .text-black .top-line a {
   color: #a6a6a6;
}

.article-feature .top-line .buzzword {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

.article-feature.article-teaser-wide .top-line .buzzword {
   color: #a6a6a6;
}

@media (prefers-color-scheme: dark) {

   .article-feature .text-black .top-line a:hover {
      color: #888;
   }

   .article-feature .text-black .top-line a:active {
      color: #f9bc49;
   }
}

.article-feature .author {
   font-size: 13px;
   font-weight: 600;
   display: inline-block;
}

.article-feature .company {
   font-size: 12px;
   text-transform: uppercase;
}

.article-feature .reading-time {
   display: none;
}

.article-feature .tags {
   font-size: 12px;
   text-transform: uppercase;
}

.article-feature .text-black .tags {
   color: #a6a6a6;
}

.article-feature .tags + .author,
.article-feature .tags + .company {
   margin-top: 7px;
}

.article-feature .tags li {
	font-size: 12px;
   display: inline;
}

.article-feature .tags li:after {
   font-size: 12px;
   content: ', ';
}

.article-feature .tags:not(.and-more) li:last-child:after {
   font-size: 12px;
   content: '';
}

.article-feature .tags.and-more li:last-child:after {
   content: ' und mehr';
   font-size: 12px;
}

.article-feature .tags:not(.and-more) li:nth-last-child(2):after {
   content: ' und ';
   font-size: 12px;
}

@media (max-width: 991px) {
   
   .article-feature.frame {
      padding: 0;
   }
   
   .article-feature.article-teaser-wide {
	   padding: 25px;
   }

   .article-feature.image-superscript {
      margin-top: 0;
   }

   .article-feature.split {
      display: block;
   }
   
   .article-feature .image,
   .article-feature.image-superscript .image,
   .article-feature.split .image {
      height: 360px;
      margin: 0;
      padding: 0;
      box-shadow: none;
   }
   
   .article-feature .image picture:before {
      display: none;
   }

   .article-feature .content,
   .article-feature .content.overlay,
   .article-feature.split .content,
   .article-feature.split.reverse .content,
   .article-feature.content-superscript .content {
      padding: 25px;
      position: static;
   }
   
   .article-feature.content-superscript .content:before {
      display: none;
   }
   
   .article-feature .content.overlay {
      max-width: none;
      position: static;
   }
   
   .article-feature .content.center {
      text-align: left;
   }
   
   .article-feature .top-line {
      position: relative;
   }
   
   .article-feature .tags {
      padding-right: 50px;
   }
   
   .article-feature .reading-time {
      font-size: 10px;
      color: #a6a6a6;
      position: absolute;
      top: -3px;
      right: 0;
      display: inline-block;
   }

   .article-feature .reading-time:before {
      content : '\e911';
      font-family: icons;
      font-size: 18px;
      vertical-align: middle;
      margin-right: 4px;
      position: relative;
      top: -1px;
      display: inline-block;
   }
   
   .article-feature .content.text-white {
      text-shadow: none;
   }

   .article-feature .content.text-white,
   .article-feature .content.text-white a,
   .article-feature .content.text-white p a:hover {
      color: #29292b;
   }
   
   .article-feature .content.text-white a:hover,
   .article-feature .content.text-white .tags a:hover {
      color: #6b6b6b;
   }
   
   .article-feature .content.text-white a:active,
   .article-feature .content.text-white p a:active,
   .article-feature .content.text-white .tags a:active {
      color: #2176af;
   }
   
   .article-feature .content.text-white .company,
   .article-feature .content.text-white .tags,
   .article-feature .content.text-white .tags a {
      color: #a6a6a6;
   }
   
   @media (prefers-color-scheme: dark) {

      .article-feature .content.text-white .tags a:hover,
      .article-feature .content.text-white .company:hover {
         color: #888;
      }
      
      .article-feature .content.text-white,
      .article-feature .content.text-white a {
         color: #fff;
      }

      .article-feature .content.text-white p a,
      .article-feature .content.text-white p a:hover {
         color: #ccc;
      }
      
      .article-feature .content.text-white a:hover {
         color: #a6a6a6;
      }
      
      .article-feature .content.text-white a:active,
      .article-feature .content.text-white .tags a:active,
      .article-feature .content.text-white p a:active,
      .article-feature .content.text-white .company:active {
         color: #f9bc49;
      }
   }
}

@media (max-width: 480px) {
   
   .article-feature .content,
   .article-feature .content.overlay,
   .article-feature.split .content,
   .article-feature.split.reverse .content,
   .article-feature.content-superscript .content,
   .article-feature.article-teaser-wide {
      padding: 25px 15px;
   }

   .article-feature h2 a {
      font-size: 20px;
      line-height: 28px;
   }
   
   .article-feature h2 a[data-label]:before {
      font-size: 12px;
      margin-right: 2px;
      padding: 4px 6px 3px 6px;
      top: -3px;
   }
   
   .article-feature p a {
      font-size: 15px;
      line-height: 25px;
   }
   
   .article-feature .top-line {
      margin-bottom: 6px;
   }
   
   .article-feature .tags {
      font-size: 10px;
   }
}



.article-teaser.size-normal {
   margin-bottom: 32px;
   padding-bottom: 32px;
}

.article-teaser.size-middle,
.article-teaser.size-small {
   margin-bottom: 16px;
   padding-bottom: 16px; 
}

.article-teaser.size-small.hide-image {
   margin-bottom: 13px;
   padding-bottom: 13px;
}

.article-teaser.separate-horizontal {
   margin-bottom: 24px;
   padding-bottom: 19px;
}

.article-teaser.separate-horizontal.hide-image {
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.article-teaser.hide-bottom-margin {
   margin-bottom: 0;
   padding-bottom: 0;
}

.article-teaser.separate-horizontal {
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

.article-teaser.separate-horizontal:last-of-type {
   background: none;
}

@media (prefers-color-scheme: dark) {
   .article-teaser.separate-horizontal {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

.article-teaser.display-column {
   flex-wrap: wrap;
   display: flex;
}

.article-teaser.display-row.columns-2 {
   flex: 0 0 50%;
}

.article-teaser.display-row.columns-3 {
   flex: 0 0 33.33%;
}

.article-teaser.display-column:last-of-type,
.article-teaser.display-row.columns-1:last-of-type,
.article-teaser.display-row.columns-2:nth-last-child(-n+2),
.article-teaser.display-row.columns-3:nth-last-child(-n+3) {
   margin-bottom: 0;
   padding-bottom: 0;
}

.article-teaser.display-row.columns-2.column-item-1 {
   padding-right: 15px;
}

.article-teaser.display-row.columns-2.column-item-2 {
   padding-left: 15px;
}

.article-teaser.display-row.columns-3.column-item-1 {
   padding-right: 20px;
}

.article-teaser.display-row.columns-3.column-item-2 {
   padding-right: 10px;
   padding-left: 10px;
}

.article-teaser.display-row.columns-3.column-item-3 {
   padding-left: 20px;
}

.article-teaser a,
.article-teaser p a:hover {
   color: #29292b;
   display: block;
}

.article-teaser a:hover {
   color: #6b6b6b;
}

.article-teaser a:active,
.article-teaser p a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {

   .article-teaser a {
      color: #fff;
   }
   
   .article-teaser p a,
   .article-teaser p a:hover {
      color: #ccc;
   }
   
   .article-teaser a:hover {
      color: #a6a6a6;
   }

   .article-teaser a:active,
   .article-teaser p a:active {
      color: #f9bc49;
   } 
}

.article-teaser img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
}

.article-teaser picture.fallback:before {
   content: '\e921';
   font-family: icons;
   font-size: 28px;
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 2;
}

.article-teaser picture:hover {
   color: #29292b;
}

@media (prefers-color-scheme: dark) {
   .article-teaser picture:hover {
      color: #fff;
   } 
}

.article-teaser h2 a,
.article-teaser h3 a {
   font-size: 20px;
   line-height: 28px;
}

.article-teaser.size-middle h2 a,
.article-teaser.size-middle h3 a {
   font-size: 18px;
   line-height: 26px;
}

.article-teaser.size-small h2 a,
.article-teaser.size-small h3 a {
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
}

.article-teaser.view-teaser h2 a,
.article-teaser.view-teaser h3 a {
   font-size: 26px;
   line-height: 34px;
}

.article-teaser h2 a[data-label]:before,
.article-teaser h3 a[data-label]:before {
   content: attr(data-label);
   font-size: 12px;
   color: #fff;
   white-space: nowrap;
   margin-right: 2px;
   padding: 4px 6px 3px 6px;
   position: relative;
   top: -3px;
   border-radius: 3px;
   background: #a6a6a6;
   display: inline-block;
}

.article-teaser.view-teaser h2 a[data-label]:before,
.article-teaser.view-teaser h3 a[data-label]:before {
   font-size: 15px;
   padding: 4px 6px;
   top: -4px;
}

.article-teaser.resource-week:not(.view-teaser) h2 a[data-label]:before,
.article-teaser.resource-week:not(.view-teaser) h3 a[data-label]:before {
   top: -2px;
}

@media (prefers-color-scheme: dark) {
   .article-teaser h2 a[data-label]:before,
   .article-teaser h3 a[data-label]:before {
      background: #6b6b6b;
   }
}

.article-teaser p {
   margin-top: 10px;
}

.article-teaser.hide-snippet p {
   display: none;
}

.article-teaser p a {
   font-size: 15px;
   line-height: 25px;
}

.article-teaser.view-teaser p a {
   font-size: 16px;
   line-height: 26px;
}

.article-teaser .image {
   height: 360px;
   margin-bottom: 14px;
   position: relative;
   display: block;
   overflow: hidden;
}

.article-teaser.hide-image .image {
   display: none;
}

.article-teaser.display-column .image {
   width: 100%;
   height: 160px;
   flex: 0 0 33.33333%;
}

.article-teaser.display-column.no-image .image {
	display: none;
}

.article-teaser.display-column .content {
   width: 100%;
   padding-left: 25px;
   flex: 0 0 66.66667%;
}

.article-teaser.display-column.no-image .content {
   padding-left: 0;
	flex: 0 0 100%;
}

.article-teaser.size-middle .image {
   height: 220px;
}

.article-teaser.size-small .image {
   height: 160px;
}

.article-teaser:not(.hide-top-line) .image {
   margin-bottom: 18px;
}

.article-teaser.view-teaser .image {
	height: 460px;
}

.article-teaser .author {
   font-size: 12px;
   font-style: italic;
   line-height: 22px;
   color: #a6a6a6;
   margin-top: 4px;
   display: inline-block;
}

.article-teaser.hide-author .author {
   display: none;
}

@media (prefers-color-scheme: dark) {
   .article-teaser .author {
      color: #6b6b6b;
   }
}

.article-teaser .top-line {
   font-size: 10px;
   text-transform: uppercase;
   color: #a6a6a6;
   margin-bottom: 6px;
   position: relative;
}

.article-teaser.hide-top-line .top-line {
   display: none;
}

.article-teaser.view-teaser .top-line {
   font-size: 12px;
   margin-bottom: 10px;
}

.article-teaser .top-line a,
.article-teaser .top-line span {
   color: #a6a6a6;
   display: inline-block;
}

.article-teaser .top-line a:hover {
   color: #6b6b6b;
}

.article-teaser .top-line a:active {
   color: #2176af;
}

.article-teaser h2 a[data-label]:active:before,
.article-teaser h3 a[data-label]:active:before {
   background: #2176af;
}

@media (prefers-color-scheme: dark) {

   .article-teaser .top-line a:hover {
      color: #888;
   }

   .article-teaser .top-line a:active {
      color: #f9bc49;
     
   }

   .article-teaser .top-line .tags a:active {
      background: none;
   }
   
   .article-teaser h2 a[data-label]:active:before,
   .article-teaser h3 a[data-label]:active:before {
      background: #f9bc49;
   }
}

.article-teaser .reading-time {
   font-size: 10px;
   color: #a6a6a6;
   position: absolute;
   top: -3px;
   right: 0;
   display: inline-block;
}

.article-teaser .reading-time:before {
   content : '\e911';
   font-family: icons;
   font-size: 18px;
   vertical-align: middle;
   margin-right: 4px;
   position: relative;
   top: -1px;
   display: inline-block;
}

.article-teaser .tags {
   display: inline-block;
}

.article-teaser .tags li {
   display: inline;
}

.article-teaser .tags li:after {
   content: ', ';
}

.article-teaser .tags:not(.and-more) li:last-child:after {
   content: '';
}

.article-teaser .tags.and-more li:last-child:after {
   content: ' und mehr';
}

.article-teaser .tags:not(.and-more) li:nth-last-child(2):after {
   content: ' und ';
}

@media (max-width: 768px) {

   .article-teaser.display-row.columns-2.column-item-1,
   .article-teaser.display-row.columns-2.column-item-2,
   .article-teaser.display-row.columns-3.column-item-1,
   .article-teaser.display-row.columns-3.column-item-2,
   .article-teaser.display-row.columns-3.column-item-3 {
      padding-right: 0;
      padding-left: 0;
   }
   
   .article-teaser.hide-top-line .top-line {
      display: block;
   }
   
   .article-teaser.size-small h2 a,
   .article-teaser.size-middle h2 a,
   .article-teaser.size-small h3 a,
   .article-teaser.size-middle h3 a {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
   }

   .article-teaser.resource-week:not(.view-teaser) h2 a[data-label]:before,
   .article-teaser.resource-week:not(.view-teaser) h3 a[data-label]:before {
      top: -3px;
   }
   
   .article-teaser.hide-snippet p {
      display: block;
   }
   
   .article-teaser + hr {
      display: none;
   }
   
   .article-teaser,
   .article-teaser.size-normal,
   .article-teaser.size-middle,
   .article-teaser.size-small,
   .article-teaser.size-small.hide-image {
      margin-bottom: 28px;
      padding-bottom: 22px;
      background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
   }

   .article-teaser.display-row.columns-2:nth-last-child(-n+2):not(:last-of-type),
   .article-teaser.display-row.columns-3:nth-last-child(-n+3):not(:last-of-type) {
      margin-bottom: 28px;
      padding-bottom: 22px;
   }
   
   .article-teaser.display-column:last-of-type,
   .article-teaser.display-row.columns-1:last-of-type,
   .article-teaser.display-row.columns-2:nth-last-child(-n+2):last-of-type,
   .article-teaser.display-row.columns-3:nth-last-child(-n+3):last-of-type {
      background: none;
   }
   
   @media (prefers-color-scheme: dark) {
      .article-teaser,
      .article-teaser.size-normal,
      .article-teaser.size-middle,
      .article-teaser.size-small,
      .article-teaser.size-small.hide-image {
         background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
      }
   }
   
   .article-teaser.display-column {
      display: block;
   }
   
   .article-teaser.display-column .image {
      flex: none;
   }
   
   .article-teaser.display-column .content {
      padding-left: 0;
      flex: none;
   }
   
   .article-teaser.view-teaser .image {
   	height: 360px;
   }
}

@media (max-width: 480px) {

   .article-teaser.view-teaser h2 a,
   .article-teaser.view-teaser h3 a {
      font-size: 20px;
      line-height: 28px;
   }

   .article-teaser.view-teaser h2 a[data-label]:before,
   .article-teaser.view-teaser h3 a[data-label]:before {
      font-size: 12px;
      padding: 4px 6px 3px 6px;
      top: -3px;
   }

   .article-teaser.view-teaser p a {
      font-size: 15px;
      line-height: 25px;
   }
   
   .article-teaser.size-normal.display-row .image {
      height: 280px;
   }

   .article-teaser.view-teaser .top-line {
      font-size: 10px;
      margin-bottom: 6px;
   }
}



.company-teaser {
   margin-bottom: 30px;
   padding-bottom: 25px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

@media (prefers-color-scheme: dark) {
   .company-teaser {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

.company-teaser:last-of-type {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none;
}

.company-teaser.reverse {
   flex-direction: row-reverse;
}

.company-teaser h2 {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 10px;
}

.company-teaser h2 a {
   color: #29292b;
}

.company-teaser h2 a:hover {
   color: #6b6b6b;
}

.company-teaser h2 a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   
   .company-teaser h2 a {
      color: #fff;
   }
   
   .company-teaser h2 a:hover {
      color: #a6a6a6;
   }

   .company-teaser h2 a:active {
      color: #f9bc49;
   }
}

.company-teaser > .image {
   max-width: 144px;
   flex: 0 0 144px;
}

.company-teaser > .image img {
   width: 100%;
   height: auto;
   max-width: 300px;
   margin: 0 auto;
   padding: 5px;
   background: #fff;
   border: 1px solid #f2f2f2;
   display: block;
}

.company-teaser > .content {
   padding: 0 25px;
   flex: 1;
}

.company-teaser.hide-image > .content {
   padding-left: 0;
}

.company-teaser.hide-chart > .content {
   padding-right: 0;
}

.company-teaser.reverse.hide-chart > .content {
   padding-left: 0;
   padding-right: 25px;
}

.company-teaser .chart {
   max-width: 240px;
   height: 150px !important;
   flex: 0 0 240px;
}

.company-teaser .snippet {
   font-size: 15px;
   margin: 0;
}

.company-teaser .snippet a:first-child {
   line-height: 25px;
   display: block;
}

.company-teaser .snippet a {
   color: #29282b;
}

.company-teaser .snippet a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   
   .company-teaser .snippet a {
      color: #ccc;  
   }

   .company-teaser .snippet a:active {
      color: #f9bc49;  
   }
}

.company-teaser .study {
	margin-top: 20px;
   padding: 10px 10px 10px 45px;
   border-radius: 3px;
   background: #f8f8f8;
   position: relative;
}

@media (prefers-color-scheme: dark) {
   .company-teaser .study {
      background: #38383b;
   }
}

.company-teaser .study:before {
   content: 'PDF';
   font-size: 7px;
   color: #fff;
   width: 23px;
   height: 29px;
   padding: 11px 0 0 5px;
   position: absolute;
   top: 10px;
   left: 10px;
   background : #e2574c;
   display: block;
   overflow: hidden;
}

.company-teaser .study:after {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 10px;
   left: 27px;
   border-style: solid;
   border-width: 3px;
   border-color: #f8f8f8 #f8f8f8 #b53629 #b53629;
}

@media (prefers-color-scheme: dark) {
   .company-teaser .study:after {
      border-color: #38383b #38383b #b53629 #b53629;
   }
}

.company-teaser .study time {
   font-weight: 600;
   font-size: 10px;
   line-height: 1;
   vertical-align: middle;
   color: #a6a6a6;
   text-transform : uppercase;
   margin-bottom: 6px;
   position: relative;
   display: block;
}

.company-teaser .study time span {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

.company-teaser .study.recent time:after {
   content: 'neu';
   font-weight: 700;
   font-size: 8px;
   letter-spacing: 0.08em;
   text-shadow: 0 1px 3px #eaa017;
   color: #fff;
   margin-left: 6px;
   padding: 2px 3px 2px 4px;
   position: absolute;
   top: -1px;
   border-radius: 3px;
   background: #f9bc49;
   display: inline-block;
}

.company-teaser .study a {
   font-size: 13px;
   color: #29292b;
   display: inline-block;
}

.company-teaser .study a:hover {
   color: #a6a6a6;
}

.company-teaser .study a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .company-teaser .study a {
      color: #fff;
   }

   .company-teaser .study a:active {
      color: #f9bc49;
   }
}

.company-teaser.hide-related-articles .related-articles {
   display: none;
}

.company-teaser .related-articles {
   margin-top: 20px;
   padding-top: 22px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 0 / 3px 1px repeat-x;
}

.company-teaser .study + .related-articles {
   margin-top: 26px;
}

@media (prefers-color-scheme: dark) {
   .company-teaser .related-articles {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 0 / 3px 1px repeat-x;
   }
}

.company-teaser .related-articles h3 {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 12px 0;
}

@media (prefers-color-scheme: dark) {
   .company-teaser .related-articles h3 {
      color: #fff;
   }
}

.company-teaser .related-articles li {
   margin-top: 15px;
}

.company-teaser .related-articles li:first-child {
   margin-top: 0;
}

.company-teaser .related-articles a {
   font-size: 13px;
   color: #29292b;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.company-teaser .related-articles a:hover {
   color: #a6a6a6;
}

.company-teaser .related-articles a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .company-teaser .related-articles a {
      color: #fff;
   }

   .company-teaser .related-articles a:active {
      color: #f9bc49;
   }
}

.company-teaser .related-articles time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   margin-bottom: 4px;
   display: block;
}

.company-teaser .related-articles .image {
   max-width: 80px;
   height: 48px;
   position: relative;
   flex: 0 0 80px;
   overflow: hidden;
   display: block;
}

.company-teaser .related-articles .image img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   object-fit: cover;
   display: block;
}

.company-teaser .related-articles .content {
   line-height: 19px;
   padding-left: 12px;
   position: relative;
   top: 0;
   flex: 1;
   display: block;
}

@media (max-width: 950px) {
   
   .company-teaser > .content {
     padding-right: 0;
   }
   
   .company-teaser .chart {
      max-width: none;
      height: 160px !important;
      margin-top: 35px;
      flex: 0 0 100%;
   }
}

@media (max-width: 570px) {
   
   .company-teaser > .content {
     margin-top: 25px;
     padding-left: 0;
   }
   
  .company-teaser > .image {
      max-width: none;
      background: #fff;
      flex: 0 0 100%;
   }
   
   .company-teaser > .image img {
      padding: 0;
      border: 0;
   }
   
   .company-teaser .chart {
      margin-top: 25px;
   }
}

@media (max-width: 480px) {
   
   .company-teaser > .image img {
      max-width: none;
   }
}



.interview-teaser {
   margin-bottom: 18px;
   padding-bottom: 18px;
}

.interview-teaser.separate {
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.interview-teaser:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
}

.interview-teaser.separate {
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

.interview-teaser.separate:last-of-type {
   background: none;
}

@media (prefers-color-scheme: dark) {
   .interview-teaser.separate {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

.interview-teaser.columns-2 {
   flex: 0 0 50%;
}

.interview-teaser.columns-2.column-item-1 {
   padding-right: 15px;
}

.interview-teaser.columns-2.column-item-2 {
   padding-left: 15px;
}

.interview-teaser.columns-3 {
   flex: 0 0 33.33%;
}

.interview-teaser.columns-3.column-item-1 {
   padding-right: 20px;
}

.interview-teaser.columns-3.column-item-2 {
   padding-right: 10px;
   padding-left: 10px;
}

.interview-teaser.columns-3.column-item-3 {
   padding-left: 20px;
}

.interview-teaser.columns-3:nth-last-child(1),
.interview-teaser.columns-3:nth-last-child(2),
.interview-teaser.columns-3:nth-last-child(3) {
   margin-bottom: 0;
   padding-bottom: 0;
}

.interview-teaser .image {
   height: 0;
   padding-bottom: 55.6%;
   position: relative;
   border: 1px solid #f2f2f2;
   overflow: hidden;
   cursor: pointer;
}

@media (prefers-color-scheme: dark) {
   .interview-teaser .image {
      border: 1px solid #252525;
   }
}

.interview-teaser .image:before {
   content: '\e914';
   font-family: icons;
   font-size: 18px;
   text-align: center;
   line-height: 1;
   color: #fff;
   padding-top: 5px;
   width: 45px;
   height: 30px;
   position: absolute;
   bottom: 8px;
   left: 8px;
   z-index: 2;
   border-radius: 3px;
   background: #f9bc49;
   box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.4);
   display: inline-block;
}

.interview-teaser.complete .image:before {
   font-size: 28px;
   width: 60px;
   height: 40px;
   padding-top: 6px;
   bottom: 12px;
   left: 12px;
}

.interview-teaser .image img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
}

.interview-teaser .image.late-consent > div {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left : 0;
   z-index: 4;
   background: rgba(249, 188, 73, 0.8);
   justify-content: center;
   align-items: center;
   flex-direction: column;
   display: none;
}

.interview-teaser .image.late-consent button {
   max-width: 240px;
}

.interview-teaser .image.late-consent button:first-child {
   margin-bottom: 8px;
}

.interview-teaser .image.late-consent:hover > div {
   display: flex;
}

.interview-teaser .content {
   margin-top: 13px;
}

.interview-teaser.complete .content {
   margin-top: 17px;
}

.interview-teaser .content .preline {
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
}

.interview-teaser .content .preline + p {
   margin-top: 9px;
}

.interview-teaser .content .preline + h3 {
   margin-top: 6px;
}

.interview-teaser .content .preline time {
   font-weight: 600;
   display: inline-block;
}

.interview-teaser .content .preline span,
.interview-teaser .content .preline a {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

.interview-teaser .content .preline span:first-child,
.interview-teaser .content .preline a:first-child {
   margin-left: 0;
}

.interview-teaser .content .preline a {
   color: #a6a6a6;
}

.interview-teaser .content .preline a:hover {
   color: #6b6b6b;
}

.interview-teaser .content .preline a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {

   .interview-teaser .content .preline a:hover {
      color: #888;
   }

   .interview-teaser .content .preline a:active {
      color: #f9bc49;
   }
}

.interview-teaser p {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   margin: 13px 0 0 0;
}

.interview-teaser.complete p {
   font-size: 20px;
   line-height: 28px;
}

.interview-teaser.complete h3 {
   font-size: 20px;
   line-height: 28px;
}

.interview-teaser.complete h3 + p {
   font-weight: 400;
   font-size: 15px;
   line-height: 25px;
   margin: 10px 0 0 0;
}

@media (prefers-color-scheme: dark) {
   .interview-teaser.complete h3 + p {
       color: #ccc;
   }
}

.interview-teaser .related-articles {
   max-width: 100%;
   margin-top: 20px;
   flex: 0 0 100%;
}

.interview-teaser .related-articles strong {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 5px 0;
   display: block;
}

.interview-teaser .related-articles ol li {
   margin-top: 4px;
}

.interview-teaser .related-articles ol li:first-child {
   margin-top: 0;
}

.interview-teaser .related-articles ol li a {
   font-size: 13px;
   line-height: 20px;
   color: #29292b;
   padding-left: 74px;
   position: relative;
   display: block;
}

.interview-teaser .related-articles ol li a:hover {
   color: #6b6b6b;
}

.interview-teaser .related-articles ol li a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .interview-teaser .related-articles ol li a {
      color: #fff;
   }
   
   .interview-teaser .related-articles ol li a:hover {
      color: #a6a6a6;
   }

   .interview-teaser .related-articles ol li a:active {
      color: #f9bc49;
   }
}

.interview-teaser .related-articles ol li time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   position: absolute;
   top: 6px;
   left: 0;
}

@media (max-width: 768px) {
   
   .interview-teaser.columns-2.column-item-1,
   .interview-teaser.columns-2.column-item-2,
   .interview-teaser.columns-3.column-item-1,
   .interview-teaser.columns-3.column-item-2,
   .interview-teaser.columns-3.column-item-3 {
      padding-right: 0;
      padding-left: 0;
      flex: none;
   }
   
   .interview-teaser,
   .interview-teaser.separate {
      margin-bottom: 28px;
      padding-bottom: 22px;
      background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
   }
   
   .interview-teaser:last-child {
       margin-bottom: 0;
       padding-bottom: 0;
       background: none;
   }
   
   .interview-teaser.complete p {
      font-size: 20px;
      line-height: 28px;
   }
   
   .interview-teaser:not(.complete) p {
      font-size: 16px;
      line-height: 26px;
   }

   @media (prefers-color-scheme: dark) {
      .interview-teaser,
      .interview-teaser.separate {
         background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
      }
   }
}

@media (max-width: 680px) {
   
   .interview-teaser {
      max-width: 100%;
      flex-basis: 100%;
   }

   .interview-teaser .image:before {
      font-size: 28px;
      width: 60px;
      height: 40px;
      padding-top: 6px;
      bottom: 12px;
      left: 12px;
   }
}

@media (max-width: 480px) {

   .interview-teaser .related-articles {
      margin-top: 25px;
   }
   
   .interview-teaser .related-articles strong {
      margin-bottom: 10px;
   }
   
   .interview-teaser .related-articles ol li {
      margin-top: 12px;
   }
   
   .interview-teaser .related-articles ol li a {
      padding-left: 0;
   }
   
   .interview-teaser .related-articles ol li time {
      position: static;
      display: block;
   }
}


.ticker-teaser {
   flex: 0 0 33.33%;
}

.ticker-teaser.column-item-1 {
   padding-right: 36px;
}

.ticker-teaser.column-item-2 {
   padding-right: 18px;
   padding-left: 18px;
}

.ticker-teaser.column-item-3 {
   padding-left: 36px;
}

.ticker-teaser.column-item-1 {
   background: linear-gradient(#a6a6a6 25%, #fff 0) calc(100% - 9px) 0 / 1px 3px repeat-y;
}

.ticker-teaser.column-item-3 {
   background: linear-gradient(#a6a6a6 25%, #fff 0) 9px 0 / 1px 3px repeat-y;
}

.ticker-teaser > a {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   color: #29292b;
   margin-bottom: 10px;
   display: block;
}

.ticker-teaser > a:hover {
   color: #6b6b6b;
}

.ticker-teaser > a:active,
.ticker-teaser p a:active {
   color: #2176af;
}

.ticker-teaser p a {
   font-size: 14px;
   line-height: 22px;
   color: #29292b;
   width: 100%;
}

.ticker-teaser time {
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 600;
   color: #a6a6a6;
   margin-top: 12px;
   display: block;
}

@media (prefers-color-scheme: dark) {
   
   .ticker-teaser.column-item-1 {
      background: linear-gradient(#a6a6a6 25%, #1b1b1b 0) calc(100% - 9px) 0 / 1px 3px repeat-y;
   }
   
   .ticker-teaser.column-item-3 {
      background: linear-gradient(#a6a6a6 25%, #1b1b1b 0) 9px 0 / 1px 3px repeat-y;
   }
   
   .ticker-teaser > a {
      color: #fff;
   }

   .ticker-teaser > a:hover {
      color: #a6a6a6;
   }

   .ticker-teaser p a {
      color: #ccc;
   }

   .ticker-teaser > a:active,
   .ticker-teaser p a:active {
      color: #f9bc49;
   }
   
   .ticker-teaser time {
      color: #a6a6a6;
   }
}

@media (max-width: 991px) {
   
   .ticker-teaser {
      flex: 0 0 100%;
      margin-bottom: 40px;
   }
   
   .ticker-teaser:last-child {
      margin-bottom: 0;
   }

   .ticker-teaser.column-item-1 {
      padding-right: 0;
   }

   .ticker-teaser.column-item-2 {
      padding-right: 0;
      padding-left: 0;
   }

   .ticker-teaser.column-item-3 {
      padding-left: 0;
   }

   .ticker-teaser.column-item-1 {
      background: none;
   }

   .ticker-teaser.column-item-3 {
      background: none;
   }
   
   .ticker-teaser.column-item-3 + hr {
      display: none;
   }
}

@media (max-width: 480px) {
   
   .ticker-teaser {
      margin-bottom: 25px;
   }
   
   .ticker-teaser p {
      display: none;
   }
   
   .ticker-teaser time {
      margin-top: 8px;
   }
}


#header {
   line-height: 1;
   width: 100%;
   height: 103px;
   position: fixed;
   top: 0;
   z-index: 11;
   background: #1b1b1b;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
   overflow: hidden;
   -webkit-transition: height 0.2s;
   -moz-transition: height 0.2s;
   -o-transition: height 0.2s;
   transition: height 0.2s;
}

@media (min-width: 992px) {

   #header.is-scrolling {
      height: 53px;
   }

   #header.is-scrolling .header-banner {
     height: 53px;
   }

   #header.is-scrolling .header-banner .logo {
      width: 170px;
      height: 15px;
      top: 3px;
      left: 30px;
      background: transparent url(/images/miningscout-logo-without-pyramid-yellow.svg) 0 0 no-repeat;
      background-size: 100% auto;
   }
   
   #header.is-scrolling .header-banner.xmas .logo span:after {
     width: 20px;
     height : 19px;
     top: 11px;
     right: -1px;
     background-size: 20px auto;
     transform: rotate(22deg);
   }

   #header.is-scrolling .header-banner.soccer .logo span:after {
      top: -3px;
      left: 161px;
      transform: scaleX(-1);
   }

   #header.is-scrolling .header-newsletter-button {
      color: #f9bc49;
      height: 30px;
      padding: 2px 28px 0 10px;
      border-color: transparent;
      background: transparent;
   }

   #header.is-scrolling .header-newsletter-button:after {
      font-size: 18px;
      top: 5px;
      right: 4px;
   }

   #header.is-scrolling .menu-button {
      top: 0;
      left: 40px;
      opacity: 1;
   }
}

@media (max-width: 1199px) {
   #menu {
       display: none;
   }
}

@media (max-width: 991px) {
   
   body {
      padding-top: 53px;
   }
   
   #header {
      height: 53px;
   }
   
   #header .header-banner {
     height: 53px;
   }
   
   #header .header-banner .logo {
      width: 170px;
      height: 15px;
      top: 3px;
      left: 15px;
      background: transparent url(/images/miningscout-logo-without-pyramid-yellow.svg) 0 0 no-repeat;
      background-size: 100% auto;
   }
   
   #header .header-banner.xmas .logo span:after {
     width: 20px;
     height : 19px;
     top: 11px;
     right: -1px;
     background-size: 20px auto;
     transform: rotate(22deg);
   }
   
   #header .header-banner.soccer .logo span:after {
      top: -3px;
      left: 161px;
      transform: scaleX(-1);
   }
   
   #header .header-newsletter-button {
      color: #f9bc49;
      height: 30px;
      padding: 2px 28px 0 10px;
      right: -22px;
      border-color: transparent;
      background: transparent;
   }

   #header .header-newsletter-button:after {
      font-size: 18px;
      top: 5px;
      right: 4px;
   }

   #header .menu-button {
      top: 0;
      left: 25px;
      opacity: 1;
   }
}



@media (max-width: 480px) {
   
   #header .header-banner .left {
     padding-left: 15px;
   }
   
   #header .header-banner .logo {
      left: 0;
   }
   
   #header .menu-button {
      width: 46px;
      top: 0;
      left: auto;
      right: 0;
      opacity: 1;
   }
   
   #header .header-newsletter-button {
     display: none;
   }
}

.header-banner {
   width: 100%;
   max-width: 1080px;
   height: 64px;
   margin: 0 auto;
	position: relative;
   display: table;
   -webkit-transition: height 0.2s;
   -moz-transition: height 0.2s;
   -o-transition: height 0.2s;
   transition: height 0.2s;
}

.header-banner .left,
.header-banner .right {
   vertical-align: middle;
   width: 50%;
   display: table-cell;
   -webkit-transition: padding 0.2s;
   -moz-transition: padding 0.2s;
   -o-transition: padding 0.2s;
   transition: padding 0.2s;
}

.header-banner .left {
   padding-left: 40px;
}

.header-banner .right {
   text-align: right;
   padding-right: 40px;
}

.header-banner .logo {
   width: 220px;
   height: 20px;
   background: transparent url(/images/miningscout-logo-white-pyramid-yellow.svg) 0 0 no-repeat;
   background-size: 100% auto;
   position: relative;
   top: 2px;
   z-index: 1;
   -webkit-transition: top 0.2s, left 0.2s;
   -moz-transition: top 0.2s, left 0.2s;
   -o-transition: top 0.2s, left 0.2s;
   transition: top 0.2s, left 0.2s;
   display: inline-block;
}

.header-banner.xmas .logo:after {
   content: '';
   width: 40px;
   height: 37px;
   position: absolute;
   top: -9px;
   right: 21px;
   z-index: 3;
   background: transparent url(../img/xmas-hat.png) 0 0 / 40px auto no-repeat;
   display: block;
   -webkit-transition: top 0.2s, right 0.2s, -webkit-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -moz-transition: top 0.2s, right 0.2s, -moz-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -o-transition: top 0.2s, right 0.2s, -o-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   transition: top 0.2s, right 0.2s, transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
}

.header-banner.new-year .logo:after {
   content: '';
   width: 99px;
   height: 66px;
   position: absolute;
   top: -9px;
   right: -60px;
   z-index: 1;
   background: transparent url(../img/new-year.png) 0 0 / 99px auto no-repeat;
   display: block;
   -webkit-transition: top 0.2s, right 0.2s, -webkit-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -moz-transition: top 0.2s, right 0.2s, -moz-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -o-transition: top 0.2s, right 0.2s, -o-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   transition: top 0.2s, right 0.2s, transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
}

.header-banner.soccer .logo:after {
   content: '';
   width: 50px;
   height: 36px;
   position: absolute;
   top: -12px;
   left: 90px;
   z-index: 1;
   background: transparent url(../img/soccer.png) 0 0 / 100% auto no-repeat;
   display: block;
   -webkit-transition: top 0.2s, left 0.2s, -webkit-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -moz-transition: top 0.2s, left 0.2s, -moz-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   -o-transition: top 0.2s, left 0.2s, -o-transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
   transition: top 0.2s, left 0.2s, transform 0.2s, background-size 0.2s, width 0.2s, height 0.2s;
}

.header-newsletter-button {
   font-size: 12px;
   font-weight: 600;
   color: #fff;
   height: 36px;
   padding: 2px 14px 0 14px;
   position: relative;
   border: 1px solid #7a6237;
   border-radius: 3px;
   outline: 0;
   background: rgba(249, 188, 73, 0.1);
   cursor: pointer;
   -webkit-transition: color 0.2s, bottom 0.2s, right 0.2s, padding 0.2s, height 0.2s, background 0.2s, border-color 0.2s;
   -moz-transition: color 0.2s, bottom 0.2s, right 0.2s, padding 0.2s, height 0.2s, background 0.2s, border-color 0.2s;
   -o-transition: color 0.2s, bottom 0.2s, right 0.2s, padding 0.2s, height 0.2s, background 0.2s, border-color 0.2s;
   transition: color 0.2s, bottom 0.2s, right 0.2s, padding 0.2s, height 0.2s, background 0.2s, border-color 0.2s;
}

.header-newsletter-button:focus {
   outline: 0;
}

.header-newsletter-button:after {
   content: '\e908';
   font-family: icons;
   font-weight: 400;
   font-size: 22px;
   position: absolute;
   top: -9px;
   right: -9px;
   -webkit-transition: top 0.2s, right 0.2s;
   -moz-transition: top 0.2s, right 0.2s;
   -o-transition: top 0.2s, right 0.2s;
   transition: top 0.2s, right 0.2s;
}

.header-newsletter-button:hover:after {
   animation: shaking 4.5s forwards;
}

.menu-button {
   line-height: 0;
   padding: 0;
   border: 0;
   outline: 0;
   background: none;
   cursor: pointer;
}

.menu-button:focus {
   outline: 0;
}

.header-banner .menu-button {
   width: 16px;
   height: 53px;
   position: absolute;
   top: 16px;
   left: 40px;
   z-index: 1;
   opacity: 0;
   -webkit-transition: opacity 0.2s, top 0.2s, left 0.2s;
   -moz-transition: opacity 0.2s, top 0.2s, left 0.2s;
   -o-transition: opacity 0.2s, top 0.2s, left 0.2s;
   transition: opacity 0.2s, top 0.2s, left 0.2s;
}

.menu-button > span {
   content: '';
   width: 16px;
   height: 11px;
   position: relative;
   display: inline-block;
}

.menu-button > span:before {
   content: '';
   width: 100%;
   height: 0;
   position: absolute;
   top: 0;
   left: 0;
   border-top: 1px solid #fff;
}

.menu-button > span:after {
   content: '';
   width: 100%;
   height: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   border-bottom: 1px solid #fff;
}

.menu-button > span span {
   content: '';
   width: 100%;
   height: 0;
   position: absolute;
   top: 5px;
   left: 0;
   border-top: 1px solid #fff;
   display: block;
}

.header-main-menu {
   line-height: 1;
   width: 100%;
   height: 39px;
   margin: 0 auto;
   background: #3f3f3f;
}

.header-main-menu > div {
   max-width: 1080px;
   margin: 0 auto;
   padding: 0 40px 0 85px;
   position: relative;
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.header-main-menu a {
   font-size: 13px;
   color: #fff;
}

.header-main-menu a:hover,
.header-main-menu li.selected a {
   color: #f9bc49;
}

.header-main-menu form {
   height: 39px;
   position: absolute;
   top: 0;
   right: 40px;
   left: 40px;
   z-index: 1;
   background: #555;
   display: none;
}

.header-main-menu form.open {
   display: block;
}

.header-main-menu .input-search {
   font-size: 13px;
   color: #fff;
   width: 100%;
   height: 39px;
   padding: 4px 120px 5px 16px;
   border: 0;
   background: none;
}

.header-main-menu .input-search:focus {
   outline: 0;
}

.header-main-menu .input-search::placeholder {
   color: #ccc;
}

.header-main-menu .submit-search {
   font-size: 17px;
   text-align: left;
   color: #fff;
   width: 40px;
   height: inherit;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   outline: 0;
   background: none;
   cursor : pointer;
}

.header-main-menu .submit-search:before {
   content: '\e90f';
   font-family: icons;
   position: relative;
   top: 1px;
   left: 13px;
}

.header-main-menu .submit-search:hover {
   color: #f9bc49;
}

.header-main-menu .close-search {
   font-size: 13px;
   color: #ccc;
   height: inherit;
   padding: 0 14px;
   position: absolute;
   top: 0;
   right: 40px;
   border: 0;
   outline: 0;
   background: none;
   cursor : pointer;
}

.header-main-menu .close-search:before {
   content: 'schließen';
}

.header-main-menu .close-search:after {
   content: '';
   width: 1px;
   height: 13px;
   position: absolute;
   top: 13px;
   right: 0;
   background: linear-gradient(#fff 25%, #555 0) 100% 0 / 1px 4px repeat-y;
   display: block;
}

.header-main-menu .close-search:hover {
   color: #f9bc49;
}

.header-main-menu > div .menu-button {
   width: 16px;
   height: 39px;
   position: absolute;
   top: 0;
   left: 40px;
   z-index: 1;
}

.header-main-menu > div:after {
   content: '';
   width: 1px;
   height: 13px;
   position: absolute;
   top: 13px;
   left: 70px;
   background: linear-gradient(#fff 25%, #3f3f3f 0) 100% 0 / 1px 3px repeat-y;
   display: block;
}

.menu-left,
.menu-right {
   font-size: 0;
   max-width: 50%;
   height: 39px;
   position: relative;
   -webkit-box-flex : 1;
   -moz-box-flex : 0 0 50%;
   -webkit-flex : 0 0 50%;
   -ms-flex : 0 0 50%;
   flex : 0 0 50%;
}

.menu-left li,
.menu-right li {
   vertical-align: top;
   height: inherit;
   margin: 0 7px;
   display: inline-block;
}

.menu-left li a,
.menu-right li a {
   height: inherit;
   padding-top: 13px;
   display: block;
}

.menu-left:before {
   content: 'Rohstoffe im Fokus:';
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   vertical-align: top;
   height: inherit;
   padding-top: 13px;
   display: inline-block;
}

.menu-left li:first-child {
   margin-left: 7px;
}

.menu-left li.separator {
	margin-right: 0;
   padding-right: 15px;
   position: relative;
}

.menu-left li.separator:after {
   content: '';
   width: 1px;
   height: 13px;
   position: absolute;
   top: 13px;
   right: 0;
   background: linear-gradient(#fff 25%, #444 0) 100% 0 / 1px 4px repeat-y;
   display: block;
}

.menu-right {
   text-align: right;
}

.menu-right li.separator {
	margin-right: 0;
   padding-right: 15px;
   position: relative;
}

.menu-right li.separator:after {
   content: '';
   width: 1px;
   height: 13px;
   position: absolute;
   top: 13px;
   right: 0;
   background: linear-gradient(#fff 25%, #3f3f3f 0) 100% 0 / 1px 3px repeat-y;
   display: block;
}

.menu-right li:nth-last-child(2) {
   margin-right: 0;
}

.menu-right li.search {
   margin: 0;
   padding-left: 3px;
}

.menu-right li.search button {
   font-size: 17px;
   line-height: 0;
   color: #fff;
   width: 37px;
   height: inherit;
   border: 0;
   outline: 0;
   background: none;
   cursor : pointer;
}

.menu-right li.search button:before {
   content: '\e90f';
   font-family: icons;
}

.menu-right li.search button:hover {
   color: #f9bc49;
}


.flyout-menu {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: -100%;
   z-index: 11;
   background: rgba(0, 0, 0, 0.4);
}

.flyout-menu form {
   position: relative;
   margin: 15px 0 25px 0;
}

.flyout-menu form .input-search {
   font-size: 13px;
   color: #29292b;
   width: 100%;
   height: 39px;
   padding: 4px 40px 5px 16px;
   border: 1px solid #29292b;
   border-radius: 3px;
   background: #fff;
}

.flyout-menu form .input-search:focus {
   outline: 0;
}

.flyout-menu form .input-search::placeholder {
   color: #aaa;
}

.flyout-menu form .submit-search {
   font-size: 17px;
   color: #29292b;
   width: 40px;
   height: 39px;
   padding: 0;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   outline: 0;
   background: none;
   cursor : pointer;
}

.flyout-menu form .submit-search:before {
   content: '\e90f';
   font-family: icons;
   position: relative;
   top: 1px;
}

.flyout-menu form .submit-search:hover {
   color: #f9bc49;
}

.flyout-menu nav {
   width: 300px;
   padding: 20px 20px 40px 20px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -100%;
   background: #fff;
   overflow-y: auto;
   -webkit-transition: left 0.2s;
   -moz-transition: left 0.2s;
   -o-transition: left 0.2s;
   transition: left 0.2s;
}

@media (prefers-color-scheme: dark) {
   .flyout-menu nav {
      background: #1b1b1b;
   }
}

.flyout-menu.open {
	left: 0;	
}

.flyout-menu.open nav {
   left: 0;
}

.flyout-menu ol,
.flyout-menu li {
   font-size: 15px;
}

.flyout-menu nav > ol {
   margin: 0 -20px;
}

.flyout-menu li.selected a {
   color: #2176af;
}

.flyout-menu strong {
   font-weight: 700;
   height: 47px;
   margin-top: 30px;
   padding: 16px 20px 0 20px;
   display: block;
}

@media (prefers-color-scheme: dark) {
   .flyout-menu li.selected a {
      color: #f9bc49;
   }
}

.flyout-menu a {
   font-weight: 600;
   color: #29292b;
   height: 47px;
   padding: 16px 20px 0 20px;
   display: block;
}

.flyout-menu a:hover,
.flyout-menu a:focus {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .flyout-menu a {
      color: #fff;
   }

   .flyout-menu a:hover,
   .flyout-menu a:focus {
      color: #f9bc49;
   }
}

.flyout-menu .menu-toggle-button {
   font-weight: 700;
   text-align: left;
   color: #29292b;
   width: 100%;
   height: 57px;
   padding: 0 20px;
   position: relative;
   border: 0;
   background: none;
   cursor: pointer;
}

.flyout-menu .menu-toggle-button:hover {
   color: #2176af;
}

.flyout-menu .menu-toggle-button:focus {
   outline: 0;
}

@media (prefers-color-scheme: dark) {
   .flyout-menu .menu-toggle-button {
      color: #fff;
   }

   .flyout-menu .menu-toggle-button:hover {
      color: #f9bc49;
   }
}

.flyout-menu .menu-toggle-button:after {
   content: '\e900';
   font-family: icons;
   font-size: 20px;
   height: 57px;
   padding-top: 18px;
   position: absolute;
   top: 0;
   right: 20px;
   bottom: 0;
   display: block;
}

.flyout-menu .menu-toggle-button + ol {
   display: none;
}

.flyout-menu .menu-toggle-button.open + ol {
   display: block;
}

.flyout-menu .menu-toggle-button.open {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   .flyout-menu .menu-toggle-button.open {
      color: #f9bc49;
   } 
}

.flyout-menu .menu-toggle-button.open:after {
   content: '\e903';
}

.flyout-menu .main-menu {
   margin-bottom: 30px;
}

.flyout-menu .resources {
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 0 / 3px 1px repeat-x;
}

.flyout-menu .resources > li {
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

@media (prefers-color-scheme: dark) {
   
   .flyout-menu .resources {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 0 / 3px 1px repeat-x;
   }
   
   .flyout-menu .resources > li {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

.flyout-menu .resources > li li a {
   padding-left: 30px;
}

.flyout-menu .resources > li ol {
   padding-bottom: 8px;
}

.flyout-menu .socials {
   text-align: left;
   margin-top: 40px;
}




.container {
   position: relative;
}


.page-wrap {
   width: 100%;
   max-width: 1050px;
   margin: 0 auto;
   display: table;
}

.page-wrap section.content-area {
   vertical-align: top;
   width: 740px;
   display: table-cell;
}

.page-wrap aside.sidebar {
   vertical-align: top;
   width: 310px;
   padding-left: 10px;
   display: table-cell;
}

.page-wrap aside.sidebar > div,
.page-wrap aside.sidebar .sidebar-element {
   margin: 10px 0 0 0;
}

.page-wrap aside.sidebar > div:first-child {
	margin-top : 0;
}

@media (min-width: 992px) {
   .page-wrap aside.sidebar > div:last-child {
      position: sticky;
      top: 63px;
   }
}

@media (max-width: 991px) {

   .page-wrap {
      display: block;
   }

   .page-wrap section.content-area {
      width: 100%;
      display: block;
   }

   .page-wrap aside.sidebar {
      width: 100%;
      padding-left: 0;
      display: block;
   }
}





.sidebar-element {
	font-size: 14px;
	margin-top: 25px;
	padding: 25px;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
}

@media (prefers-color-scheme: dark) {
   .sidebar-element {
      background: #1b1b1b;
   }
}

@media (max-width: 480px) {
   .sidebar-element:not(.medium-square-banner) {
      padding: 18px 15px 18px 15px;
   }
}

.sidebar-element.medium-square-banner {
   line-height : 0;
   padding: 0;
   position: relative;
}

.sidebar-element.medium-square-banner iframe {
   width: 300px;
   height: 250px;
   margin: 0 auto;
   border: 0;
   display: block;
   overflow: hidden;
}

@media (max-width: 991px) {
   .sidebar-element.medium-square-banner:last-child {
      display: none;
   }
}

@media (max-width: 480px) {
   
   .sidebar-element.medium-square-banner {
      height: 0;
      padding-bottom: 83.3%;
      overflow: hidden;
   }
   
   .sidebar-element.medium-square-banner iframe {
      width: 100%;
      height: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
   }
}

.sidebar-element.tradingview-multi-chart {
   padding: 0 0 15px 0;
}

.sidebar-element.tradingview-multi-chart.tab-less-charts {
   min-height: 315px;
   padding-top: 20px;
}

.sidebar-element.tradingview-multi-chart:not(.tab-less-charts) {
   min-height: 730px;
}

.sidebar-element.tradingview-single-chart {
	min-height: 321px;
   padding: 8px;
}

@media (max-width: 991px) {

   .sidebar-element.tradingview-multi-chart {
      padding: 0 5px 10px 5px;
   }
   
   .sidebar-element.tradingview-multi-chart.tab-less-charts {
      padding-top: 20px;
   }
   
   sidebar-element.tradingview-multi-chart:not(.tab-less-charts) {
      min-height: 730px;
   }
}

@media (max-width: 480px) {
   
   .sidebar-element.tradingview-multi-chart {
      padding: 0 5px 10px 5px;
   }
   
   .sidebar-element.tradingview-multi-chart.tab-less-charts {
      padding-top: 20px;
   }
}

.sidebar-element.twitter {
	min-height: 498px;
   padding: 25px 10px 20px 10px;
   position: relative;
}

.sidebar-element.twitter:not(.loaded):not(.late-consent):before {
   content: '';
   width: 26px;
   height: 26px;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border: solid 2px transparent;
   border-top-color: #a6a6a6;
   border-left-color: #a6a6a6;
   border-radius: 50%;
   animation: rotate-360 0.4s linear infinite;
}

.sidebar-element.twitter .headline {
   padding-left: 15px;
}

@media (max-width: 480px) {
   .sidebar-element.twitter .headline {
     padding-left: 0;
   }
}

.sidebar-element.twitter.late-consent .headline {
   padding-left: 0;
}

.sidebar-element.twitter.late-consent {
   min-height: 180px;
   padding: 25px 15px 20px 15px;
}

.sidebar-element.twitter.late-consent div {
   flex-direction: column;
   display: flex;
}

.sidebar-element.twitter.late-consent button:first-child {
   margin-bottom: 12px;
}

.sidebar-element .headline {
   font-weight: 700;
   font-size: 19px;
   line-height: 24px;
   letter-spacing: -0.015em;
   margin-bottom: 24px;
   display: block;
}

.sidebar-element ol li {
	margin-top : 25px;
}

.sidebar-element ol li:first-child {
	margin-top : 0;
}

.sidebar-element .footer {
   margin-top: 43px;
   text-align: center;
}

.sidebar-element ol li a {
   hyphens: auto;
}

.sidebar-element ol li a.word-break {
	hyphens: none;
	word-break: break-all;
}

.sidebar-element ol li strong {
   font-weight: 700;
   line-height: 24px;
   margin-bottom: 3px;
   display: inline-block;
}

.sidebar-element ol li span {
   line-height: 24px;
   display: block;
}

.sidebar-element ol li span a {
   line-height: 24px;
}

.sidebar-element ol.downloads li {
   vertical-align : top;
   padding-left: 32px;
   position: relative;
}

.sidebar-element ol.downloads li:before {
   content: 'PDF';
   font-size: 7px;
   color: #fff;
   width: 20px;
   height: 23px;
   padding: 9px 0 0 3px;
   position: absolute;
   top: 2px;
   left: 0;
   background : #e2574c;
   display: block;
   overflow: hidden;
}

.sidebar-element ol.downloads li:after {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 2px;
   left: 14px;
   border-style: solid;
   border-width: 3px;
   border-color: #fff #fff #b53629 #b53629;
}

@media (prefers-color-scheme: dark) {
   .sidebar-element ol.downloads li:after {
      border-color: #29292b #29292b #b53629 #b53629;
   }
}

.sidebar-element ol.downloads li a {
   line-height: 20px;
   vertical-align : top;
   display: inline-block;
}

.sidebar-element ol.downloads li time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform : uppercase;
   margin-bottom: 4px;
   display: block;
}

.sidebar-element ol.ticker time {
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 600;
   color: #a6a6a6;
   margin-top: 8px;
   display: block;
}

.sidebar-element ol.ticker li a {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   color: #29292b;
   display: block;
}

.sidebar-element ol.ticker li a:hover {
   color: #6b6b6b;
}

.sidebar-element ol.ticker li a:focus,
.sidebar-element ol.ticker li a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .sidebar-element ol.ticker li a {
      color: #fff;
   }

   .sidebar-element ol.ticker li a:hover {
      color: #a6a6a6;
   }

   .sidebar-element ol.ticker li a:focus,
   .sidebar-element ol.ticker li a:active {
      color: #f9bc49;
   }
}




.content-box {
   margin-bottom: 10px;
   padding: 25px;
   position: relative;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
   background-color: #fff;
}

.content-box .footer {
   margin-top: 45px;
   text-align: center;
}

.content-box > h1 {
   font-size: 34px;
   line-height: 44px;
   margin-bottom: 20px;
}

.content-box > h1:last-child {
   margin-bottom: 0;
}

@media (max-width: 480px) {
   .content-box > h1 {
      font-size: 26px;
      line-height: 36px;
   }
}

.content-box > h2,
.content-box > h3 {
   font-size: 24px;
   line-height: 34px;
   letter-spacing: -0.015em;
   margin-bottom: 26px;
}

.content-box > p {
   line-height: 26px;
   margin-bottom: 20px;
}

@media (prefers-color-scheme: dark) {
   .content-box {
      background: #1b1b1b;
   }
}

@media (max-width: 480px) {
   .content-box {
      padding: 18px 15px 18px 15px;
   }
}





#search-page {
   padding : 25px 25px 23px 25px;
   position : relative;
}

#search-page input {
   font-size: 18px;
   color: #29292b;
   width: 100%;
   height: 51px;
   padding: 0 120px 0 16px;
   border: 0;
   background: #eee;
}

@media (prefers-color-scheme: dark) {
   #search-page input {
      color: #fff;
      background: #555;
   }
}

#search-page input:focus {
   outline: 0;
}

#search-page input::placeholder {
   color: #999;
}

@media (prefers-color-scheme: dark) {
   #search-page input::placeholder {
      color: #ccc;
   }
}

#search-page button {
   font-size: 28px;
   text-align: center;
   color: #29292b;
   width: 51px;
   height: 51px;
   position: absolute;
   top: 25px;
   right: 25px;
   border: 0;
   outline: 0;
   background: none;
   cursor : pointer;
}

@media (prefers-color-scheme: dark) {
   #search-page button {
      color : #fff;  
   }
}

#search-page button:before {
   content: '\e90f';
   font-family: icons;
   position: relative;
}





@media (prefers-color-scheme: dark) {
   .post-content {
      color: #fff;
   }
}

.post-content h1 {
   font-size: 34px;
   line-height: 44px;
   margin-bottom: 20px;
}

@media (max-width: 480px) {
   .post-content h1 {
      font-size: 26px;
      line-height: 36px;
   }
}

@media (max-width: 300px) {
   .post-content h1 {
      hyphens: auto;
   }
}

.post-content h2 {
   font-size: 26px;
   line-height: 36px;
   margin: 43px 0 19px 0;
}

.post-content h2:first-child {
   margin-top: 0;
}

@media (max-width: 480px) {
   .post-content h2 {
      font-size: 22px;
      line-height: 32px;
   }
}

@media (max-width: 374px) {
   .post-content h2 {
      hyphens: auto;
   }
}

.post-content h3 {
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 10px;
}

.post-content h4 {
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 10px;
}

.post-content p,
.post-content blockquote {
   line-height: 26px;
   margin: 0 0 20px 0;
   display: block;
}

@media (max-width: 300px) {
   .post-content p,
   .post-content blockquote {
      hyphens: auto;
   }
}

.post-content p:empty {
   display: none;
}

.post-content blockquote {
   padding: 20px 25px;
   border-radius: 3px;
   background: #f8f8f8;
}

@media (prefers-color-scheme: dark) {
   .post-content blockquote {
      background: #393939;
   } 
}

.post-content blockquote p {
   font-size: 15px;
   line-height: 25px;
}

.post-content blockquote p:last-child {
   margin-bottom: 0;
}

.post-content blockquote strong {
   font-weight: 600;
}

.post-content p a {
   overflow-wrap: break-word;
}

.post-content p + h3,
.post-content p + h4 {
   margin-top : 36px;
}

.post-content strong {
   font-weight: 700;
   line-height: 26px;
}

.post-content em {
   line-height: 26px;
}

.post-content > ul > li,
.post-content-wrap > ul > li,
.post-content > ul > li ul li,
.post-content-wrap > ul > li ul li {
   line-height: 26px;
   margin: 15px 0 15px 20px; 
   list-style-type: disc;
}

.post-content > ol:not(.ticker-large):not(.glossar-chars):not(.glossar-entries) > li,
.post-content-wrap > ol > li,
.post-content > ol:not(.glossar-entries) > li ol li,
.post-content-wrap > ol > li ol li {
   line-height: 26px;
   margin: 15px 0 15px 20px; 
   list-style-type: decimal;
}

.post-content > ul,
.post-content > ol,
.post-content-wrap > ul,
.post-content-wrap > ol,
.post-content-wrap > ul ul,
.post-content-wrap > ol ol {
   hyphens: auto;
   margin-bottom: 20px;
}

.post-content > ul > li:first-child,
.post-content > ul > li:first-child ul > li:first-child,
.post-content-wrap > ul > li:first-child,
.post-content-wrap > ul > li ul > li:first-child {
   margin-top: 0;  
}

.post-content h3 + ul,
.post-content h4 + ul,
.post-content h3 + ol,
.post-content h4 + ol {
   margin-top: 16px;
}

.post-content ul + h3,
.post-content ul + h4,
.post-content ol + h3,
.post-content ol + h4 {
   margin-top: 36px;
}

.post-content img:not(.youtube-content):not(.team-image):not([src^="https://yt.media"]):not(.lightbox-image):not(.max-width):not(.newsletter-image) {
   vertical-align: baseline;
   width: 100%;
   max-width: 100%;
   height: auto;
   margin: auto;
   background: #fff;
   display: block;
}

.post-content img:not(.youtube-content):not(.team-image):not([src^="https://yt.media"]):not(.lightbox-image).max-width {
   vertical-align: baseline;
   max-width: 100%;
   height: auto;
   margin: auto;
   background: #fff;
   display: block;
}

.post-content sup {
   font-size: 12px;
   font-weight: 700;
   vertical-align: super;
}

.post-content figure {
   margin: 0 0 20px 0;
}

.post-content p + figure,
.post-content ul + figure,
.post-content ol + figure {
   padding-top: 20px;
}

.post-content figure + p {
   padding-top: 20px;
}

.post-content figcaption {
   font-size: 13px;
   font-style: italic;
   line-height: 21px;
   text-align : center;
   margin: 20px 0 0 0;
}

@media (prefers-color-scheme: dark) {
   .post-content figcaption {
      color : #a6a6a6;
   }
}

.post-content figure img {
   max-width: 100%;
   cursor: zoom-in;
}

.post-content figure img.lightbox-image {
   display: none;
}

.post-content figure > div:not(.wp-block-embed__wrapper) {
   display: none;
}

.post-content figure.lightbox > div {
   max-width: none !important;
   margin: 0;
   padding: 20px;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 20;
   background: #000;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.post-content figure.lightbox > div .caption {
   font-size: 13px;
   font-style: italic;
   text-align: center;
   color: #a6a6a6;
   max-width: 1360px;
   margin: 20px 0 0 0;
}

.post-content figure.lightbox > div .caption:empty {
   display: none;
}

.post-content figure.lightbox img.landscape {
   max-width: 1360px;
}

.post-content figure.lightbox img.portrait {
   max-height: 95%;
}

.post-content figure.lightbox img.lightbox-image {
   background: #fff;
   display: block;
   cursor: default;
}

@media (max-width: 768px) {
   .post-content figure.lightbox img.lightbox-image {
      width: 100%;
      height: auto;
   }
}

.post-content figure button {
   display: none;
}

.post-content figure.lightbox button {
   width: 51px;
   height: 51px;
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 1;
   background: #1b1b1b;
   cursor: pointer;
   display: block;
}

.post-content figure.lightbox button:before {
   content: '';
   width: 25px;
   height: 1px;
   position: relative;
   top: 0;
   left: 13px;
   background: #fff;
   transform: rotate(45deg);
   display: block;
}

.post-content figure.lightbox button:after {
   content: '';
   width: 25px;
   height: 1px;
   position: relative;
   top: -1px;
   left: 13px;
   background: #fff;
   transform: rotate(-45deg);
   display: block;
}

.post-content figure.lightbox figcaption,
.post-content figure.lightbox figcaption a {
   color: #fff;
}

.post-content > table {
   width: 100%;
   max-width: 100%;
   margin-bottom: 16px;
}

.post-content > table th,
.post-content > table td {
   line-height: 24px;
   padding: 12px;
   vertical-align: top;
}

.post-content > table tbody tr:nth-of-type(odd) {
    background: #f8f8f8;
}

@media (prefers-color-scheme: dark) {
   .post-content > table tbody tr:nth-of-type(odd) {
       background-color: #383838;
   }
}

.post-content p.post-teaser {
   font-size: 18px;
   line-height: 28px;
	font-weight: 600;
	margin-bottom: 43px;
}

@media (max-width: 768px) {
   
   .post-content > table {
      display: block;
      overflow-x: scroll;
      overflow-y: hidden;
   }
   
   .post-content > table > tbody {
      width: 100%;
      position: relative;
      display: table;
   }
   
   .post-content > table tr:first-child {
     position: sticky;
     top: 0;
   }
}

@media (max-width: 480px) {
   .post-content p.post-teaser {
      font-size: 17px;
      line-height: 27px;
   }
}




.pager {
   width: 100%;
   margin-top: 63px;
}

.pager.back-forth {
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
}

.pager.back-forth div {
	-ms-flex-align: center;
	align-items: center;
   -ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
}

.pager.back-forth .pager-prev {
   text-align: right;
   padding-right: 6px;
}

.pager.back-forth .pager-next {
   text-align: left;
   padding-left: 6px;
}
.pager.back-forth .pager-progress {
   font-size: 14px;
   text-align: center;
   width: 80px;
   height: 34px;
}

.pager.back-forth div a {
   line-height: 1;
	text-align : center;
	color: #29292b;
	width: 34px;
	height: 34px;
	padding-top: 8px;
	border-radius: 3px;
	background: #eee;
	display: inline-block;
}

@media (prefers-color-scheme: dark) {
   .pager.back-forth div a {
      background: #fff;
   }
}

.pager.back-forth .pager-prev:empty:before,
.pager.back-forth .pager-next:empty:before {
   font-family: icons;
   font-size: 18px;
   line-height: 1;
	text-align : center;
	color: #29292b;
	width: 34px;
	height: 34px;
	padding-top: 8px;
	border-radius: 3px;
	background: #eee;
   opacity: 0.3;
	display: inline-block;
}

@media (prefers-color-scheme: dark) {
   .pager.back-forth .pager-prev:empty:before,
   .pager.back-forth .pager-next:empty:before {
      background: #fff;
   }
}

.pager.back-forth a:hover {
   color: #fff;
   background: #a6a6a6;
}

.pager.back-forth a:focus,
.pager.back-forth a:active {
   color: #fff;
   background: #6b6b6b;
}

.pager.back-forth .pager-prev a:before,
.pager.back-forth .pager-next a:before {
   font-family: icons;
   font-size: 18px;
}

.pager.back-forth .pager-prev a:before,
.pager.back-forth .pager-prev:empty:before {
   content: '\e901';
}

.pager.back-forth .pager-next a:before,
.pager.back-forth .pager-next:empty:before {
   content: '\e902';
}

.pager.pages {
   text-align : center;
}

.pager.pages li {
   vertical-align: top;
   display: inline-block;
}

.pager.pages li.pager-prev {
   margin-right: 14px;
}

.pager.pages li.pager-next {
   margin-left: 14px;
}

.pager.pages li.pager-prev a,
.pager.pages li.pager-next a {
   padding-top: 8px;
}

.pager.pages li.pager-prev a:before,
.pager.pages li.pager-next a:before {
   font-family: icons;
   font-size: 18px;
}

.pager.pages li.pager-prev a:before {
   content: '\e901';
}

.pager.pages li.pager-next a:before {
   content: '\e902';
}

.pager.pages li a {
   font-size: 14px;
   text-align : center;
   line-height: 1;
   color: #29292b;
   width: 34px;
   height: 34px;
   padding-top: 10px;
   border-radius: 3px;
   background: #eee;
   display: inline-block;
}

.pager.pages li a:hover {
   color: #fff;
   background: #a6a6a6;
}

.pager.pages li a:focus,
.pager.pages li a:active {
   color: #fff;
   background: #6b6b6b;
}

.pager.pages li.selected a {
   color: #fff;
   background: #a6a6a6;
}

@media (prefers-color-scheme: dark) {
   .pager.pages li a {
      background: #fff;
   }

   .pager.pages li.selected a {
      color: #fff;
      background: #6b6b6b;
   }
}

.pager.pages li.last-page {
   display: none;
}

.pager.pages .progress {
   font-size: 16px;
   height: 48px;
   padding: 16px 28px 0 28px;
   background: none;
   display: none;
}

@media (max-width: 650px) {
   
   .pager.back-forth div a {
      width: 48px;
      height: 48px;
      padding-top: 13px;
   }
   
   .pager.back-forth .pager-prev:empty:before,
   .pager.back-forth .pager-next:empty:before {
      width: 48px;
      height: 48px;
      padding-top: 13px;
   }
   
   .pager.back-forth .pager-prev a:before,
   .pager.back-forth .pager-next a:before,
   .pager.back-forth .pager-prev:empty:before,
   .pager.back-forth .pager-next:empty:before {
      font-size: 24px;
   }
   
   .pager.back-forth .pager-progress {
      font-size: 16px;
      width: 120px;
      height: 48px;
   }
   
   .pager.pages li a {
      width: 48px;
      height: 48px;
   }
   
   .pager.pages li.pager-prev a,
   .pager.pages li.pager-next a {
      padding-top: 13px;
   }
   
   .pager.pages li.pager-prev a:before,
   .pager.pages li.pager-next a:before {
      font-size: 24px;
   }
   
   .pager.pages li:not(.progress):not(.pager-next):not(.pager-prev) {
      display: none;
   }
   
   .pager.pages li.pager-prev {
      margin-right: 4px;
   }

   .pager.pages li.pager-next {
      margin-left: 4px;
   }

   .pager.pages li.last-page {
      opacity: 0.3;
      display: inline-block;
   }

   .pager.pages li.last-page a,
   .pager.pages li.last-page a:hover,
   .pager.pages li.last-page a:focus,
   .pager.pages li.last-page a:active {
      color: #29292b;
      background: #eee;
   }

   .pager.pages .progress {
      display: inline-block;
   }
}





article.preview {
   margin-bottom: 32px;
   padding-bottom: 32px;
}

article.preview.sidebar {
   margin-bottom: 25px;
   padding-bottom: 0;
}

article.preview:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
}

article.preview:not(.first-article) > div {
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

article.preview.profile > div {
   flex-direction: row-reverse;
}

article.preview.profile {
   margin-bottom: 42px;
   padding-bottom: 42px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

@media (prefers-color-scheme: dark) {
   article.preview.profile {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

article.preview:last-of-type,
article.preview.sidebar:last-of-type {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none;
}

@media (prefers-color-scheme: dark) {
   article.preview:last-of-type {
      background: none;
   }
}

article.preview .preline {
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   min-height: 15px;
   margin-bottom: 4px;
   position: relative;
}

article.preview .preline time {
   font-weight: 600;
   display: inline-block;
}

article.preview .preline .author-column-company {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

article.preview .preline .author-column-company:first-child {
   margin-left: 0;
}

article.preview .preline .reading-time {
   font-weight: 400;
   position: absolute;
   top: -3px;
   right: 0;
}

article.preview .preline .reading-time:before {
   content : '\e911';
   font-family: icons;
   font-size: 18px;
   vertical-align: middle;
   margin-right: 4px;
   position: relative;
   top: -1px;
   display: inline-block;
}

@media (max-width: 500px) {
   article.preview .preline span.author-column-company {
      margin-left: 0;
      display: block;
   }
}

article.preview .preline a {
   color: #a6a6a6;
}

article.preview .preline a:hover {
   color: #6b6b6b;
}

article.preview .preline a:focus,
article.preview .preline a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {

   article.preview .preline a:hover {
      color: #888;
   }
   
   article.preview .preline a:focus,
   article.preview .preline a:active {
      color: #f9bc49;
   }
}

@media (min-width: 992px) {
   article.preview.sidebar .preline .author-column-company,
   article.preview.sidebar .preline .reading-time {
      display: none;
   }
}


@media (max-width: 991px) {
   article.preview.sidebar {
      margin-bottom: 35px;
   }
}

article.preview h2,
article.preview h3 {
   font-size: 20px;
   letter-spacing: 0;
   margin: 0;
}

article.preview h2 a,
article.preview h3 a {
   line-height: 28px;
   color: #29292b;
   display: inline-block;
}

article.preview h2 a:hover,
article.preview h3 a:hover {
   color: #6b6b6b;
}

article.preview h2 a:focus,
article.preview h2 a:active,
article.preview h3 a:focus,
article.preview h3 a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
  
   article.preview h2 a,
   article.preview h3 a {
      color: #fff;
   }
   
   article.preview h2 a:hover,
   article.preview h3 a:hover {
      color: #a6a6a6;
   }
   
   article.preview h2 a:focus,
   article.preview h2 a:active,
   article.preview h3 a:focus,
   article.preview h3 a:active {
      color: #f9bc49;
   }
}

article.preview .thumbnail {
   margin-bottom: 16px;
   position: relative;
}

article.preview:not(.first-article) .thumbnail {
   max-width: 33.33333%;
   flex: 0 0 33.33333%;
}

article.preview.profile .thumbnail {
   max-width: 28%;
   flex: 0 0 28%;
   margin-bottom: 0;
   padding-left: 30px;
}

article.preview .thumbnail > a {
  position: relative;
  display: block;
}

article.preview.profile .thumbnail > a {
   top: 10px;
}

article.preview .thumbnail picture {
   height: 160px;
   position: relative;
   display: block;
   overflow: hidden;
}

article.preview .thumbnail picture img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   object-fit: cover;
   display: block;
}

article.preview.profile .thumbnail picture {
   width: 100%;
   height: auto;
   position: relative;
   display: block;
   overflow: visible;
}

article.preview.profile .thumbnail picture img {
   width: 100%;
   height: auto;
   max-width: 300px;
   padding: 5px;
   position: static;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   background: #fff;
   border: 1px solid #f2f2f2;
   object-fit: fill;
}

article.preview.first-article .thumbnail picture {
   height: 360px;
   overflow: hidden;
}

article.preview.sidebar .thumbnail picture {
   height: 60px;
}

@media (max-width: 991px) {
   article.preview.sidebar .thumbnail picture {
      height: 160px;
   }
}

@media (max-width: 768px) {
   
   article.preview.profile .thumbnail {
      padding-left: 0;
   }
   
   article.preview.profile .thumbnail picture {
      margin-bottom: 25px;
   }
}

@media (max-width: 480px) {
   article.preview.profile .thumbnail picture img {
     max-width: none;
   }
}

article.preview .thumbnail .logo {
   width: 50px;
   height: 50px;
   padding: 5px;
   position: absolute;
   right: 9px;
   bottom: 7px;
   z-index: 2;
   border-radius: 50%;
   background: #fff;
   display: none;
}

article.preview .thumbnail .logo.large {
   width: 90px;
   height: 90px;
   right: 13px;
   bottom: 10px;
}

article.preview:not(.first-article) > div > .content {
   max-width: 66.66667%;
   padding-left: 16px;
   align-items: flex-start;
   justify-content: start;
   flex: 0 0 66.66667%;
}

article.preview.profile > div > .content {
   max-width: 72%;
   padding-left: 0;
   flex: 0 0 72%;
}

article.preview:not(.first-article) > div > .content:first-child {
   max-width: 100%;
   padding-left: 0;
   flex: 0 0 100%;
}

article.preview .snippet {
   font-size: 15px;
   margin: 9px 0 0 0;
}

article.preview .snippet > a {
   line-height: 23px;
   display: block;
}

article.preview .snippet a {
   color: #29282b;
}

article.preview .snippet a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   article.preview .snippet a {
      color: #ccc;
   }

   article.preview .snippet a:active {
      color: #f9bc49;
   }
}

@media (min-width: 992px) {
   article.preview.sidebar .snippet {
      display: none;
   }
}

article.preview.sidebar .content {
   position: relative;
   top: -3px;
}

article.preview.sidebar .content > a {
   font-weight: 600;
   font-size: 14px;
   line-height: 22px;
   hyphens: auto;
   color: #29292b;
   display: block;
}

article.preview.related .content > a,
article.preview.other .content > a {
   font-weight: 700;
   font-size: 17px;
   line-height: 25px;
   color: #29292b;
   display: inline-block;
}

article.preview.related .content > a:hover,
article.preview.other .content > a:hover,
article.preview.sidebar .content > a:hover {
   color: #6b6b6b;
}

article.preview.related .content > a:focus,
article.preview.other .content > a:focus,
article.preview.sidebar .content > a:focus,
article.preview.related .content > a:active,
article.preview.other .content > a:active,
article.preview.sidebar .content > a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
  
  article.preview.related .content > a,
   article.preview.other .content > a,
   article.preview.sidebar .content > a {
      color: #fff;
   }
   
   article.preview.related .content > a:hover,
   article.preview.other .content > a:hover,
   article.preview.sidebar .content > a:hover {
      color: #a6a6a6;
   }
   
   article.preview.related .content > a:focus,
   article.preview.other .content > a:focus,
   article.preview.sidebar .content > a:focus,
   article.preview.related .content > a:active,
   article.preview.other .content > a:active,
   article.preview.sidebar .content > a:active {
      color: #f9bc49;
   }
}

article.preview.related .snippet,
article.preview.other .snippet,
article.preview.sidebar .snippet {
   font-size: 14px;
}

article.preview .tags-top,
article.preview .tags-top li {
   height: 13px;
}

article.preview .tags-top {
   line-height: 10px;
   display: inline-block;
}

article.preview .tags-top li {
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   display: inline;
}

article.preview .tags-top li:after {
   content: ', ';
}

article.preview .tags-top li:last-child:after {
   content: '';
}

article.preview .tags-top li:nth-last-child(2):after {
   content: ' und ';
}

article.preview .tags-top a {
   color: #a6a6a6;
}

article.preview .tags-top a:hover {
   color: #6b6b6b;
}

article.preview .tags-top a:focus,
article.preview .tags-top a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   article.preview .tags-top a:hover {
      color: #888;
   }
   
   article.preview .tags-top a:focus,
   article.preview .tags-top a:active {
      color: #f9bc49;
   }
}

article.preview .study {
	margin: 20px 0 7px 0;
   padding: 10px 10px 10px 45px;
   border-radius: 3px;
   background: #f8f8f8;
   position: relative;
}

@media (prefers-color-scheme: dark) {
   article.preview .study {
      background: #38383b;
   }
}

article.preview .study:before {
   content: 'PDF';
   font-size: 7px;
   color: #fff;
   width: 23px;
   height: 29px;
   padding: 11px 0 0 5px;
   position: absolute;
   top: 10px;
   left: 10px;
   background : #e2574c;
   display: block;
   overflow: hidden;
}

article.preview .study:after {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 10px;
   left: 27px;
   border-style: solid;
   border-width: 3px;
   border-color: #f8f8f8 #f8f8f8 #b53629 #b53629;
}

@media (prefers-color-scheme: dark) {
   article.preview .study:after {
      border-color: #38383b #38383b #b53629 #b53629;
   }
}

article.preview .study time {
   font-weight: 600;
   font-size: 10px;
   line-height: 1;
   vertical-align: middle;
   color: #a6a6a6;
   text-transform : uppercase;
   margin-bottom: 6px;
   position: relative;
   display: block;
}

article.preview .study time span {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

article.preview .study.recent time:after {
   content: 'neu';
   font-weight: 700;
   font-size: 8px;
   letter-spacing: 0.08em;
   text-shadow: 0 1px 3px #eaa017;
   color: #fff;
   margin-left: 6px;
   padding: 2px 3px 2px 4px;
   position: absolute;
   top: -1px;
   border-radius: 3px;
   background: #f9bc49;
   display: inline-block;
}

article.preview .study a {
   font-size: 13px;
   color: #29292b;
   display: inline-block;
}

article.preview .study a:hover {
   color: #a6a6a6;
}

article.preview .study a:focus,
article.preview .study a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   article.preview .study a {
      color: #fff;
   }
   
   article.preview .study a:focus,
   article.preview .study a:active {
      color: #f9bc49;
   }
}

article.preview .symbols {
   font-size: 13px;
   font-weight: 400;
   color: #fff;
	margin-top: 20px;
}

article.preview .symbols strong {
	margin-left: 10px;
	display: inline-block;
}

article.preview .symbols strong:first-child {
	margin-left: 0;
}

@media (min-width: 414px) {
   article.preview .symbols br {
      display: none;
   }
}

@media (max-width: 413px) {
   article.preview .symbols br + strong {
      margin-top: 8px;
      margin-left: 0;
   }
}


article.preview .related-articles {
   max-width: 72%;
   margin-top: 22px;
   margin-right: auto;
   padding-top: 25px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 0 / 3px 1px repeat-x;
   flex: 0 0 72%;
}

@media (prefers-color-scheme: dark) {
   article.preview .related-articles {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 0 / 3px 1px repeat-x;
   }
}

article.preview .related-articles h4 {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 12px 0;
}

@media (prefers-color-scheme: dark) {
   article.preview .related-articles h4 {
      color: #fff;
   }
}

article.preview .related-articles li {
   margin-top: 15px;
}

article.preview .related-articles li:first-child {
   margin-top: 0;
}

article.preview .related-articles a {
   font-size: 13px;
   color: #29292b;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

article.preview .related-articles a:hover {
   color: #a6a6a6;
}

article.preview .related-articles a:focus,
article.preview .related-articles a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   article.preview .related-articles a {
      color: #fff;
   }
   
   article.preview .related-articles a:focus,
   article.preview .related-articles a:active {
      color: #f9bc49;
   }
}

article.preview .related-articles time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   margin-bottom: 4px;
   display: block;
}

article.preview .related-articles .image {
   max-width: 80px;
   height: 48px;
   position: relative;
   flex: 0 0 80px;
   overflow: hidden;
   display: block;
}

article.preview .related-articles .image img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   object-fit: cover;
   display: block;
}

article.preview .related-articles .content {
   line-height: 19px;
   padding-left: 12px;
   position: relative;
   top: 0;
   flex: 1;
   display: block;
}

@media screen and (min-width:0\0) {
  
   article.preview .thumbnail picture img {
      width: 110%;
      height: auto;
   }
   
   article.preview.first-article .thumbnail picture img {
      width: 110%;
      height: auto;
   }
}

@media (max-width: 768px) {
   
   article.preview:not(.first-article) > div {
      display: block;
      flex-wrap: nowrap;
   }
   
   article.preview:not(.first-article) .thumbnail {
      max-width: 100%;
      flex: none;
   }
   
   article.preview:not(.first-article) > div > .content {
      max-width: 100%;
      margin-top: 20px;
      padding-left: 0;
      align-items: normal;
      justify-content: normal;
      flex: none;
   }
   
   article.preview .related-articles {
      max-width: 100%;
      flex: 0 0 100%;
   }
   
   article.preview.profile {
      margin-bottom: 52px;
      padding-bottom: 38px;
   }
   
   article.preview.profile:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0;
   }

   article.preview.profile .thumbnail > a {
     top: 0;
   }
}

@media (max-width: 480px) {
   
   article.preview .related-articles {
      margin-top: 25px;
   }
   
   article.preview .related-articles h4 {
      margin-bottom: 10px;
   }
   
   article.preview .related-articles li {
      margin-top: 12px;
   }
   
   article.preview .related-articles a {
      padding-left: 0;
      display: block;
   }
   
   article.preview .related-articles time {
      position: static;
      display: block;
   }
   
   article.preview .related-articles .image {
      display: none;
   }
   
   article.preview .related-articles .content {
      padding-left: 0;
      flex: none;
   }
}

@media (max-width: 414px) {
   article.preview.first-article .thumbnail picture {
      height: 280px;
   }
}




article.content .header-image {
   height: 365px;
   position: relative;
   overflow: hidden;
}

@media (max-width: 480px) {
   article.content .header-image {
      height: 240px;
   }
}

article.content .header-image > img,
article.content .header-image picture img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
   display: block;
}

article.content .header-image.image-left > img {
   object-position: left;
}

article.content .header-image.image-right > img {
   object-position: right;
}

article.content .header-image.image-top > img {
   object-position: top;
}

article.content .header-image.image-bottom > img {
   object-position: bottom;
}

article.content .header-image .logo {
   width: 90px;
   height: 90px;
   padding: 5px;
   position: absolute;
   top: auto;
   right: 24px;
   bottom: 12px;
   left: auto;
   z-index: 2;
   border-radius: 50%;
   background: #fff;
}

article.content .header-image span {
   font-size: 10px;
   font-weight: 600;
   line-height: 13px;
   color: #fff;
   text-shadow: 0 0 3px rgba(41, 41, 43, 1);
   padding-left: 15px;
   position: absolute;
   right: 17px;
   bottom: 12px;
   z-index: 2;
}

article.content .header-image span:before {
   content: 'Bildquelle: ';
}

article.content .header-image span a {
   color : #fff;
}

article.content .header-image .logo + span {
	padding-left: 0;
   right: auto;
   left: 25px;
}

article.content .header-video img {
   width: 105%;
   height: 105%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index : 1;
   object-fit: cover;
}

article.content .header-video.image-left img {
   object-position: left;
}

article.content .header-video.image-right img {
   object-position: right;
}

article.content .header-video.image-top img {
   object-position: top;
}

article.content .header-video.image-bottom img {
   object-position: bottom;
}

article.content .header-video .header-video-label {
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
   height: 60px;
   padding: 10px 16px 0 16px;
   position: absolute;
   top: 20px;
   left: 0;
   background: #29292b;
   z-index: 4;
}

article.content .header-video .header-video-label span {
   font-weight: 400;
   font-size: 14px; 
}

article.content .header-video.late-consent .late-consent-youtube {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left : 0;
   z-index: 5;
   background: rgba(249, 188, 73, 0.8);
   justify-content: center;
   align-items: center;
   flex-direction: column;
   display: none;
}

article.content .header-video.late-consent button {
   max-width: 240px;
}

article.content .header-video.late-consent button:first-child {
   margin-bottom: 8px;
}

article.content .header-video.late-consent:hover .late-consent-youtube {
   display: flex;
}

article.content .company-values {
   font-size: 15px;
   height: 51px;
   background: #f9bc48;
}

article.content .company-values:after {
   content : '';
   clear: both;
   display: table;
}

article.content .company-values a,
article.content .company-values > span {
   color: #29292b;
   height: 51px;
   padding: 18px 25px 0 25px;
   display: block;
}

article.content .company-values a:hover,
article.content .company-values a:focus,
article.content .company-values a:active {
   color: #29292b;
}

article.content .company-values .company-name {
   font-weight: 700;
}

article.content .company-values .company-name,
article.content .company-values .company-symbols {
   width: 50%;
   display: block;
   float: left;
}

article.content .company-values .company-symbols {
   text-align: right;
}

article.content .company-values .company-symbols span {
   font-weight: 700;
   margin-left: 10px;
   display: inline-block;
}

article.content .company-values .company-symbols span:first-child {
   margin-left: 0;
}

@media (max-width: 768px) {
   
   article.content .company-values {
      height: 78px;
   }
   
   article.content .company-values a,
	article.content .company-values > span {
		height: 78px;
	}
   
   article.content .company-values .company-name,
   article.content .company-values .company-symbols {
      width: 100%;
      float: none;
   }
   
   article.content .company-values .company-name {
     font-size: 17px;
   }
   
   article.content .company-values .company-symbols {
      font-size: 14px;
      text-align: left;
      margin-top: 8px;
   }
}

@media (max-width: 480px) {
   
   article.content .company-values {
      height: 68px;
   }
   
   article.content .company-values a,
	article.content .company-values > span {
		height: 68px;
	}
   
   article.content .company-values a,
	article.content .company-values > span {
		padding: 14px 15px 0 15px;
	}
}

article.content .article-content {
   padding-top: 38px;
   border-radius: 0;
}

article.content .article-content.content-only {
	padding-top: 25px;
}

article.content .article-content.side-padding-less {
   padding-top: 21px;
   padding-left: 0;
   padding-right: 0;
}

article.content .article-content.side-padding-less .article-meta {
   margin-bottom: 16px;
}

article.content .article-content.full-frame .share-buttons,
article.content .article-content.full-frame .other-articles,
article.content .article-content.full-frame .table-of-contents,
article.content .article-content.full-frame .article-company-teaser article,
article.content .article-content.full-frame .article-related-articles,
article.content .article-content.full-frame .article-tags,
article.content .article-content.full-frame .article-author > div {
	max-width : 700px;
   margin-right : auto;
   margin-left : auto;
}

article.content .article-content.full-frame .author-name {
   font-size: 14px;
	color: #a6a6a6;
   margin-bottom: 5px;
}

article.content .article-content.full-frame .share-buttons {
   margin-top: 65px;
}

article.content .article-content.full-frame .newsletter-article-teaser,
article.content .article-content.full-frame .newsletter-special-report-teaser {
   margin: 80px -25px 0 -25px;
}

@media (max-width: 480px) {
   article.content .article-content.full-frame .newsletter-article-teaser,
   article.content .article-content.full-frame .newsletter-special-report-teaser {
      margin: 80px -15px 0 -15px;
   }
}

article.content .article-content.full-frame p + .newsletter-article-teaser,
article.content .article-content.full-frame p + .newsletter-special-report-teaser
article.content .article-content.full-frame .newsletter-article-teaser + p,
article.content .article-content.full-frame .newsletter-special-report-teaser p {
   margin-top: 40px;
}

article.content .article-content.full-frame .article-tradingview-chart {
   max-width: 700px;
   margin-top: 30px;
   margin-right: auto;
   margin-left: auto;
   padding: 10px 20px;
   border: 1px solid #ddd;
   border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
   article.content .article-content.full-frame .article-tradingview-chart {
      border: 1px solid #444;
   }
}

article.content .article-content.full-frame .article-tradingview-chart + h2 {
        margin-top: 50px;
}

article.content .article-content.full-frame .newsletter-article-teaser + .article-tradingview-chart,
article.content .article-content.full-frame .newsletter-special-report-teaser + .article-tradingview-chart {
   margin-top: 60px;
}

article.content .article-content.full-frame .article-tradingview-chart.multi-chart {
   max-width: 736px;
}

article.content .article-content.full-frame .article-tradingview-chart + h3 {
	margin-top: 30px;	
}

article.content .article-content.full-frame .article-tradingview-chart + p {
	margin-top: 30px;
}

article.content .article-content.full-frame .article-tradingview-chart + .article-related-articles {
   margin-top: 30px;	
}
/*
article.content .article-content.full-frame .article-tradingview-chart:last-of-type {
	padding-bottom: 30px;
}
*/
article.content .article-content.full-frame .other-articles {
   margin-top: 80px;
}

article.content .article-content.full-frame .other-articles + style + .a-company {
	margin-top: 80px;
}

article.content .article-content.full-frame .other-articles .mining-profiles-list {
   padding-top : 0;
}

article.content .article-content.full-frame .other-articles > strong {
   font-size: 24px;
   line-height: 34px;
}

article.content .article-content.full-frame .post-content .post-teaser {
   margin-bottom: 30px;
}

@media (prefers-color-scheme: dark) {
   article.content .article-content.full-frame .post-content .post-teaser {
      color : #a6a6a6;
   }
}

article.content .article-content.full-frame .post-content {
   padding-top: 30px;
}

article.content .article-content.full-frame .post-content.padding-less {
   padding-top: 0;
}

@media (max-width: 480px) {
   
   article.content .article-content.full-frame {
      padding-top: 20px;
   }
   
   article.content .article-content.full-frame .post-content {
      padding-top: 0;
   }
}

article.content .article-content.full-frame .post-content .article-image {
   height: 600px;
   margin: 0 -25px 43px -25px;
   position: relative;
   overflow: hidden;
}

@media (max-width: 480px) {
   article.content .article-content.full-frame .post-content .article-image {
	   height : 350px;
      margin: 0 -15px 43px -15px;
   }
}

article.content .article-content.full-frame .post-content .article-image + h2,
article.content .article-content.full-frame .post-content .article-image + h3,
article.content .article-content.full-frame .post-content .article-image + p {
	margin-top: 0;	
}

article.content .article-content.full-frame .post-content .article-image picture img {
   width: 100% !important;
   height: 100% !important;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
   display: block;
}

article.content .article-content.full-frame .post-content .article-image span {
   font-size: 10px;
   font-weight: 600;
   color: #fff;
   text-shadow: 0 0 3px rgba(41, 41, 43, 1);
   position: absolute;
   right: 17px;
   bottom: 12px;
   z-index: 2;
}

article.content .article-content.full-frame .post-content .article-image span:before {
   content: 'Bildquelle: ';
}

article.content .article-content.full-frame .post-content .article-image span a {
   color : #fff;
}

article.content .article-content.full-frame .post-content .article-meta,
article.content .article-content.full-frame .post-content p,
article.content .article-content.full-frame .post-content h1,
article.content .article-content.full-frame .post-content h2,
article.content .article-content.full-frame .post-content h3,
article.content .article-content.full-frame .post-content h4,
article.content .article-content.full-frame .post-content ul,
article.content .article-content.full-frame .post-content ol,
article.content .article-content.full-frame .post-content figure.wp-block-table,
article.content .article-content.full-frame .post-content div.table,
article.content .article-content.full-frame .post-content table.table.table-striped,
article.content .article-content.full-frame .post-content div[data-consent],
article.content .article-content.full-frame .post-content .team-member,
article.content .article-content.full-frame .post-content .glossar-char,
article.content .article-content.full-frame .post-content hr,
article.content .article-content.full-frame .post-content .glossar-browser {
   max-width: 700px;
   margin-right: auto;
   margin-left: auto;
}

article.content .article-content.full-frame .post-content .article-meta {
   margin-bottom: 36px;
}

article.content .article-content.full-frame .table-of-contents {
   margin-bottom: 36px;
}

article.content .article-content.full-frame .post-content figure.wp-block-image,
article.content .article-content.full-frame [data-youtube-id] {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

article.content .article-content.full-frame .post-content figure.wp-block-table,
article.content .article-content.full-frame .post-content div.table {
   padding: 20px 0;
}

article.content .article-content.full-frame .post-content div.table {
   margin-bottom: 20px;
}

article.content .article-content.full-frame .post-content div.table table tr:first-child td {
   background: #f8f8f8;
}

@media (prefers-color-scheme: dark) {

   article.content .article-content.full-frame .post-content div.table table tr:first-child td {
      background: #383838;
   }
}

article.content .article-content.full-frame .post-content div.table table {
   min-width: 600px;
}

article.content .article-content.full-frame .post-content div.table > p:last-child em {
   font-size: 13px;
   font-style: italic;
   line-height: 21px;
   text-align : center;
   margin: 20px 0 0 0;
   position: sticky;
   left: 0;
   display: block;
}

@media (prefers-color-scheme: dark) {
   article.content .article-content.full-frame .post-content div.table > p:last-child em {
      color : #a6a6a6;
   }
}

article.content .article-content.full-frame .post-content figure.wp-block-table figcaption {
   text-align: left;
}

article.content .article-content.full-frame .post-content table th {
	text-align: left;
}

article.content .article-content.full-frame .post-content table thead tr:first-child {
   border-top: 0;
}

article.content .article-content.full-frame .post-content table {
   width: 100%;
   border: 1px solid transparent;
}

article.content .article-content.full-frame .post-content table tr {
   border-bottom: 1px solid #a6a6a6;
}

article.content .article-content.full-frame .post-content table tr:first-child {
   border-top: 1px solid #a6a6a6;
}

article.content .article-content.full-frame .post-content table th {
   line-height: 26px;
   padding: 20px 10px;
}

article.content .article-content.full-frame .post-content table td {
   font-size: 14px;
   line-height: 26px;
   padding: 20px 10px;
}

article.content .article-content.full-frame .post-content table th:first-child,
article.content .article-content.full-frame .post-content table td:first-child {
   padding-left : 0;
}

article.content .article-content.full-frame .post-content table th:last-child,
article.content .article-content.full-frame .post-content table td:last-child {
   padding-right : 0;
}

@media (max-width: 768px) {
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable thead {
      display : none;
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable tbody,
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable tbody tr,
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable tbody td {
      width: 100%;
      display : block;
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable tbody td {
      padding: 15px 0 0 0;
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable td:first-child {
      padding-top: 25px;  
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable td:last-child {
      padding-bottom: 25px;  
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table.resizeable td:before {
      content: attr(data-label);
      font-weight: bold;
      margin-bottom: 4px;
      display: block;
   }
   
   
   article.content .article-content.full-frame .post-content div.table {
      width : 100%;
      z-index: 1;
      display: block;
      overflow-y: hidden;
      overflow-x: auto;
   }

   article.content .article-content.full-frame .post-content div.table::-webkit-scrollbar {

      width  : 0;
      height : 7px;
   }

   article.content .article-content.full-frame .post-content div.table::-webkit-scrollbar-track {

      background : transparent;
   }

   article.content .article-content.full-frame .post-content div.table::-webkit-scrollbar-button {
      
      width  : 0;
      height : 7px;
   }

   article.content .article-content.full-frame .post-content div.table::-webkit-scrollbar-thumb {
      
      border-radius: 4px;

      background-color : #a6a6a6;
   }

   article.content .article-content.full-frame .post-content div.table::-webkit-scrollbar-corner {

      background : transparent;
   }

   article.content .article-content.full-frame .post-content div.table td:first-child {
      padding-right: 0;
      position: sticky;
      left: 0;
      z-index: 1;
      background: #fff;
   }
   
   article.content .article-content.full-frame .post-content div.table td:first-child:before {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -1px;
      z-index: 1;
      background: #fff;
      display: block;
   }
}

@media (prefers-color-scheme: dark) {
  
   article.content .article-content.full-frame .post-content div.table td:first-child {
      background: #1b1b1b;
   }
   
   article.content .article-content.full-frame .post-content div.table td:first-child:before {
      background: #1b1b1b;
   }
}

@media (max-width: 480px) {

   article.content .article-content.full-frame .post-content figure.wp-block-table table,
   article.content .article-content.full-frame .post-content figure.wp-block-table table tr,
   article.content .article-content.full-frame .post-content figure.wp-block-table table td {
      display: block;
   }

   article.content .article-content.full-frame .post-content figure.wp-block-table table td {
      padding: 15px 0 0 0;
   }
   
   article.content .article-content.full-frame .post-content figure.wp-block-table table td:last-child {
      padding-bottom: 15px;
   }
}

article.content .article-content .post-content-wrap {
   padding-left: 25px;
   padding-right: 25px;
}

@media (max-width: 480px) {
   article.content .article-content .post-content-wrap {
      padding-left: 15px;
      padding-right: 15px;
   } 
}

article.content .article-content .post-content-wrap > h2:first-child,
article.content .article-content .post-content-wrap > h3:first-child,
article.content .article-content .post-content-wrap > p:first-child {
   margin-top: 25px;
}

article.content .article-content .table-of-contents {
   padding: 20px 25px;
   border-radius: 3px;
	background: #3f3f3f;
   overflow: hidden;
}

article.content .article-content .table-of-contents strong {
   font-weight: 700;
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 10px;
   display: block;
}

article.content .article-content .table-of-contents li {
   list-style-type: square;
}

article.content .article-content .table-of-contents li:last-child {
   margin-bottom: 0;
}

article.content .article-content .article-meta {
   font-size: 12px;
   line-height: 18px;
   color: #a6a6a6;
   text-transform: uppercase;
   margin-bottom: 15px;
   position: relative;
}

article.content .article-content.side-padding-less .article-meta {
   padding-left: 25px;
   padding-right: 25px;
}

@media (max-width: 480px) {
   article.content .article-content.side-padding-less .article-meta {
      padding-left: 15px;
      padding-right: 15px;
   }
}

article.content .article-content .article-meta:after {
   content: '';
   clear: both;
   display: table;
}

article.content .article-content .article-meta .left,
article.content .article-content .article-meta .right {
   position: relative;
   float: left;
}

article.content .article-content .article-meta .left {
   width: 65%;
}

article.content .article-content .article-meta .right {
   width: 35%;
}

article.content .article-content .article-meta time {
   font-weight: 600;
   margin-right: 10px;
   display: inline-block;
}

@media (max-width: 650px) {
   article.content .article-content .article-meta .author-name {
      display: block;
   }
}

article.content .article-content .article-meta .right {
   text-align: right;
}

article.content .article-content .article-meta .reading-time {
   padding-left: 22px;
   position: relative;
   top: -3px;
   display: inline-block;
}

article.content .article-content .article-meta .reading-time:before {
   content : '\e911';
   font-family: icons;
   font-size: 18px;
   line-height : 16px;
   position: absolute;
   top: -3px;
   left: 0;
}

article.content .article-content .article-meta .reader {
   margin-left: 6px;
   position: relative;
   top: -2px;
   display: inline-block;
   cursor: pointer;
   user-select: none;
}

article.content .article-content .article-meta .reader:before {
   content : '\e913';
   font-family: icons;
   font-size: 18px;
   line-height : 16px;
   vertical-align: middle;
   margin-right: 4px;
   position: relative;
   top: -1px;
   display: inline-block;
}

article.content .article-content .article-meta .reader:after {
   content : 'anhören';
   font-size: 12px;
   line-height : 16px;
   vertical-align: middle;
   display: inline-block;
}

article.content .article-content .article-meta .reader.loading:before {
   content: '';
   width: 15px;
   height: 15px;
   margin-right: 7px;
   left: 2px;
   top: 0;
   border: solid 2px transparent;
   border-top-color: #a6a6a6;
   border-left-color: #a6a6a6;
   border-radius: 50%;
   animation: rotate-360 0.4s linear infinite;
}

article.content .article-content .article-meta .reader.playing:before {
   content : '\e912';
}

@media (max-width: 550px) {
   
   article.content .article-content .article-meta {
      margin-bottom: 22px;
   }
   
   article.content .article-content .article-meta .left,
   article.content .article-content .article-meta .right {
     text-align: left;
     width: auto;
     float: none;
   }
   
   article.content .article-content .article-meta .right {
      margin-top: 12px;
   }
   
   article.content .article-content .article-meta .reader:first-child {
      margin-left: -1px;
   }
   
   article.content .article-content .article-meta .reading-time {
      margin-left: -2px;
   }
}

article.content .article-content .reader-bar:not(.player-rendered) {
   display: none;
}

article.content .article-content .reader-bar.player-rendered {
   color: #fff;
   height: 51px;
   margin: 35px auto 0 auto;
   position: sticky;
   bottom: 15px;
   z-index: 10;
   border-radius: 3px;
   border: 1px solid #a0a0a0;
   background: #a6a6a6;
   cursor: default;
}

article.content .article-content.side-padding-less .reader-bar.player-rendered {
   margin-right: 25px;
   margin-left: 25px;
}

article.content .article-content .reader-bar.player-rendered .ra-group:not(:first-child):not(.ra-grow-1) {
   display: none;
}

article.content .article-content .reader-bar.player-rendered .ra-btn-play img {
   display: none;
}

article.content .article-content .reader-bar.player-rendered .ra-btn-play {
   width: 33px;
   height: 32px;
   position: absolute;
   top: 9px;
   left: 15px;
   cursor : pointer;
}

article.content .article-content .reader-bar.player-rendered .ra-btn-play:before {
   content: '\e913';
   font-family: icons;
   font-size: 32px;
   line-height: 1;
   position: relative;
   top: -1px;
}

article.content .article-content .reader-bar.player-rendered.ra-playing .ra-btn-play:before {
   content: '\e912';
}

article.content .article-content .reader-bar.player-rendered .ra-time-text {
   font-size: 13px;
   position: absolute;
   top: 15px;
   right: 17px;
}

article.content .article-content .reader-bar.player-rendered .ra-status-bg {
   height: 5px;
   position: absolute;
   top: 23px;
   left: 58px;
   right : 68px;
   border-radius: 3px;
   background: #fff;
   cursor: pointer;
}

article.content .article-content .reader-bar.player-rendered .ra-playback-position-bar {
   height: 5px;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 3px;
   background: #f9bc48;
}



article.content .company-intro {
   padding: 25px;
   border-bottom: 1px solid #f0f0f0;
   background: #f8f8f8;
   background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}

@media (prefers-color-scheme: dark) {
   article.content .company-intro {
      border-bottom: 1px solid #393939;
      background: #393939;
      background: linear-gradient(180deg, #393939 0%, #1b1b1b 100%);
   }
}

@media (max-width: 480px) {
   article.content .company-intro {
      padding: 15px;
   }
}

article.content .company-intro:after {
   content : '';
   clear: both;
   display: table;
}

article.content .company-intro .left,
article.content .company-intro .right {
   float: left;
}

article.content .company-intro .left {
   width: 80%;
   padding-right: 30px;
}

article.content .company-intro .left p {
   font-size: 14px;
   margin-bottom: 30px;
}

article.content .company-intro .right {
   width: 20%;
}

article.content .company-intro .right img {
   width: 100%;
   height: auto;
   padding: 5px;
   position: relative;
   top: 10px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 0 10px 2px rgba(41, 41, 43, 0.05);
   display: block;
}

article.content .company-intro table {
   font-size: 14px;
   width: 100%;
   margin-bottom: 6px;
}

article.content .company-intro td {
   vertical-align: top;
}

article.content .company-intro tr:first-child td {
   padding-bottom: 14px;
}

article.content .company-intro td:nth-child(odd) {
   font-weight: 600;
}

article.content .company-intro td:first-child {
   width: 80px;
}

article.content .company-intro td:first-child + td + td {
   width: 60px;
}

article.content .company-intro a,
article.content .company-intro a:hover {
   color: #2176af;
}

article.content .company-intro a:focus,
article.content .company-intro a:active {
   color: #f9bc49;
}

@media (prefers-color-scheme: dark) {
  
   article.content .company-intro td {
      color: #fff;
   }
   
   article.content .company-intro a,
   article.content .company-intro a:hover,
   article.content .company-intro a:focus,
   article.content .company-intro a:active {
      color: #f9bc49;
   }
}

@media (max-width: 650px) {
   
   article.content .company-intro {
      border: 0;
      background: #f8f8f8;
      flex-direction: column-reverse;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
   }
   
   @media (prefers-color-scheme: dark) {
      article.content .company-intro {
         background: #393939;
      }
   }
   
   article.content .company-intro + .post-content-wrap {
     padding-top: 10px;
   }
   
   article.content .company-intro .left,
   article.content .company-intro .right {
      width: 100%;
      padding: 0;
      float: none;
      display: block;
   }
   
   article.content .company-intro .left {
      padding-top: 30px;
   }
   
   article.content .company-intro .right img {
      max-width: 200px;
      top: 0;
      border-radius: 15px;
      box-shadow: 0 1px 5px 2px rgba(41, 41, 43, 0.05);
   }
   
   @media (prefers-color-scheme: dark) {
      article.content .company-intro .right img {
         box-shadow: 0 1px 5px 2px rgba(41, 41, 43, 0.5);
      } 
   }
   
   article.content .company-intro table,
   article.content .company-intro tbody,
   article.content .company-intro tr {
      display: block;
   }
   
   article.content .company-intro tbody {
      padding: 5px;
   }
   
   article.content .company-intro table {
      border-radius: 3px;
      background: #eee;
      box-shadow: 0 1px 3px 0 rgba(41, 41, 43, 0.1);
   }
   
   @media (prefers-color-scheme: dark) {
      article.content .company-intro table {
         border-radius: 3px;
         background: #484848;
         
      }
   }
   
   article.content .company-intro td {
      line-height: 24px;
   }
   
   article.content .company-intro td,
   article.content .company-intro tr:first-child td {
      padding: 3px 10px;
      display: inline-block;
   }
   
   article.content .company-intro td:nth-child(odd),
   article.content .company-intro td:first-child + td + td {
      width: 26%;
   }
   
   article.content .company-intro td:nth-child(even) {
      width: 72%;
   }
}

article.content .company-chart strong {
   font-size: 19px;
   line-height: 23px;
   margin: 0 0 12px 0;
   display: block;
}

article.content .company-chart > div {
   height: 300px;
}

article.content .article-content .article-tags {
   text-align: center;
   margin-top: 50px;
}

article.content .article-content.side-padding-less .article-tags {
   padding: 0 25px;
}

article.content .article-content .article-tags a {
   font-size: 12px;
   text-transform: capitalize;
   color: #fff;
   margin: 2px 2px;
   padding: 6px 10px;
   border-radius: 3px;
   background: #a6a6a6;
   display: inline-block;
}

@media (prefers-color-scheme: dark) {
   article.content .article-content .article-tags a {
      color: #fff;
      background: #6b6b6b;
   }
}

article.content .article-content .article-tags a:hover {
   background: #6b6b6b;
}

article.content .article-content .article-tags a:active,
article.content .article-tags a:active {
   background: #2175af;  
}

@media (prefers-color-scheme: dark) {

   article.content .article-content .article-tags a:hover {
      background: #555;
   }
   
   article.content .article-content .article-tags a:active,
   article.content .article-tags a:active {
      background: #f9bc49;  
   }  
}

article.content .other-articles > strong {
   font-size: 21px;
   line-height: 27px;
   margin: 0 0 24px 0;
   display: block;
}

article.content .other-articles li {
   margin-top: 45px;  
}

article.content .other-articles li:first-child {
   margin-top: 0;
}

article.content .other-articles.separated > ol > li {
   margin-bottom: 45px;
   padding-bottom: 44px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

article.content .other-articles.separated > ol > li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none;
}

@media (prefers-color-scheme: dark) {
   article.content .other-articles.separated > ol > li {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

article.content .author:after {
   content : '';
   display: table;
   clear: both;
}

article.content .author .author-image {
   width: 15%;
   float: left;
}

article.content .author .author-image img {
   width: 100%;
   height: auto;
   border-radius: 50%;
}

article.content .author .author-content {
   width: 85%;
   padding-left: 25px;
   float: left;
}

article.content .author .author-content strong {
   font-size: 19px;
   line-height: 23px;
   margin: 0 0 8px 0;
   display: block;
}

article.content .author .author-content p {
   font-size: 15px;
   line-height: 25px;
}

@media (max-width: 480px) {
   
   article.content .author .author-image,
   article.content .author .author-content {
      width: 100%;
      padding: 0;
      float: none;
   }
   
   article.content .author .author-image img {
      width: 120px;
      height: auto;
      margin: 0 auto;
      display: block;
   }
   
   article.content .author .author-content {
      margin-top: 35px;
   }
}


article.content .article-company-teaser {
   margin: 0 -25px;
   padding: 30px 0;
   border-top: 20px solid #fff;
   background-color: #f8f8f8;
   display: block;
}

@media (prefers-color-scheme: dark) {
   
   article.content .article-company-teaser {
      border-top: 20px solid #1b1b1b;
      background-color: #393939;
   }
   
   article.content .article-company-teaser article .button {
      background: #1b1b1b;
   }
   
   article.content .article-company-teaser article .button:hover,
   article.content .article-company-teaser article .button:active,
   article.content .article-company-teaser article .button:focus  {
      color: #fff;
      background: #0e0e0e;
   }
}

article.content .article-company-teaser article .button {
   margin-top: 20px;
}

article.content .article-company-teaser article .button:active,
article.content .article-company-teaser article .button:focus  {
   color: #fff;
}

article.content .article-company-teaser article h2 {
   font-size: 20px;
   line-height: 28px;
   margin: 0 0 10px 0;
}

@media (max-width: 768px) {
   
   article.content .article-company-teaser {
      padding: 30px 25px;
   }
   
   article.content .article-company-teaser article {
      margin: 0;
   }
}

@media (max-width: 480px) {
   article.content .article-company-teaser {
      margin: 0 -15px;
      padding: 20px 15px;
   }
}


article.content .article-tradingview-chart strong {
   font-size: 20px;
   line-height: 30px;
}



article.content p + .article-related-articles,
article.content .article-related-articles + p {
   padding-top: 20px;
}

article.content p + .article-related-articles {
   margin-top: 20px;
}

article.content .article-related-articles {
	position: relative;
}

article.content .article-related-articles > div {
   margin-bottom: 12px;
}

article.content .article-related-articles strong {
   font-size: 18px;
   line-height: 26px;
   border-right: 10px solid #fff;
   background: #fff;
   display: inline-block;
}

@media (prefers-color-scheme: dark) {
   article.content .article-related-articles strong {
      background: #1b1b1b;
      border-right: 10px solid #1b1b1b;
   }
}

@media (max-width: 480px) {
  
   article.content p + .article-related-articles {
      margin-top: 30px;
   }
   
   article.content .article-related-articles > div {
      position: static;
      margin-bottom: 10px;
   }
   
   article.content .article-related-articles strong {
      font-size: 22px;
      line-height: 32px;
      border-right: 0;
   }
}

article.content .article-related-articles li {
   margin: 0 0 15px 0;
   padding: 0 0 15px 0;
   list-style-type: none;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
   flex-wrap: wrap;
   display: flex;
   justify-content: center;
   align-items: center;
}

article.content .article-related-articles li:first-child {
   padding-top: 15px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 0 / 3px 1px repeat-x, linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

article.content .article-related-articles li .title {
   width: 100%;
   padding-right: 50px;
   flex: 1;
}

article.content .article-related-articles li .title a {
   font-weight: 600;
   font-size: 14px;
   line-height: 22px;
}

article.content .article-related-articles li .image {
   width: 100%;
   height: 70px;
   position: relative;
   flex: 0 0 100px;
   overflow: hidden;
}

article.content .article-related-articles li .image a {
   display: block;
}

article.content .article-related-articles li .image img {
   width: 100%;
   max-width: none !important;
   height: 100% !important;
   margin: auto !important;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
}

article.content .article-related-articles li a {
   color: #29292b;
}

article.content .article-related-articles li a:hover {
   color: #6b6b6b;
}

article.content .article-related-articles li a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   article.content .article-related-articles li {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }

   article.content .article-related-articles li:first-child {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 0 / 3px 1px repeat-x, linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
   
   article.content .article-related-articles li a {
      color: #fff;
   }

   article.content .article-related-articles li a:hover {
      color: #a6a6a6;
   }

   article.content .article-related-articles li a:active {
      color: #f9bc49;
   }
}

article.content .isin-label,
article.content .wkn-label {
   font-size: 11px;
   color: #444;
   text-transform: uppercase;
   user-select: none;
   padding: 4px 5px 3px 5px;
   position: relative;
   border-radius: 4px;
   background: #ddd;
	display: inline-block;
   overflow: visible;
   cursor: pointer;
   opacity: 0.8;
}
article.content .isin-label:hover,
article.content .wkn-label:hover {
   opacity: 1;
}
article.content .isin-label[data-copy]:after,
article.content .wkn-label[data-copy]:after {
   width: 10px;
   height: 10px;
   margin-left: 5px;
}


@media (prefers-color-scheme: dark) {
   article.content .isin-label,
   article.content .wkn-label {
      color: #ddd;
      background: #444;
   }
}

article.content .isin-label:before {
   content: 'ISIN: ';
   font-weight: 700;
}

article.content .wkn-label:before {
   content: 'WKN: ';
   font-weight: 700;
}


.article-company-information {
   margin: 60px -25px 0 -25px;
   padding: 60px 0;
   background: #f8f8f8;
   background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}

.article-company-information + .newsletter-article-teaser {
	margin-top: 40px !important;
}

.article-company-information:first-child {
	margin: 0;
}

@media (prefers-color-scheme: dark) {
   .article-company-information {
      background: #393939;
      background: linear-gradient(180deg, #393939 0%, #1b1b1b 100%);
   }
}

@media (max-width: 768px) {
   .article-company-information {
      margin: 60px -15px 0 -15px;
      padding: 45px 25px;
   }
}

@media (max-width: 480px) {
   .article-company-information:first-child {
   	margin: 0;
      padding: 45px 15px;
   }
}

.article-company-information > div {
   max-width: 700px;
   margin-right: auto;
   margin-left: auto;
}

.article-company-information .header {
   flex-wrap: wrap;
   display: flex;
}

.article-company-information .header .content {
   max-width: 73%;
   flex: 0 0 73%;
}

.article-company-information .header .content a {
   color: #29282b;
}

.article-company-information .header .content strong a:hover {
   color: #6b6b6b;
}

.article-company-information .header .content p a:hover {
   color: #29282b;
}

.article-company-information .header .content a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .article-company-information .header .content a {
      color: #fff;
   }
   
   .article-company-information .header .content strong a:hover {
      color: #a6a6a6;
   }

   .article-company-information .header .content p a:hover {
      color: #fff;
   }

   .article-company-information .header .content a:active {
      color: #f9bc49;
   }
}

.article-company-information .header .content strong {
   font-weight: 700;
   font-size: 24px;
   line-height: 34px;
}

.article-company-information .header .content p {
   margin-top: 10px;
}

.article-company-information .header .content p a {
   font-size: 15px;
   line-height: 25px;
   display: inline-block;
}

.article-company-information .header .logo {
   max-width: 27%;
   flex: 0 0 27%;
   padding-left: 30px;
}

.article-company-information .header .logo img {
   width: 100%;
   height: auto;
   max-width: 300px;
   padding: 5px;
   background: #fff;
   border: 1px solid #f2f2f2;
   object-fit: fill;
}

@media (max-width: 550px) {
   
   .article-company-information .header {
      flex-wrap: wrap-reverse;
   }
   
   .article-company-information .header .content {
      max-width: 100%;
      margin-top: 20px;
      flex: 0 0 100%;
   }
   
   .article-company-information .header .logo {
      max-width: 100%;
      flex: 0 0 100%;
      padding-left: 0;
   }
   
   .article-company-information .header .logo img {
     margin: 0 auto;
   }
}

@media (max-width: 480px) {
   .article-company-information .header .logo img {
      max-width: none;
      padding: 0;
   } 
}

.article-company-information .symbols-and-studies {
   font-size: 15px;
   margin-top: 30px;
   padding: 15px;
   border-radius: 3px;
   background: #f6f6f6;
}

@media (prefers-color-scheme: dark) {
   .article-company-information .symbols-and-studies {
      background: #393939;
   }
}

.article-company-information .symbols-and-studies table {
   width: 100%;
}

.article-company-information .symbols-and-studies td {
   vertical-align: top;
   width: 50%;
}

.article-company-information .symbols-and-studies td div {
   flex-wrap: wrap;
   display: flex;
}

.article-company-information .symbols-and-studies td strong {
    font-weight: 600;
    width: 90px;
    flex: 0 0 90px;
}

.article-company-information .symbols-and-studies td div > span {
   line-height: 20px;
   flex: 1;
}

.article-company-information .symbols-and-studies td strong + br {
   display: none;
}

.article-company-information .symbols-and-studies tr:first-child td {
   padding-bottom: 14px;
}

@media (max-width: 768px) {
   
   .article-company-information .symbols-and-studies tr,
   .article-company-information .symbols-and-studies td {
      width: 100%;
      display: block;
   }
   
   .article-company-information .symbols-and-studies td {
      padding-bottom: 14px;
   }
   
   .article-company-information .symbols-and-studies tr:last-child td:last-child {
      padding-bottom: 0;
   }
   
   .article-company-information .symbols-and-studies td strong {
     line-height: 20px;
   }
}

.article-company-information .symbols-and-studies .downloads {
   margin-top: 20px;
   padding-top: 21px;
   background: linear-gradient(90deg, #a6a6a6 25%, #f2f2f2 0) 0 0 / 3px 1px repeat-x;
}

@media (prefers-color-scheme: dark) {
   .article-company-information .symbols-and-studies .downloads {
      background: linear-gradient(90deg, #a6a6a6 25%, #383838 0) 0 0 / 3px 1px repeat-x;
   }
}

.article-company-information .symbols-and-studies .downloads > strong {
   font-weight: 600;
   margin-bottom: 15px;
   display: block;
}

.article-company-information .symbols-and-studies .downloads ol {
   justify-content: start;
   align-items: start;
   flex-wrap: wrap;
   display: flex;
}

.article-company-information .symbols-and-studies .downloads li {
   vertical-align : top;
   margin-top: 20px;
   padding-left: 32px;
   position: relative;
   flex: 0 0 50%;
}

.article-company-information .symbols-and-studies .downloads li:nth-child(odd) {
   padding-right: 30px;
}

.article-company-information .symbols-and-studies .downloads li:first-child,
.article-company-information .symbols-and-studies .downloads li:first-child + li {
   margin-top: 0;
}

.article-company-information .symbols-and-studies .downloads li:before {
   content: 'PDF';
   font-size: 7px;
   color: #fff;
   width: 20px;
   height: 23px;
   padding: 9px 0 0 3px;
   position: absolute;
   top: 2px;
   left: 0;
   background : #e2574c;
   display: block;
   overflow: hidden;
}

.article-company-information .symbols-and-studies .downloads li:after {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 2px;
   left: 14px;
   border-style: solid;
   border-width: 3px;
   border-color: #f8f8f8 #f8f8f8 #b53629 #b53629;
}

@media (prefers-color-scheme: dark) {
   .article-company-information .symbols-and-studies .downloads li:after {
      border-color: #393939 #393939 #b53629 #b53629;
   }
}

.article-company-information .symbols-and-studies .downloads li a {
   font-size: 15px;
   line-height: 20px;
   vertical-align : top;
}

.article-company-information .symbols-and-studies .downloads li time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   margin-bottom: 4px;
   display: block;
}

.article-company-information .symbols-and-studies .downloads li.recent time:after {
   content: 'neu';
   font-weight: 400;
   font-size: 8px;
   letter-spacing: 0.08em;
   color: #fff;
   margin-left: 6px;
   padding: 2px 3px 2px 4px;
   position: absolute;
   top: -1px;
   border-radius: 3px;
   background: #f9bc49;
   display: inline-block;
}

@media (max-width: 768px) {
   
   .article-company-information .symbols-and-studies .downloads li {
      flex: 0 0 100%;
   }

   .article-company-information .symbols-and-studies .downloads li:first-child + li {
      margin-top: 20px;
   }
}

.article-company-information .chart {
   margin-top: 35px;
}


.article-author {
   margin: 60px -25px 0 -25px;
   padding-top: 40px;
   border-top: 1px solid #f0f0f0;
}

.article-author:first-child {
   margin: 0;
   padding-top: 0;
   border-top: 0;
}

@media (prefers-color-scheme: dark) {
   
   .article-author {
      border-top: 1px solid #393939;
   }
   
   .article-author:first-child {
      border-top: 0;
   }
}

@media (max-width: 768px) {
  
   .article-author {
      padding: 40px 25px 0 25px;
   }
   
   .article-author:first-child {
      padding: 0;
   }
}

@media (max-width: 480px) {
   .article-author {
      margin: 60px -15px 0 -15px;
      padding: 40px 15px 0 15px;
   }
}

.article-author > div:after {
   content : '';
   display: table;
   clear: both;
}

.article-author .image {
   width: 15%;
   float: left;
}

.article-author .image img {
   width: 100%;
   height: auto;
   border-radius: 50%;
}

.article-author .content {
   width: 85%;
   padding-left: 35px;
   float: left;
}

.article-author .content strong {
   font-size: 19px;
   line-height: 23px;
   margin: 0 0 8px 0;
   display: block;
}

.article-author .content p {
   font-size: 15px;
   line-height: 25px;
}

@media (max-width: 480px) {
   
   .article-author .image,
   .article-author .content {
      width: 100%;
      padding: 0;
      float: none;
   }
   
   .article-author .image img {
      width: 120px;
      height: auto;
      margin: 0 auto;
      display: block;
   }
   
   .article-author .content {
      margin-top: 35px;
   }
}


[data-youtube-id] {
   height: 0;
   position: relative;
   padding-bottom: 56%;
   background: #29292b;
   display: block;
   overflow: hidden;
   cursor: pointer;
}

article.content .article-content.full-frame [data-youtube-id] {
   padding-bottom: 47%;
   margin-top: 40px;
   margin-bottom: 40px;
}

@media (prefers-color-scheme: dark) {
   [data-youtube-id] {
      border-top: 1px solid #29292b;
   }
}

[data-youtube-id]:before {
   content: '\e914';
   font-family: icons;
   font-size: 28px;
   text-align: center;
   line-height: 1;
   color: #fff;
   margin: auto;
   padding-top: 6px;
   width: 60px;
   height: 40px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   border-radius: 3px;
   background: #f9bc49;
   box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.4);
   display: inline-block;
}

[data-youtube-id].youtube-rendered:before,
[data-youtube-id].youtube-rendered:after {
   display: none;
}

[data-youtube-id] img {
	width: 100%;
	height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
	object-fit: cover;
}

[data-youtube-id] iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border: 0;
}

[data-youtube-id].late-consent .late-consent-youtube {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left : 0;
   z-index: 5;
   background: rgba(249, 188, 73, 0.8);
   justify-content: center;
   align-items: center;
   flex-direction: column;
   display: none;
}

[data-youtube-id].late-consent button {
   max-width: 240px;
}

[data-youtube-id].late-consent button:first-child {
   margin-bottom: 8px;
}

[data-youtube-id].late-consent:hover .late-consent-youtube {
   display: flex;
}

@media (max-width: 768px) {
   article.content .article-content.full-frame [data-youtube-id] {
      padding-bottom: 56%;
   }
}

@media (max-width: 550px) {
   
   [data-youtube-id] {
      padding-bottom: 70%;
   }
   /*
   [data-youtube-id] img {
      width: 130%;
      height: 130%;
   }*/
}

iframe[name="twitter-timeline"] {
   border: 0;
   -webkit-overflow-scrolling : touch;
}


.mining-profiles-list {
   padding-top: 28px;
}

.mining-profiles-list > li {
   margin-bottom: 45px;
   padding-bottom: 44px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

@media (prefers-color-scheme: dark) {
   .mining-profiles-list > li {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
}

@media (max-width: 480px) {
   .mining-profiles-list > li {
      margin-bottom: 45px;
      padding-bottom: 46px;
   } 
}

.mining-profiles-list > li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none; 
}

.mining-profiles-list article {
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.mining-profiles-list h2 {
   font-size: 20px;
   line-height: 26px;
}

.mining-profiles-list h2 a {
   color: #29292b;
}

.mining-profiles-list h2 a:hover {
   color: #6b6b6b;
}

.mining-profiles-list h2 a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   
   .mining-profiles-list h2 a {
      color: #fff;
   }
   
   .mining-profiles-list h2 a:hover {
      color: #a6a6a6;
   }

   .mining-profiles-list h2 a:active {
      color: #f9bc49;
   }
}

.mining-profiles-list article > .button {
   text-align: center;
   display: none;
}

.mining-profiles-list .logo {
   max-width: 144px;
   flex: 0 0 144px;
}

.mining-profiles-list .logo img {
   width: 100%;
   height: auto;
   max-width: 300px;
   margin: 0 auto;
   padding: 5px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
   display: block;
}

.mining-profiles-list .content {
   padding: 0 30px;
   flex: 1;
}

.mining-profiles-list .content .button {
   margin-top: 20px;
}

.mining-profiles-list .chart {
   max-width: 240px;
   height: 150px !important;
   flex: 0 0 240px;
}

.mining-profiles-list .snippet {
   font-size: 15px;
   margin: 8px 0 0 0;
}

.mining-profiles-list .snippet a:first-child {
   line-height: 24px;
   display: block;
}

.mining-profiles-list .snippet a {
   color: #29282b;
}

.mining-profiles-list .snippet a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   
   .mining-profiles-list .snippet a {
      color: #ccc;  
   }

   .mining-profiles-list .snippet a:active {
      color: #f9bc49;  
   }
}

.mining-profiles-list .snippet .symbols {
   font-size: 15px;
   font-weight: 400;
   line-height: 25px;
   margin-top: 20px;
   display: block;
}

.mining-profiles-list .snippet .symbols br {
   display: none;
}

.mining-profiles-list .snippet .symbols strong {
   margin-left: 12px;
}

.mining-profiles-list .snippet .symbols strong:first-child {
   margin-left: 0;
}

@media (max-width: 480px) {
   
   .mining-profiles-list .snippet .symbols .stock-isin {
      margin-left: 0;
   }
   
   .mining-profiles-list .snippet .symbols .stock-wkn + br {
      display: initial;
   }
}

.mining-profiles-list .snippet .more {
   color: #2175af;
   margin-top: 10px;
   display: inline-block;
}

@media (prefers-color-scheme: dark) {
   .mining-profiles-list .snippet .more {
      color: #f9bc49;
   }
}

.mining-profiles-list .snippet .more:hover,
.mining-profiles-list .snippet .more:focus,
.mining-profiles-list .snippet .more:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   .mining-profiles-list .snippet .more:hover,
   .mining-profiles-list .snippet .more:focus,
   .mining-profiles-list .snippet .more:active {
      color: #f9bc49;
   }
}

@media (max-width: 950px) {
   
   .mining-profiles-list .content {
     padding-right: 0;
   }
   
   .mining-profiles-list .chart {
      max-width: none;
      height: 160px !important;
      margin-top: 35px;
      flex: 0 0 100%;
   }
}

@media (max-width: 570px) {
   
   .mining-profiles-list .content {
     margin-top: 25px;
     padding-left: 0;
   }
   
   .mining-profiles-list .snippet .more {
      display: none;  
   }
   
   .mining-profiles-list .logo {
      max-width: none;
      flex: 0 0 100%;
   }
   
   .mining-profiles-list .chart {
      margin-top: 25px;
   }
   
   .mining-profiles-list article > .button {
      width: 100%;
      margin-top: 30px;
      padding-left: 5px;
      padding-right: 5px;
      display: inline-block;
   }
}

@media (max-width: 480px) {
   
   .mining-profiles-list .logo img {
      max-width: none;
   }
   
   .mining-profiles-list .related-articles {
      margin-top: 25px;
   }
   
   .mining-profiles-list .related-articles h3 {
      margin-bottom: 10px;
   }
   
   .mining-profiles-list .related-articles ol li {
      margin-top: 12px;
   }
   
   .mining-profiles-list .related-articles ol li a {
      padding-left: 0;
   }
   
   .mining-profiles-list .related-articles ol li time {
      position: static;
      display: block;
   }
}


.interview-list {
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.interview-list.complete {
   padding-top: 28px;
}

.interview-list + div:not(.pager) a {
   margin-top: 40px;
}

.interview-list > li {
   max-width: 50%;
   flex-basis: 50%;
   margin-top: 36px;
}

.interview-list > li.view-middle {
   max-width: 100%;
   flex-basis: 100%;
   margin-top: 36px;
}

.interview-list > li.view-small {
   max-width: 33.33%;
   flex-basis: 33.33%;
   margin-top: 36px;
}

.interview-list > li.teaser {
   max-width: 100%;
   flex-basis: 100%;
   margin-top: 0;
}

.interview-list > li:not(.teaser):first-child,
.interview-list > li:not(.teaser):first-child + li {
   margin-top: 0;
}

.interview-list > li .wrapper {
   padding: 0 12px;
}

.interview-list > li.teaser .wrapper {
   padding: 0;
}

.interview-list > li:nth-child(even) .wrapper {
   padding-right: 0;
}

.interview-list > li:nth-child(odd) .wrapper {
   padding-left: 0;
}

.interview-list > li.teaser:first-child ~ li:nth-child(even) .wrapper {
   padding-right: 12px;
   padding-left: 0;
}

.interview-list > li.teaser:first-child ~ li:nth-child(odd) .wrapper {
   padding-right: 0;
   padding-left: 12px;
}

.interview-list > li .image {
   height: 0;
   padding-bottom: 55.6%;
   position: relative;
   border: 1px solid #f2f2f2;
   overflow: hidden;
   cursor: pointer;
}

@media (prefers-color-scheme: dark) {
   .interview-list > li .image {
      border: 1px solid #252525;
   }
}

.interview-list > li .image:before {
   content: '\e915';
   font-family: icons;
   font-size: 46px;
   line-height: 1;
   color: #f00;
   width: 46px;
   height: 46px;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index : 3;
}

.interview-list > li .image:after {
   content: '\e914';
   font-family: icons;
   font-size: 28px;
   line-height: 1;
   color: #fff;
   width: 28px;
   height: 28px;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index : 2;
}

.interview-list > li.teaser .image:before {
   font-size: 66px;
   width: 66px;
   height: 66px;
}

.interview-list > li.teaser .image:after {
   font-size: 38px;
   width: 38px;
   height: 38px;
}

.interview-list > li .image img {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 1;
   object-fit: cover;
}

.interview-list > li .image.late-consent > div {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left : 0;
   z-index: 4;
   background: rgba(249, 188, 73, 0.8);
   justify-content: center;
   align-items: center;
   flex-direction: column;
   display: none;
}

.interview-list > li .image.late-consent button {
   max-width: 240px;
}

.interview-list > li .image.late-consent button:first-child {
   margin-bottom: 8px;
}

.interview-list > li .image.late-consent:hover > div {
   display: flex;
}

.interview-list > li .content {
   margin-top: 13px;
}

.interview-list > li.teaser .content {
   margin-top: 15px;
}

.interview-list > li .content .preline {
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
}

.interview-list > li .content .preline + p {
   margin-top: 9px;
}

.interview-list > li .content .preline time {
   font-weight: 600;
   display: inline-block;
}

.interview-list > li .content .preline span,
.interview-list > li .content .preline a {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

.interview-list > li .content .preline span:first-child,
.interview-list > li .content .preline a:first-child {
   margin-left: 0;
}

.interview-list > li .content .preline a {
   color: #a6a6a6;
}

.interview-list > li .content .preline a:hover {
   color: #6b6b6b;
}

.interview-list > li .content .preline a:focus,
.interview-list > li .content .preline a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {

   .interview-list > li .content .preline a:hover {
      color: #888;
   }
   
   .interview-list > li .content .preline a:focus,
   .interview-list > li .content .preline a:active {
      color: #f9bc49;
   }
}

.interview-list > li .wrapper p {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   margin: 13px 0 0 0;
}

.interview-list > li.teaser .wrapper p {
   font-size: 20px;
   line-height: 28px;
}

.interview-list > li .related-articles {
   max-width: 100%;
   margin-top: 20px;
   flex: 0 0 100%;
}

.interview-list > li .related-articles h4 {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 5px 0;
}

.interview-list > li .related-articles ol li {
   margin-top: 4px;
}

.interview-list > li .related-articles ol li:first-child {
   margin-top: 0;
}

.interview-list > li .related-articles ol li a {
   font-size: 13px;
   line-height: 20px;
   color: #29292b;
   padding-left: 74px;
   position: relative;
   display: block;
}

.interview-list > li .related-articles ol li a:hover {
   color: #6b6b6b;
}

.interview-list > li .related-articles ol li a:focus,
.interview-list > li .related-articles ol li a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .interview-list > li .related-articles ol li a {
      color: #fff;
   }
   
   .interview-list > li .related-articles ol li a:hover {
      color: #a6a6a6;
   }

   .interview-list > li .related-articles ol li a:focus,
   .interview-list > li .related-articles ol li a:active {
      color: #f9bc49;
   }
}

.interview-list > li .related-articles ol li time {
   font-weight: 600;
   font-size: 10px;
   color: #a6a6a6;
   text-transform: uppercase;
   position: absolute;
   top: 6px;
   left: 0;
}

@media (max-width: 680px) {
   
   .interview-list > li {
      max-width: 100%;
      flex-basis: 100%;
   }

   .interview-list > li:not(.teaser):first-child + li {
      margin-top: 36px;
   }
   
   .interview-list > li .image:before {
      font-size: 66px;
      width: 66px;
      height: 66px;
   }

   .interview-list > li .image:after {
      font-size: 38px;
      width: 38px;
      height: 38px;
   }
   
   .interview-list > li .wrapper {
      padding: 0;
   }

   .interview-list > li.teaser:first-child ~ li:nth-child(even) .wrapper {
      padding-right: 0;
   }

   .interview-list > li.teaser:first-child ~ li:nth-child(odd) .wrapper {
      padding-left: 0;
   }
}

@media (max-width: 480px) {
   
   .interview-list > li .image:before,
   .interview-list > li.teaser .image:before {
      font-size: 46px;
      width: 46px;
      height: 46px;
   }

   .interview-list > li .image:after,
   .interview-list > li.teaser .image:after {
      font-size: 28px;
      width: 28px;
      height: 28px;
   }
   
   .interview-list > li .related-articles {
      margin-top: 25px;
   }
   
   .interview-list > li .related-articles h4 {
      margin-bottom: 10px;
   }
   
   .interview-list > li .related-articles ol li {
      margin-top: 12px;
   }
   
   .interview-list > li .related-articles ol li a {
      padding-left: 0;
   }
   
   .interview-list > li .related-articles ol li time {
      position: static;
      display: block;
   }
}




.studies-list:last-child {
   padding-top: 28px;
}

.studies-list.complete > li {
   -webkit-flex-wrap : wrap;
   -moz-flex-wrap : wrap;
   flex-wrap : wrap;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.studies-list.complete > li .logo {
   max-width: 144px;
   flex: 0 0 144px;
}

.studies-list.complete > li .logo img {
   width: 100%;
   height: auto;
   max-width: 300px;
   margin: 0 auto;
   padding: 5px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
   display: block;
}

.studies-list.complete > li .content {
   padding: 0 0 0 30px;
   flex: 1;
}

.studies-list + div .button {
   margin-top: 64px;
}

.studies-list h2,
.studies-list h3 {
   font-size: 20px;
   line-height: 26px;
   margin: 0;
}

.studies-list h2 a,
.studies-list h3 a {
   color: #29292b;
}

.studies-list h2 a:hover,
.studies-list h3 a:hover {
   color: #6b6b6b;
}

.studies-list h2 a:focus,
.studies-list h2 a:active,
.studies-list h3 a:focus,
.studies-list h3 a:active {
   color: #2175af;
}

@media (prefers-color-scheme: dark) {
   
   .studies-list h2 a,
   .studies-list h3 a {
      color: #fff;
   }

   .studies-list h2 a:hover,
   .studies-list h3 a:hover {
      color: #a6a6a6;
   }

   .studies-list h2 a:focus,
   .studies-list h2 a:active,
   .studies-list h3 a:focus,
   .studies-list h3 a:active {
      color: #f9bc49;
   }
}

.studies-list p {
   font-size: 15px;
   line-height: 24px;
   margin: 8px 0 0 0;
   padding-bottom: 10px;
}

.studies-list > li {
   margin-bottom: 32px;
   padding-bottom: 33px;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

.studies-list > li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none;
}

@media (prefers-color-scheme: dark) {
   
   .studies-list > li {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }

   .studies-list > li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none;
   }
}

.studies-list > li ol {
   font-size: 13px;
   margin-top: 10px;
}

.studies-list > li li {
   vertical-align : top;
   margin-top: 20px;
   padding: 1px 0 0 36px;
   position: relative;
}

.studies-list > li li:first-child {
   margin-top: 0;
}

.studies-list > li li:before {
   content: 'PDF';
   font-size: 7px;
   color: #fff;
   width: 23px;
   height: 29px;
   padding: 11px 0 0 5px;
   position: absolute;
   top: 1px;
   left: 0;
   background : #e2574c;
   display: block;
   overflow: hidden;
}

.studies-list > li li:after {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 1px;
   left: 17px;
   border-style: solid;
   border-width: 3px;
   border-color: #fff #fff #b53629 #b53629;
}

@media (prefers-color-scheme: dark) {
   .studies-list > li li:after {
      border-color: #29292b #29292b #b53629 #b53629;
   }
}

.studies-list > li li time {
   font-weight: 600;
   font-size: 10px;
   line-height: 1;
   vertical-align: middle;
   color: #a6a6a6;
   text-transform : uppercase;
   margin-bottom: 6px;
   position: relative;
   display: block;
}

.studies-list > li li.recent time:after {
   content: 'neu';
   font-weight: 700;
   font-size: 8px;
   letter-spacing: 0.08em;
   text-shadow: 0 1px 3px #eaa017;
   color: #fff;
   margin-left: 6px;
   padding: 2px 3px 2px 4px;
   position: absolute;
   top: -1px;
   border-radius: 3px;
   background: #f9bc49;
   display: inline-block;
}

.studies-list > li li a {
   display: inline-block;
}

.studies-list > li li a,
.studies-list > li li a:hover {
   color: #2176af;
}

.studies-list > li li a:focus,
.studies-list > li li a:active {
   color: #f9bc49;
}

@media (prefers-color-scheme: dark) {
  
   .studies-list > li li a {
      color: #fff;
   }
   
   .studies-list > li li a:hover {
      color: #a6a6a6;
   }

   .studies-list > li li a:focus,
   .studies-list > li li a:active {
      color: #f9bc49;
   }
}

@media (max-width: 680px) {
   
   .studies-list.complete > li {
      display: block;
      flex-wrap: nowrap;
   }
   
   .studies-list.complete > li .logo {
      display: none;
   }

   .studies-list.complete > li .content {
      padding: 0;
      flex: none;
   }
}





.share-buttons {
   text-align: center;
   margin-top: 45px;
}

.share-buttons:before {
   content: 'Artikel teilen';
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 10px;
   display: block;
}

@media (prefers-color-scheme: dark) {
   .share-buttons:before {
      color: #fff;
   }
}

.share-buttons li {
   vertical-align: top;
   margin: 0 2px;
   display: inline-block;
}

.share-buttons li a {
   line-height: 1;
   color: #fff;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   display: block;
}

.share-buttons li a:focus,
.share-buttons li a:active {
   color: #fff;
}

.share-buttons li a:before {
   font-family: icons;
   font-size: 18px;
}

.share-buttons li.facebook a {
   padding-top: 10px;
   background: #1b74e4;
}

.share-buttons li.facebook a:before {
   content : '\ea90';
   font-size: 16px;
}

.share-buttons li.twitter a {
   padding-top: 9px;
   background: #1d9bf0;
}

.share-buttons li.twitter a:before {
   content : '\e919';
}

.share-buttons li.xing a {
   padding-top: 9px;
   background: #0698a0;
}

.share-buttons li.xing a:before {
   content : '\e91a';
   font-size: 19px;
}

.share-buttons li.linkedin a {
   padding-top: 9px;
   background: #0a66c2;
}

.share-buttons li.linkedin a:before {
   content : '\e918';
   font-size: 16px;
}

.share-buttons li.mail a {
   padding-top: 7px;
   background: #6b6b6b;
}

.share-buttons li.mail a:before {
   content : '\e91d';
   font-size: 20px;
}

.share-buttons li.whatsapp {
   display: none;
}

.share-buttons li.whatsapp a {
   padding-top: 9px;
   background: #25d366;
}

.share-buttons li.whatsapp a:before {
   content : '\e91e';
}

@media (max-width: 480px) {
   .share-buttons li.whatsapp {
      display: inline-block;
   }
}






html.lock-scrolling {
   overflow: hidden;
}

#modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.9);
}

#modal button[name="modal-close"] {
   color: #fff;
   width: 80px;
   height: 80px;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   z-index: 2;
   outline: 0;
   border-radius: 0;
   border: 0;
   background: none;
   cursor: pointer;
}

#modal button[name="modal-close"]:before {
   content: '\e91c';
   font-family: icons;
   font-size: 26px;
}

#modal button[name="modal-close"]:hover {
  color: #a6a6a6;
}

#modal button[name="modal-close"]:active {
  color: #fff;
}

#modal iframe {
   width: 80%;
   height: 76%;
   max-width: 1200px;
   max-height: 675px;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   border: 0;
}

@media (max-width: 480px) {
   #modal iframe {
      width: 100%;
      height: 100%;
   }
   
   #modal button[name="modal-close"] {
      top: 40px;
   }
}


.button {
   font-size: 14px;
   color: #fff;
   height: 38px;
   padding: 0 18px;
   border: 0;
   border-radius: 3px;
   outline: 0;
   background: #29292b;
   display: inline-block;
   cursor: pointer;
}

.button:not([disabled]):hover,
.button:not([disabled]):active {
   color: #fff;
   background: #393939;
}

.button.blue {
   background: #2176af;
}

.button.blue:hover,
.button.blue:active {
   background: #1b6292;
}

.button.white {
   color: #29282b;
   background: #f1f1f1;
}

.button:not([disabled]).white:hover,
.button:not([disabled]).white:active {
   color: #29282b;
   background: #fff;
}

@media (prefers-color-scheme: dark) {
   
   .button {
      background: #393939;
   }
   
   .button.dark {
   	background: #1b1b1b;	
   }
   
   .button:not([disabled]):hover,
   .button:not([disabled]):active {
      background: #454545;
   }
   
   .button.dark:not([disabled]):hover,
   .button.dark:not([disabled]):active {
      background: #232323;
   }
}

.button[disabled] {
   opacity: 0.3;
   cursor: default;
}

a.button {
   padding-top: 12px;
}

@media (max-width: 480px) {
   .button {
     font-size: 13px;
     height: 39px;
   }
   a.button {
      padding-top: 13px;
   }
}


.read-more {
   font-size: 16px;
}

.read-more:after {
	content : '\e905';
   font-family: icons;
   font-size: 16px;
   line-height: 1;
   vertical-align: middle;
   margin-left: 3px;
   position: relative;
   top: -1px;
   display: inline-block;
}

@media (prefers-color-scheme: dark) {
   .read-more,
   .read-more:hover,
   .read-more:focus,
   .read-more:active {
		color: #f9bc49;
	}
}





.newsletter-button {
   font-size: 13px;
   font-weight: 600;
   color: #29292b;
   width: 100%;
   height: 37px;
   padding: 0 14px;
   position: relative;
   border: 0;
   border-radius: 3px;
   outline: 0;
   background: #f9bc49;
   cursor: pointer;
   display: block;
}

.newsletter-button:focus {
   outline: 0;
}

.newsletter-button:after {
   content: '\e908';
   font-family: icons;
   font-weight: 400;
   font-size: 24px;
   position: absolute;
   top: -7px;
   right: -7px;
}

@media (prefers-color-scheme: dark) {
   .newsletter-button:after {
     color: #fff;
   }
}

.newsletter-button:hover:after {
   animation: shaking 4.5s forwards;
}



.newsletter-modal {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 11;
   background: rgba(0, 0, 0, 0.4);
   display: table;
}

.newsletter-modal.hide {
	display: none;	
}

.newsletter-modal > div {
   text-align: center;
   vertical-align: middle;
   width: 100%;
   height: 100%;
   padding: 10px;
   display: table-cell;
}

.newsletter-modal form {
   text-align: left;
   width: 100%;
   max-width: 1000px;
   height: 100%;
   max-height: 600px;
   margin: auto;
   position: relative;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
   background: #fff;
   overflow: hidden;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.newsletter-modal form .left {
   height: 100%;
   position: relative;
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: top center;
   -webkit-box-flex: 0 0 40%;
   -moz-box-flex: 0 0 40%;
   -webkit-flex: 0 0 40%;
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
}

.newsletter-modal.special-report form .left {
   background-color: #f9bc49;
}

.newsletter-modal form .left:before {
   content: '\e924';
   font-family: icons;
   font-size: 8px;
   color: #fff;
   width: 100%;
   padding-left: 18px;
   position: absolute;
   bottom: 14px;
   z-index: 2;
   display: block;
}

.newsletter-modal form .left:after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   background: linear-gradient(180deg, rgba(249,188,73,0.2) 50%, rgba(249,188,73,1) 100%);
   display: block;
}

.newsletter-modal form .right {
   color: #29292b;
   height: 100%;
   padding: 40px;
   -webkit-box-flex: 0 0 60%;
   -moz-box-flex: 0 0 60%;
   -webkit-flex: 0 0 60%;
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
   display: table;
}

.newsletter-modal form .right a {
   color: #2176af;
}

.newsletter-modal form .right a:active {
   color: #f9bc49;
}

.newsletter-modal form .right > div {
   vertical-align: middle;
   display: table-cell;
}

.newsletter-modal form .right .registration.hide,
.newsletter-modal form .right .success.hide {
   display: none;
}

.newsletter-modal form .right ol {
   font-size: 14px;
   font-weight: 400;
   margin: 10px 0 0 19px;
   padding: 0;
}

.newsletter-modal form .right ol li {
   line-height: 24px;
   margin-top: 16px;
   list-style-type: disc;
}

.newsletter-modal form .right ol li:first-child {
   margin-top: 0;
}

.newsletter-modal form p {
   font-size: 14px;
   font-weight: 400;
   line-height: 26px;
   margin: 14px 0 20px 0;
}

.newsletter-modal form div > strong {
   font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
   display: block;
}

.newsletter-modal.special-report form div > strong {
   font-size: 24px;
   line-height: 30px;
}

.newsletter-modal form .newsletter-modal-close {
   width: 60px;
   height: 62px;
   padding: 0;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   z-index: 2;
   background: none;
   cursor: pointer;
}

.newsletter-modal form .newsletter-modal-close:before {
   content: '\e91c';
   font-family: icons;
   font-size: 22px;
}

.newsletter-modal form .newsletter-modal-close:hover {
   color: #2176af;
}

.newsletter-modal form .newsletter-modal-close:focus {
   outline: 0;
}

.newsletter-modal form input[type="text"] {
   position: absolute;
   left: -1000px;
}

.newsletter-modal form input[type="email"] {
   font-size: 15px; 
   width: 100%;
   height: 41px;
   padding: 6px 16px;
   border: 1px solid #c4c4c4;
   border-radius: 3px;
   background: #f4f4f4;
}

.newsletter-modal form input[type="email"]:focus {
   border-color: #6b6b6b;
   outline: 0;
}

.newsletter-modal form input[type="email"].error {
   color: red;
}

.newsletter-modal form input[type="email"][disabled] {
   opacity: 0.5;
}

.newsletter-modal form .message[data-error]:after {
   content: attr(data-error);
   font-size: 13px;
   line-height: 25px;
   color: red;
   margin-top: 4px;
   display: block;
}

.newsletter-modal form small {
   font-size: 13px;
   line-height: 25px;
   margin: 28px 0 28px 0;
   display: block;
}

@media (max-width: 850px) {
   .newsletter-modal form {
      max-height: 600px;
   }
}

@media (max-width: 768px) {
   
   .newsletter-modal form {
      height: auto;
      max-height: none;
      display: block;
   }
   
   .newsletter-modal form .left {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      -webkit-box-flex: none;
      -moz-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      opacity: 0.2;
      filter: blur(4px);
   }
   
   .newsletter-modal form .left:before {
     display: none;
   }
   
   .newsletter-modal form .right {
      padding: 45px 20px 40px 20px;
      -webkit-box-flex: none;
      -moz-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      position: relative;
      z-index: 2;  
   }
   
   .newsletter-modal form .right p span {
     display: none;
   }
   
   .newsletter-modal form small {
      font-size: 11px;
      line-height: 23px;
   }
   
   .newsletter-modal form input[type="email"] {
      border-color: #a6a6a6;
   }
}

@media (max-width: 480px) {
   
   .newsletter-modal form div > strong {
      font-size: 20px;
   }
   
   .newsletter-modal.special-report form div > strong {
      font-size: 18px;
      line-height: 22px;
   }
}


.newsletter-teaser,
.newsletter-teaser-sidebar {
   text-shadow: 0 1px 3px rgba(41,41,43,0.3);
   color: #fff;
   padding: 25px;
   position: relative;
   box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%), 0 1px 1px 0 rgb(0 0 0 / 5%);
   background: #f9bc49;
}

.newsletter-teaser {
   margin-bottom: 10px;
}

.newsletter-teaser strong,
.newsletter-teaser-sidebar strong {
   font-weight: 700;
   font-size: 20px;
   line-height: 25px;
   text-transform: uppercase;
   position: relative;
   z-index: 3;
}

.newsletter-teaser p,
.newsletter-teaser-sidebar p {
   line-height: 24px;
	color: #fff;
   margin-top: 11px;
   position: relative;
   z-index: 3;
}

.newsletter-teaser button,
.newsletter-teaser-sidebar button {
   margin-top: 30px;
   position: relative;
   z-index: 3;
}

.newsletter-teaser:before,
.newsletter-teaser-sidebar:before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   background-size: 100% auto;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   filter: grayscale(100%);
   display: block;
}

.newsletter-teaser:after,
.newsletter-teaser-sidebar:after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   background: linear-gradient(180deg, rgba(249,188,73,0.9) 50%, rgba(249,188,73,1) 100%);
   display: block;
}

.newsletter-teaser {
   padding-right: 30%;
}

.newsletter-teaser:after {
   background: linear-gradient(90deg, rgba(249,188,73,1) 50%, rgba(249,188,73,0.5) 100%);
}

@media (min-width: 992px) {
   .sidebar + .newsletter-teaser,
   .sidebar + .newsletter-special-report-teaser,
   .sidebar + .newsletter-article-teaser ,
   .content-area + .newsletter-teaser,
   .content-area + .newsletter-special-report-teaser,
   .content-area + .newsletter-article-teaser  {
      display: none;
   }
}

@media (max-width: 991px) {
   
   .sidebar + .newsletter-teaser,
   .sidebar + .newsletter-special-report-teaser,
   .sidebar + .newsletter-article-teaser,
   .content-area + .newsletter-teaser,
   .content-area + .newsletter-special-report-teaser,
   .content-area + .newsletter-article-teaser  {
      margin-top: 10px;
      margin-bottom: 0;
   }
   
   .newsletter-teaser-sidebar {
      padding-right: 30%;
   }
   
   .newsletter-teaser-sidebar:after {
      background: linear-gradient(90deg, rgba(249,188,73,1) 50%, rgba(249,188,73,0.5) 100%);
   } 
}

@media (max-width: 480px) {
   .newsletter-teaser,
   .newsletter-teaser-sidebar {
      padding: 20px 15px;
   }
}


.newsletter-article-teaser {
   text-align: center;
   color: #fff;
   min-height: 200px;
   padding: 30px 25px;
   position: relative;
   background: #2176af;
   background: radial-gradient(#2176af, #0b2639);
   overflow: hidden;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   display: flex;
}

.newsletter-article-teaser strong {
   font-weight: 900;
   font-size: 28px;
   line-height: 32px;
   flex: 100%;
}

.newsletter-article-teaser p {
   font-weight: 300;
   font-size: 18px;
   line-height: 28px;
   max-width: 600px;
   margin-top: 11px;
   flex: 100%;
}

.newsletter-article-teaser .button {
   color: #2176af;
   margin-top: 30px;
   background: #f1f1f1;
}

.newsletter-article-teaser .button:hover,
.newsletter-article-teaser .button:active {
   color: #2176af;
   background: #fff;
}

@media (prefers-color-scheme: dark) {
   
   .newsletter-article-teaser {
      color: #fff;
      background: #f9bc49;
      background: radial-gradient(#f9bc49, #bb8010);
   }
   
   .newsletter-article-teaser strong {
      text-shadow: 0 1px 4px rgba(41, 40, 43, 0.6);
   }

   .newsletter-article-teaser p {
      text-shadow: 0 1px 3px rgba(41, 40, 43, 0.6);
   }
   
   .newsletter-article-teaser .button {
      color: #29282b;
      background: #f1f1f1;
      box-shadow: 0 0 6px 0 rgba(41, 40, 43, 0.2);
   }

   .newsletter-article-teaser .button:hover,
   .newsletter-article-teaser .button:active {
      color: #29282b;
      background: #fff;
   }
   
}


.newsletter-special-report-teaser {
   color: #fff;
   min-height: 330px;
   position: relative;
   background: #f9bc49;
   background: linear-gradient(45deg, #2176af 0%, #0b2639 100%);
   overflow: hidden;
   align-items: center;
   display: flex;
}

.newsletter-special-report-teaser picture {
   width: 200px;
   height: 290px;
   margin: auto 0;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 65px;
   display: block;
}

.newsletter-special-report-teaser img {
   width: 100%;
   height: auto;
   position: relative;
   top: 10px;
   z-index: 1;
}

.newsletter-special-report-teaser strong {
   font-weight: 900;
   font-size: 36px;
   line-height: 40px;
}

.newsletter-special-report-teaser p {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   margin-top: 11px;
}

.newsletter-special-report-teaser .button {
   text-align: center;
   margin-top: 25px;
}

.newsletter-special-report-teaser.company {
   padding: 0;
   background: linear-gradient(135deg, #2176af 0%, #0b2639 100%);
}

.newsletter-special-report-teaser.company a {
   min-height: 330px;
   padding: 30px 65px 30px 335px;
   align-items: center;
   display: flex;
}

.newsletter-special-report-teaser.company strong {
   font-weight: 900;
   font-size: 24px;
   line-height: 28px;
   color: #fff;
}

.newsletter-special-report-teaser.company p {
   color: #fff;
   line-height: 26px;
}

.newsletter-special-report-teaser.company .button {
   padding-top: 12px;
   box-shadow: 0 0 6px 0 rgba(41, 40, 43, 0.4);
}

@media (prefers-color-scheme: dark) {
	.newsletter-special-report-teaser {
		background: #f9bc49;
	   background: linear-gradient(45deg, #f9bc49 0%, #bb8010 100%);	
	}
}

@media (max-width: 950px) {
   
   .newsletter-special-report-teaser {
      padding: 30px 35px 30px 270px;
   }
   
   .newsletter-special-report-teaser.company a {
      padding: 30px 35px 30px 270px;
   }
   
   .newsletter-special-report-teaser picture {
      left: 35px;
   }
   
   .newsletter-special-report-teaser strong {
      font-size: 28px;
      line-height: 32px;
   }
   
   .newsletter-special-report-teaser p {
      font-size: 15px;
      line-height: 22px;
   }
}

@media (max-width: 700px) {
   
   .newsletter-special-report-teaser {
      padding: 30px 25px 30px 180px;
   }
   
   .newsletter-special-report-teaser.company a {
      padding: 30px 25px 30px 180px;
   }
   
   .newsletter-special-report-teaser picture {
      left: -50px;
   }
}

@media (max-width: 600px) {
   
   .newsletter-special-report-teaser {
      padding: 30px 25px;
      background: #f9bc49;
      background: linear-gradient(180deg, #2176af 0%, #0b2639 100%);
      display: block;
   }
   
   .newsletter-special-report-teaser.company a {
      padding: 30px 25px;
      display: block;
   }
   
   @media (prefers-color-scheme: dark) {
   	.newsletter-special-report-teaser {
   		background: #f9bc49;
   	   background: linear-gradient(180deg, #f9bc49 0%, #bb8010 100%);	
   	}
   }
   
   .newsletter-special-report-teaser.company {
      background: linear-gradient(180deg, #2176af 0%, #0b2639 100%);
   }
   
   .newsletter-special-report-teaser > div {
      margin-top: 20px;
   }
   
   .newsletter-special-report-teaser > a > div {
      margin-top: 20px;
   }
   
   .newsletter-special-report-teaser picture {
      width: 100%;
      height: auto;
      position: static;
   }
   
   .newsletter-special-report-teaser img {
      top: 0;
   }
   
   .newsletter-special-report-teaser .button {
      width: 100%;
   }
   
   @media (prefers-color-scheme: light) {
      
      .newsletter-special-report-teaser .button {
         background: #2176af;
      }
      
      .newsletter-special-report-teaser .button:hover,
      .newsletter-special-report-teaser .button:active {
         background: #1b6292;
      }
      
      .newsletter-special-report-teaser.company .button {
              background: #f1f1f1;
           }
           
           .newsletter-special-report-teaser.company .button:hover,
           .newsletter-special-report-teaser.company .button:active {
              background: #fff;
           }
   }
}

@media (max-width: 480px) {
   
   .newsletter-special-report-teaser {
      padding: 25px 15px;
   }
   
   .newsletter-special-report-teaser strong {
      font-size: 22px;
      line-height: 26px;
   }
   
   .newsletter-special-report-teaser p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 8px;
   }
}


.article-newsletter-box,
.article-newsletter-special-report-box {
   max-width: 700px;
   margin: 55px auto 45px auto;
   padding: 35px 25px;
   position: relative;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 100% / 3px 1px repeat-x;
}

.article-newsletter-special-report-box {
   margin: 45px auto;
   padding: 25px 20px;
}

.article-newsletter-box:before,
.article-newsletter-special-report-box:before {
   content : '';
   height: 1px;
   margin: 0 -25px;
   position: relative;
   top: -35px;
   z-index: 1;
   background: linear-gradient(90deg, #a6a6a6 25%, #fff 0) 0 0 / 3px 1px repeat-x;
   display: block;
}

.article-newsletter-special-report-box:before {
   margin: 0 -20px;
   top: -25px;
}

.article-newsletter-box:after {
   content: 'Newsletter';
   font-weight: 900;
   font-size: 24px;
   text-align: center;
   width: 160px;
   height: 24px;
   margin: 0 auto;
   position: absolute;
   top: -12px;
   right: 0;
   left: 0;
   z-index: 2;
   background: #fff;
   display: inline-block;
}

.article-newsletter-special-report-box picture {
   width: 130px;
   height: 189px;
   position: absolute;
   top: 25px;
   left: 18px;
   z-index: 1;
}

.article-newsletter-special-report-box img {
   width: 100%;
   height: auto;
}

.article-newsletter-special-report-box > div {
   padding-left: 150px;
}

.article-newsletter-special-report-box strong {
   font-weight: 900;
   font-size: 24px;
   hyphens: auto;
}

.article-newsletter-box p,
.article-newsletter-special-report-box p {
   font-size: 15px;
   hyphens: auto;
   text-align: center;
}

.article-newsletter-special-report-box p {
   text-align: left;
   margin-top: 15px;
}

.article-newsletter-box p:last-child,
.article-newsletter-special-report-box p:last-child {
   margin-bottom: 0;
}

.article-newsletter-box small {
   font-size: 12px;
   line-height: 20px;
   hyphens: auto;
   text-align: center;
   margin-top: 20px;
   display: block;
}

.article-newsletter-box .success > strong {
   font-size: 18px;
   hyphens: auto;
   text-align: center;
   margin: 6px 0 15px 0;
   display: block;
}

.article-newsletter-box input[type="email"] {
   font-size: 15px;
   width: 280px;
   height: 38px;
   margin-right: 10px;
   padding: 6px 16px;
   border: 1px solid #a6a6a6;
   border-radius: 3px;
}

.article-newsletter-box input[type="email"]:focus {
   border-color: #29282b;
}

.article-newsletter-box input[type="email"].error {
   color: #d66868;
}

.article-newsletter-box input[type="email"][disabled] {
   opacity: 0.5;
}

.article-newsletter-box button {
   vertical-align: top;
}

.article-newsletter-box .message {
   text-align: center;
   display: block;
}

.article-newsletter-box .message[data-error]:after {
   content: attr(data-error);
   font-size: 13px;
   line-height: 25px;
   color: #d66868;
   margin-top: 4px;
   display: block;
}

.article-newsletter-box .hide,
.article-newsletter-box .message input:last-child {
   display: none;
}

@media (prefers-color-scheme: dark) {
   
   .article-newsletter-box,
   .article-newsletter-special-report-box {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 100% / 3px 1px repeat-x;
   }
   
   .article-newsletter-box:before,
   .article-newsletter-special-report-box:before {
      background: linear-gradient(90deg, #a6a6a6 25%, #1b1b1b 0) 0 0 / 3px 1px repeat-x;
   }
   
   .article-newsletter-box:after {
     background: #1b1b1b;
   }
   
   .article-newsletter-box input[type="email"] {
      color: #fff;
      background: #1b1b1b;
   }

   .article-newsletter-box input[type="email"]:focus {
      border-color: #fff;
   }
   
   .article-newsletter-box p,
   .article-newsletter-box small,
   .article-newsletter-special-report-box p {
      color: #ccc;
   }
}

@media (max-width: 600px) {
   
   .article-newsletter-special-report-box picture {
      width: 100%;
      height: auto;
      position: static;
   }
   
   .article-newsletter-special-report-box > div {
      margin-top: 15px;
      padding-left: 0;
   }
   
   .article-newsletter-special-report-box strong {
      font-size: 22px;
      line-height: 26px;
   }

   .article-newsletter-special-report-box p {
      font-size: 14px;
      line-height: 25px;
      margin-top: 10px;
   }

   .article-newsletter-special-report-box .button {
     width: 100%;
   }
}

@media (max-width: 550px) {

   .article-newsletter-box input[type="email"] {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
   }
   
   .article-newsletter-box input[type="email"]::placeholder {
     text-align: center;
   }
   
   .article-newsletter-box button {
     width: 100%;
   }
}

@media (max-width: 480px) {
   
   .article-newsletter-box {
      padding: 35px 0;
   }
   
   .article-newsletter-special-report-box {
      margin: 35px auto 45px auto;
      padding: 35px 0 25px 0;
   }
   
   .article-newsletter-box:before,
   .article-newsletter-special-report-box:before {
      margin: 0;
   }
   
   .article-newsletter-box:after {
	   font-size: 22px;
   }
   
   .article-newsletter-box .message {
     margin: 15px 0;
   }
}




.socials {
   text-align: center;
   margin-top: 25px;
   display: block;
}

.socials li {
   vertical-align: top;
   margin: 0 3px;
   display: inline-block;
}

.socials a {
   line-height: 1;
   text-align: center;
   color: #fff;
   width: 36px;
   height: 36px;
   padding: 0;
   border-radius: 50%;
   display: block;
}

.socials a:hover,
.socials a:focus,
.socials a:active {
   color: #fff;
}

.socials a:before {
   font-family: icons;
   font-size: 18px;
}

.socials .facebook a {
   padding-top: 10px;
   background: #1b74e4;
}

.socials .facebook a:before {
   content : '\ea90';
   font-size: 16px;
}

.socials .twitter a {
   padding-top: 9px;
   background: #1d9bf0;
}

.socials .twitter a:before {
   content : '\e919';
}

.socials .youtube a {
   padding-top: 9px;
   background: #f00;
}

.socials .youtube a:before {
   content: '\e915';
}

.socials .rss a {
   padding-top: 9px;
   background: #f29100;
}

.socials .rss a:before {
   content: '\e91f';
   font-size: 23px;
   position: relative;
   top: -4px;
}

@media (prefers-color-scheme: dark) {
   
   .socials .facebook a,
   .socials .twitter a,
   .socials .youtube a,
   .socials .rss a {
      background: #6b6b6b;
   }
   
   .socials a:focus,
   .socials a:active {
      background: #f9bc49;
   }
}


#footer {
   text-align: left;
   margin-top: 25px;
   padding: 64px 15px;
   background: #1b1b1b;
}

#footer > div {
   max-width: 1050px;
   margin: 0 auto;
}

#footer p {
   font-size: 14px;
   line-height: 21px;
   color: #6b6b6b;
   margin-bottom: 20px;
}

#footer p:before {
   content: '';
   width: 220px;
   height: 20px;
   margin-bottom: 24px;
   background: transparent url(/images/miningscout-logo-white.svg) 0 0 no-repeat;
   background-size: 100% auto;
   display: block;
}

#footer ol li {
   margin-right: 20px;
   display: inline-block;
}

#footer ol li:last-child {
   margin-right: 0;  
}

#footer ol li a {
   font-size: 15px;
   line-height: 22px;
   color: #a6a6a6;
}

#footer ol li a:hover,
#footer ol li a:focus,
#footer ol li a:active {
   color: #f9bc49;
}

#footer .tradingview {
   color: #6b6b6b;
   margin-top: 20px;
   display: inline-block;
}

#footer .tradingview:before {
   content: 'Charts von';
   font-size: 12px;
   line-height: 26px;
   display: block;
}

#footer .tradingview:after {
   content: '\e917';
   font-family: icons;
   font-size: 18px;
}

@media (max-width: 480px) {

   #footer {
	   text-align: left;
      padding: 34px 15px;
   }
   
   #footer p:before {
     margin-bottom: 35px;
   }
   
   #footer p br {
      display: none;
   }
   
   #footer p span {
      line-height: 21px;
      margin-top: 15px;
      display: block;
   }
   
   #footer ol {
      padding: 20px 0;
   }
   
   #footer ol li {
      margin: 12px 0 0 0;
      display: block;
   }
}

@media (max-width: 300px) {
   #footer ol li a {
      hyphens: auto;
   }
}


button[name="scroll-up"] {
   font-size: 20px;
   line-height: 1;
   text-align: center;
   color: #fff;
   width: 40px;
   height: 40px;
   position: fixed;
   right: 15px;
   bottom: -100px;
   outline: 0;
   border: 0;
   border-radius: 50%;
   background: #6b6b6b;
   opacity: 0.5;
   -webkit-transition: bottom 0.2s;
   -moz-transition: bottom 0.2s;
   -o-transition: bottom 0.2s;
   transition: bottom 0.2s;
   cursor: pointer;
}

button[name="scroll-up"]:hover {
   opacity: 1;
}

button[name="scroll-up"]:before {
   content: '\e91b';
   font-family: icons;
}

button[name="scroll-up"].visible {
   bottom: 15px;
}

@media (max-width: 991px) {
   button[name="scroll-up"] {
       display: none;
   }
}




.ticker-large {
 
}

.ticker-large li {
   margin-left: 0;
   padding-top: 36px;  
}

.ticker-large li:first-child {
   padding-top: 0; 
}

.ticker-large time {
   font-size: 10px;
   font-weight: 600;
   color: #a6a6a6;
   text-transform: uppercase;
   margin-top: 14px;
   position: relative;
   display: block;
}

.ticker-large time span {
   font-weight: 400;
   margin-left: 10px;
   display: inline-block;
}

.ticker-large h2 {
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   margin: 0;
}

.ticker-large h2 a {
   color: #29292b;
}

.ticker-large h2 a:hover {
   color: #6b6b6b;
}

.ticker-large h2 a:focus,
.ticker-large h2 a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .ticker-large h2 a {
      color: #fff;
   }
   
   .ticker-large h2 a:hover {
      color: #a6a6a6;
   }

   .ticker-large h2 a:focus,
   .ticker-large h2 a:active {
      color: #f9bc49;
   }
}

.ticker-large p {
   font-size: 15px;
   line-height: 24px;
   margin-top: 9px;
}

.ticker-large p a,
.ticker-large p a:hover {
   color: #29292b;
}

.ticker-large p a:focus,
.ticker-large p a:active {
   color: #2176af;
}

@media (prefers-color-scheme: dark) {
   .ticker-large p a,
   .ticker-large p a:hover {
      color: #fff;
   }

   .ticker-large p a:focus,
   .ticker-large p a:active {
      color: #f9bc49;
   }
}







.conflict-text,
.conflict-text-desktop,
.conflict-text-mobile {
   font-size: 12px;
	color: #6b6b6b;
}

@media (prefers-color-scheme: dark) {
   .conflict-text,
   .conflict-text-desktop,
   .conflict-text-mobile {
     color: #fff;
   }
}

.conflict-text-mobile {
	display: none;
}

.conflict-text strong,
.conflict-text-desktop strong,
.conflict-text-mobile strong {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   margin: 0;
   display: block;
}

.conflict-text p,
.conflict-text-desktop p,
.conflict-text-mobile p {
   line-height: 20px;
   margin: 0;
	padding-top: 20px;
}

.conflict-text {
   margin-top: 25px;
}

@media (min-width: 992px) {
   .conflict-text-desktop {
      margin-top: 25px;   
   }
}

@media (max-width: 991px) {
	
	.conflict-text {
		padding: 25px;
	}
	
	.conflict-text-desktop {
		display: none;
	}

	.conflict-text-mobile {
      padding: 25px 15px;
		display: block;
	}	
}

@media (max-width: 480px) {
   .conflict-text {
		padding: 25px 15px;
	}
}

@media (max-width: 300px) {
   .conflict-text-desktop p a,
   .conflict-text-mobile p a {
      word-break: break-all;
   }
}






.team-member {
   position: relative;
   padding-left: 130px;
   margin-bottom: 40px;
}

.team-member p + h3 {
   margin: 0 0 10px 0;
}

.team-member p {
   margin: 0;
}

.team-member p:first-child {
   position: absolute;
   top: 7px;
   left: 0;
}

.team-image {
   border-radius: 8px;
   width: 100px;
   height: auto;
}


.glossar-char {
   font-size: 30px;
   font-weight: bold;
   margin-bottom: 10px;
   padding-top : 30px;
}

.glossar-chars {
   padding-top: 24px;
}

.glossar-chars.center {
   text-align: center;
}

.glossar-chars:first-child {
   padding-top: 0;
}

.glossar-chars + hr {
   height : 8px;
   background-position : 0 7px;
}

.glossar-chars + hr + h1 {
   padding-top : 40px;
}

.glossar-chars li {
   font-weight: bold;
   color : #555;
   margin-right: 11px;
   margin-bottom: 7px;
   display : inline-block;
}

.glossar-chars li a {
   color : #29292b;
}

.glossar-chars li a:hover {
   color : #6b6b6b;
}

.glossar-chars li.selected a,
.glossar-chars li a:active {
   color : #2176af;
}

@media (prefers-color-scheme: dark) {

   .glossar-chars li a {
      color : #fff;
   }
   
   .glossar-chars li a:hover {
      color : #a6a6a6;
   }
   
   .glossar-chars li.selected a,
   .glossar-chars li a:active {
      color : #f9bc49;
   }
}

.glossar-entries {
   padding-top : 20px;
}

.glossar-entries li {
   margin-bottom : 36px;
}

.glossar-entries li:last-child {
   margin-bottom : 0;
}

.glossar-entries li h2 {
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom : 5px;
}

.glossar-entries li h2 + p {
   margin-top : 9px;
}

.glossar-entries li a {
   color : #29292b;
}

.glossar-entries li a:hover {
   color : #6b6b6b;
}

.glossar-entries li.selected a,
.glossar-entries li a:active {
   color : #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .glossar-entries li a {
      color : #fff;
   }
   
   .glossar-entries li a:hover {
      color : #a6a6a6;
   }
   
   .glossar-entries li.selected a,
   .glossar-entries li a:active {
      color : #f9bc49;
   }
}

hr.glossar-browser-line {
   height: 10px;
   margin-top: 38px;
   background-position: 0 9px;
}

.glossar-browser {
   padding-top: 30px;
   flex-wrap: wrap;
   display: flex;
}

.glossar-browser > div {
   flex: 1 0 50%;
}

.glossar-browser > .left {
   padding-right: 10px;
}

.glossar-browser > .left a:before {
   content: '\e901';
   font-family: icons;
   font-size: 18px;
   vertical-align: middle;
   margin-right: 6px;
   display: inline-block;
}

.glossar-browser > .right {
   text-align: right;
   padding-left: 10px;
}

.glossar-browser > .right a:after {
   content: '\e902';
   font-family: icons;
   font-size: 18px;
   vertical-align: middle;
   margin-left: 6px;
   display: inline-block;
}

.glossar-browser a {
   color : #29292b;
}

.glossar-browser a:hover {
   color : #2176af;
}

@media (prefers-color-scheme: dark) {
   
   .glossar-browser a {
      color : #fff;
   }
   
   .glossar-browser a:hover {
      color : #f9bc49;
   }
}

@media (max-width: 680px) {

   .glossar-browser a {
      line-height: 20px;
      position: relative;
      display: block;
   }
   
   .glossar-browser a:before,
   .glossar-browser a:after {
         position: absolute;
         margin-left: 0;
         margin-right: 0;
   }
   
   .glossar-browser .left a {
      padding-left: 25px;
   }
   
   .glossar-browser .left a:before {
      top: 1px;
      left: 0;
   }
   
   .glossar-browser .right a {
      padding-right: 25px;
   }
   
   .glossar-browser .right a:after {
      top: 1px;
      right: 0;
   }
}

@media (max-width: 480px) {
  
   .glossar-browser {
      font-size: 14px;
   }
}


.leaderboard-banner {
   line-height: 0;
	width: 100%;
	height: 0;
   margin-bottom: 10px;
	padding-bottom: 12.4%;
   position: relative;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
   background: #fff;
	overflow: hidden;
}

.leaderboard-banner iframe {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   left: 0;
}

@media (max-width: 600px) {
  .leaderboard-banner {
     display: none;
  }
}

.a-company {
   width: 100%;
   min-height: 240px;
	margin: 0 auto 10px auto;
   position: relative;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
   overflow: hidden;
   cursor: pointer;
   transition: min-height 0.2s;
}

.a-company > div {
   width: 100%;
   display: table;
}

html.preview.frame .a-company {
   margin-bottom: 0;
}

.a-company.landscape {
   max-width: 1050px;
}

.a-company.square {
   max-width: 340px;
}

.a-company .a-layer {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 3;
   transition: background 0.2s;
}

.a-company .a-image {
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: -100%;
   right: -100%;
   bottom: -100%;
   left: -100%;
   z-index: 2;
   object-fit: cover;
   transition: object-position 0.2s, -webkit-filter 0.2s;
}

.a-company .a-logo {
   position: absolute;
   z-index: 4;
   transition: top 0.2s, left 0.2s, right 0.2s, bottom 0.2s, margin 0.2s;
}

.a-company .a-logo img {
   width: 100%;
   max-width: 200px;
   height: auto;
   position: relative;
   image-rendering: auto;
   display: inline-block;
   transition: max-width 0.2s, filter 0.2s, -webkit-filter 0.2s, top 0.2s, left 0.2s;
}

.a-company .a-content {
   width: 100%;
   height: 100%;
   padding: 25px;
   position: relative;
   z-index: 5;
   display: table-cell;
}

.a-company .a-title {
   margin-bottom: 6px;
   display: block;
   transition: font-size 0.2s, line-height 0.2s, color 0.2s, text-shadow 0.2s;
}

.a-company .a-text {
   margin-bottom: 10px;
   position: relative;
   display: inline-block;
   transition: font-size 0.2s, line-height 0.2s, color 0.2s, text-shadow 0.2s, width 0.2s, left 0.2s, top 0.2s;
}

.a-company .a-symbols {
   text-transform: uppercase;
   position: absolute;
   z-index: 6;
   display: inline-block;
   transition: font-size 0.2s, line-height 0.2s, color 0.2s, text-shadow 0.2s, top 0.2s, left 0.2s, right 0.2s, bottom 0.2s;
}

.a-company .a-logo .a-symbols {
   margin-top: 6px;
}

.a-company .a-logo .a-button {
   margin-top: 6px;
}

.a-company .a-content .a-button {
   margin-top: 12px;
}

@media (min-width: 769px) {
   
   .a-company .a-content > .a-symbols.desktop-text {
	   position: relative;
   }
   
   .a-company .a-logo .a-symbols.desktop-logo,
   .a-company .a-button .a-symbols.desktop-over-button,
   .a-company .a-button .a-symbols.desktop-under-button {
      position: static;
   }
   
   .a-company .a-button .a-symbols.desktop-under-button {
     margin-top: 4px;
   }
   
   .a-company .a-logo .a-symbols:not(.desktop-logo),
   .a-company .a-content > .a-symbols:not(.desktop-text),
   .a-company .a-button .a-symbols:not(.desktop-under-button):not(.desktop-over-button) {
      display: none;
   }
}

@media (max-width: 768px) {
   
   .a-company .a-content > .a-symbols.tablet-text {
      position: relative;
   }
   
   .a-company .a-logo .a-symbols.tablet-logo {
      position: static;
   }
   
   .a-company .a-button .a-symbols.tablet-over-button,
   .a-company .a-button .a-symbols.tablet-under-button {
      position: static;
      display: block !important;
   }
   
   .a-company .a-button .a-symbols.tablet-under-button {
     margin-top: 4px;
   }
   
   .a-company .a-logo .a-symbols:not(.tablet-logo),
   .a-company .a-content > .a-symbols:not(.tablet-text),
   .a-company .a-button .a-symbols:not(.tablet-under-button):not(.tablet-over-button) {
      display: none;
   }
}

@media (max-width: 480px) {
   
   .a-company .a-content > .a-symbols.mobile-text {
      position: relative;
      display: inline-block !important;
   }
   
   .a-company .a-logo .a-symbols.mobile-logo {
      position: static;
      display: block !important;
   }
   
   .a-company .a-button .a-symbols.mobile-over-button,
   .a-company .a-button .a-symbols.mobile-under-button {
      position: static;
      display: block !important;
   }
   
   .a-company .a-button .a-symbols.mobile-under-button {
     margin-top: 4px;
   }
   
   .a-company .a-logo .a-symbols:not(.mobile-logo),
   .a-company .a-content > .a-symbols:not(.mobile-text),
   .a-company .a-button .a-symbols:not(.mobile-under-button):not(.mobile-over-button) {
      display: none;
   }
}

.a-company .a-button {
   position: absolute;
   z-index: 6;
   transition: font-size 0.2s, line-height 0.2s, top 0.2s, left 0.2s, right 0.2s, bottom 0.2s;
}

.a-company .a-button div:not(.a-symbols) {
   margin-top: 18px;
   padding: 6px 13px;
   border-radius: 3px;
   display: inline-block;
}

.a-company .a-button .a-symbols + div {
   margin-top: 4px;
}

@media (min-width: 769px) {
   
   .a-company .a-button.desktop-text,
   .a-company .a-button.desktop-logo {
      position: static;
   }

   .a-company .a-content .a-button.desktop-position {
      position: absolute;
      display: block;
   }
}

@media (max-width: 768px) {
   
   .a-company .a-button.tablet-text,
   .a-company .a-button.tablet-logo {
      position: static;
   }
   
   .a-company .a-content .a-button.tablet-position {
      position: absolute;
      display: block;
   }
}

@media (max-width: 480px) {
   
   .a-company .a-button.mobile-text,
   .a-company .a-button.mobile-logo {
      position: static;
   }
   
   .a-company .a-content .a-button.mobile-position {
      position: absolute;
      display: block;
   }
}



#consent-layer {
   font-size: 15px;
   line-height: 26px;
   color: #fff;
   max-width: 1000px;
   margin: 0 auto;
   padding: 20px 20px 20px 115px;
   position: fixed;
   bottom: 20px;
   z-index: 3;
   border-radius: 3px;
   background: #000;
}

@media (max-width: 1015px) {
   #consent-layer {
      bottom: 0;
      border-radius: 0;
   }
}

#consent-layer:before {
   content: '\e927';
   font-family: icons;
   font-size: 76px;
   position: absolute;
   top: 15px;
   left: 15px;
}

@media (max-width: 550px) {
   
   #consent-layer {
      padding-left: 20px;
   }
   
   #consent-layer:before {
      display: none;
   }
}

@media (max-width: 480px) {
   #consent-layer {
      padding: 15px;
   }
}

#consent-layer a {
   color: #fff;
   text-decoration: underline;
}

#consent-layer > div {
   text-align: right;
}

#consent-layer button {
   margin: 20px 0 0 8px;
}

#consent-layer button {
   color: #fff;
   border: 1px solid #fff;
   background: none;
}

#consent-layer button:hover {
   color: #29292b;
   background: #fff;
}

#consent-layer .consent-accept {
   color: #29292b;
   background: #fff;
}

#consent-layer .consent-accept:hover {
   border: 1px solid #f9bc49;
   background: #f9bc49;
}

@media (max-width: 414px) {
   
   #consent-layer > div {
      margin-top: 10px;
      flex-direction: column-reverse;
      display: flex;
   }
   
   #consent-layer button {
      width: 100%;
      margin: 15px 0 0 0;
   }
}

@media (prefers-color-scheme: dark) {
   #consent-layer {
      background: #000;
   }
}


div[data-consent] + p {
   margin-top: 43px;
}

.consent-button {
   display: none;
}

.consent-button + label {
   line-height: 26px;
   text-decoration: line-through;
   padding: 14px 20px 12px 80px;
   position: relative;
   border-radius: 3px;
   background: #f8f8f8;
   display: block;
   opacity: 0.4;
   user-select: none;
}

@media (prefers-color-scheme: dark) {
   .consent-button + label {
      background: #393939;
   }
}

.consent-button + label:before {
   content: '';
   width: 44px;
   height: 20px;
   position: absolute;
   top: 20px;
   left: 18px;
   border: 2px solid #29292b;
   border-radius: 10px;
   cursor: pointer;
}

.consent-button + label:after {
   content: '';
   width: 14px;
   height: 14px;
   position: absolute;
   top: 23px;
   left: 45px;
   border-radius: 50%;
   background: #29292b;
   cursor: pointer;
}

@media (prefers-color-scheme: dark) {
   .consent-button + label:before {
      border: 2px solid #fff;
   }

   .consent-button + label:after {
      background: #fff;
   }
}

.consent-button:checked + label {
   text-decoration: none;
   opacity: 1;
}

.consent-button:checked + label:after {
   left: 21px;
}