:root{
  --mx-black:#0D0D0F;
  --mx-anthracite:#1A1C20;
  --mx-gray-700:#555A61;
  --mx-gray-400:#A9ADB3;
  --mx-gray-200:#D9DCE0;
  --mx-stone:#E9EBEE;
  --mx-surface:#F7F7F6;
  --mx-white:#FFFFFF;
  --mx-gold:#E39F10;
  --mx-gold-hover:#E39F10;
  --mx-gold-soft:#E39F10;
}

*{box-sizing:border-box}
body{margin:0}
.mx-main{min-height:50vh}

/* Header */
.mx-header{border-bottom:1px solid #202226}
.mx-header-inner{min-height:72px}
.mx-brand a{
  color:#fff!important;
  text-decoration:none!important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
  font-size:24px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.mx-nav{font-size:14px;font-weight:600}
.mx-nav a{color:#fff!important;text-decoration:none}
.mx-nav a:hover{color:var(--mx-gold)!important}
.mx-search .wp-block-search__inside-wrapper{
  border:1px solid #34373c;
  border-radius:6px;
  overflow:hidden;
  background:#17191c
}
.mx-search input{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  min-width:150px
}
.mx-search button{
  background:var(--mx-gold)!important;
  color:#0D0D0F!important;
  border:0!important;
  border-radius:0!important
}

/* Article Hero */
.mx-article-hero{
  padding-top:64px;
  padding-bottom:36px;
}
.mx-kicker{
  color:var(--mx-gold);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mx-article-title{
  max-width:980px;
  margin-top:10px!important;
  margin-bottom:18px!important;
  letter-spacing:-.018em;
}
.mx-article-deck{
  max-width:820px;
  color:var(--mx-gray-700);
  font-size:20px;
  line-height:1.55;
  margin-top:0!important;
}
.mx-article-meta{
  color:var(--mx-gray-700);
  font-size:14px;
  margin-top:22px;
}
.mx-article-hero-image img{
  width:100%;
  border-radius:8px;
  display:block;
}

/* Article body */
.mx-article-body{
  background:var(--mx-white);
  border-radius:8px;
  padding-top:48px;
  padding-bottom:56px;
  margin-top:32px;
}
.mx-article-body > *{max-width:780px;margin-left:auto;margin-right:auto}
.mx-article-body > .alignwide{max-width:1120px}
.mx-article-body h2{margin-top:52px}
.mx-article-body h3{margin-top:36px}
.mx-article-body p{margin-top:0;margin-bottom:22px}

/* Component base */
.mx-component{
  border:1px solid var(--mx-gray-200);
  border-radius:8px;
  background:var(--mx-surface);
  padding:24px;
  margin-top:32px!important;
  margin-bottom:32px!important;
}
.mx-component h2,
.mx-component h3,
.mx-component p:first-child{margin-top:0!important}
.mx-component-label{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.08em;
  font-weight:700;
  text-transform:uppercase;
  color:var(--mx-gold);
  margin-bottom:10px!important;
}
.mx-component-title{margin-top:0!important;margin-bottom:12px!important}

/* Kurzfazit */
.mx-kurzfazit{
  background:var(--mx-white);
  border-left:4px solid var(--mx-gold);
}

/* Eindruck */
.mx-eindruck-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px!important;
}
.mx-eindruck-item{
  background:var(--mx-white);
  border:1px solid var(--mx-gray-200);
  border-radius:6px;
  padding:16px!important;
}
.mx-eindruck-item strong{
  display:block;
  font-size:24px;
  line-height:1.2;
  color:var(--mx-anthracite);
}
.mx-eindruck-item span{
  display:block;
  margin-top:4px;
  color:var(--mx-gray-700);
  font-size:13px;
}

/* Messwert */
.mx-messwert{
  background:var(--mx-anthracite);
  color:var(--mx-white);
  border-color:var(--mx-anthracite);
}
.mx-messwert .mx-component-label{color:var(--mx-gold)}
.mx-messwert-number{
  font-size:clamp(38px,6vw,62px)!important;
  line-height:1!important;
  font-weight:800!important;
  margin:8px 0 12px!important;
}
.mx-messwert p{color:#E9EBEE}

/* Key Finding */
.mx-keyfinding{
  border-color:var(--mx-gold);
  background:var(--mx-gold-soft);
}

/* Testsystem */
.mx-testsystem table,
.mx-benchmark table{
  width:100%;
  border-collapse:collapse;
}
.mx-testsystem td,
.mx-benchmark td,
.mx-benchmark th{
  padding:11px 12px;
  border-bottom:1px solid var(--mx-gray-200);
  vertical-align:top;
}
.mx-testsystem td:first-child,
.mx-benchmark th{
  font-weight:700;
}
.mx-benchmark th{
  background:#ECEEF0;
  text-align:left;
}
.mx-benchmark td:not(:first-child),
.mx-benchmark th:not(:first-child){
  text-align:right;
}
.mx-highlight-row td{
  font-weight:700;
  color:var(--mx-anthracite);
}
.mx-highlight-row td:first-child{
  border-left:4px solid var(--mx-gold);
}
.mx-benchmark-note{
  color:var(--mx-gray-700);
  font-size:14px;
  margin-top:12px!important;
}

/* Pro / Contra */
.mx-procontra-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:16px!important;
}
.mx-procontra-box{
  background:var(--mx-white);
  border:1px solid var(--mx-gray-200);
  border-radius:6px;
  padding:20px!important;
}
.mx-procontra-box h3{margin-top:0!important}
.mx-procontra-box ul{margin-bottom:0}

/* Transparency */
.mx-transparency{
  background:transparent;
  border-style:dashed;
  color:var(--mx-gray-700);
  font-size:14px;
}

/* Index */
.mx-post-list>li{
  background:#fff;
  border:1px solid var(--mx-gray-200);
  border-radius:8px;
  padding:24px;
  margin-bottom:16px
}
.mx-post-list .wp-block-post-title{margin-top:0}
.mx-post-list .wp-block-post-title a{text-decoration:none}

/* Footer */
.mx-footer{border-top:1px solid #202226}

@media(max-width:899px){
  .mx-header-inner{min-height:58px}
  .mx-brand a{font-size:20px}
  .mx-search{display:none}
  .mx-article-hero{padding-top:44px;padding-bottom:26px}
  .mx-article-deck{font-size:18px}
  .mx-article-body{padding-top:36px;padding-bottom:44px}
  .mx-eindruck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:599px){
  body{font-size:16px}
  .mx-header-inner{padding-top:10px!important;padding-bottom:10px!important}
  .mx-article-hero{padding-top:32px;padding-bottom:20px}
  .mx-article-title{font-size:32px!important;line-height:1.16!important}
  .mx-article-deck{font-size:18px;line-height:1.55}
  .mx-article-meta{font-size:13px}
  .mx-article-body{
    border-radius:0;
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px;
    padding-right:16px;
  }
  .mx-component{padding:18px}
  .mx-eindruck-grid{grid-template-columns:1fr}
  .mx-procontra-grid{grid-template-columns:1fr}
  .mx-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mx-table-scroll table{min-width:620px}
}


/* =========================================================
   MAEXOTRON v0.4 — wider editorial desktop + calmer H1
   ========================================================= */

.mx-header-inner,
.mx-footer .alignwide{
  max-width:1280px;
}

.mx-article-hero{
  max-width:1280px!important;
}

.mx-article-title{
  max-width:960px;
  font-size:clamp(2rem,3.2vw,2.625rem)!important;
  line-height:1.14!important;
  letter-spacing:-.012em;
}

.mx-article-deck{
  max-width:900px;
}

.mx-article-body{
  max-width:1280px!important;
  padding-left:clamp(24px,4vw,64px);
  padding-right:clamp(24px,4vw,64px);
}

/* Fließtext bleibt bewusst schmal. Breite Inhalte dürfen 1280px nutzen. */
.mx-article-body > *{
  max-width:780px;
}

.mx-article-body > .alignwide,
.mx-article-body > .mx-benchmark.alignwide{
  max-width:1120px;
}

/* Weniger "Dashboard": Standard-Komponenten ruhiger und luftiger. */
.mx-component{
  margin-top:40px!important;
  margin-bottom:40px!important;
}

.mx-kurzfazit,
.mx-keyfinding,
.mx-messwert{
  margin-top:44px!important;
  margin-bottom:44px!important;
}

/* Hero ohne Beitragsbild soll keinen künstlichen Leerraum erzeugen. */
.mx-article-hero-image:empty{
  display:none;
}

@media(min-width:1280px){
  .mx-article-hero{
    padding-top:72px;
    padding-bottom:40px;
  }
}

@media(max-width:899px){
  .mx-article-title{
    font-size:clamp(2rem,5vw,2.375rem)!important;
    line-height:1.15!important;
  }
  .mx-article-body{
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:599px){
  .mx-article-title{
    font-size:32px!important;
    line-height:1.16!important;
  }
  .mx-article-body{
    padding-left:16px;
    padding-right:16px;
  }
}


/* =========================================================
   MAEXOTRON v0.5 — editorial hero refinement
   ========================================================= */

/* Titel bekommt mehr horizontale Luft und wird sichtbar ruhiger. */
.mx-article-title{
  max-width:1120px;
  font-size:clamp(1.875rem,2.65vw,2.375rem)!important;
  line-height:1.13!important;
  letter-spacing:-.008em;
}

/* Deck bleibt deutlich schmaler als die Überschrift. */
.mx-article-deck{
  max-width:900px;
}

/* Das Beitragsbild nutzt auf Desktop die echte Wide-Fläche. */
.mx-article-hero-image{
  width:1120px;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:26px!important;
}

.mx-article-hero-image img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Artikelkörper näher an den Hero heranholen. */
.mx-article-body{
  margin-top:20px;
}

/* Etwas weniger "Kartenstapel", ohne die Komponenten aufzugeben. */
.mx-component{
  border-radius:7px;
  margin-top:34px!important;
  margin-bottom:34px!important;
}

.mx-kurzfazit,
.mx-keyfinding,
.mx-messwert{
  margin-top:38px!important;
  margin-bottom:38px!important;
}

@media(min-width:1280px){
  .mx-article-hero{
    padding-top:64px;
    padding-bottom:28px;
  }
}

/* Tablet */
@media(max-width:899px){
  .mx-article-title{
    max-width:760px;
    font-size:34px!important;
    line-height:1.14!important;
  }
  .mx-article-hero-image{
    margin-top:24px!important;
  }
}

/* Smartphone: kompakter und weniger wuchtig. */
@media(max-width:599px){
  .mx-article-title{
    font-size:30px!important;
    line-height:1.14!important;
    letter-spacing:-.004em;
  }
  .mx-article-hero{
    padding-top:30px;
    padding-bottom:14px;
  }
  .mx-article-hero-image{
    margin-top:22px!important;
  }
  .mx-article-body{
    margin-top:12px;
  }
  .mx-component{
    margin-top:28px!important;
    margin-bottom:28px!important;
  }
}


/* =========================================================
   MAEXOTRON v0.6 — Plan.png visual alignment
   ========================================================= */

body{background:#F4F3F0!important}

/* Light magazine header */
.mx-header-light{
  background:#fff!important;
  border-bottom:1px solid #E2E0DB;
  box-shadow:none;
}
.mx-header-light .mx-header-inner{
  min-height:82px;
  max-width:1280px;
}
.mx-brand-lockup{gap:12px!important}
.mx-brand-text{gap:0!important}
.mx-header-light .mx-brand{margin:0!important;line-height:1!important}
.mx-header-light .mx-brand a{
  color:var(--mx-anthracite)!important;
  font-size:23px;
  letter-spacing:.13em;
  font-weight:800;
}
.mx-brand-tagline{
  margin:5px 0 0!important;
  color:var(--mx-gold);
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.17em;
  font-weight:700;
  white-space:nowrap;
}

/* CSS approximation of Hybrid-01 until final SVG is supplied. */
.mx-logo-mark{
  position:relative;
  width:44px;height:48px;
  flex:0 0 44px;
}
.mx-logo-mark:before,.mx-logo-mark:after{
  content:"";position:absolute;left:3px;width:38px;height:9px;
  background:#111;
  clip-path:polygon(0 0,50% 72%,100% 0,100% 35%,50% 100%,0 35%);
}
.mx-logo-mark:before{top:5px}
.mx-logo-mark:after{top:21px}
.mx-logo-mark .mx-m-outer:before,.mx-logo-mark .mx-m-inner:before{
  content:"";position:absolute;z-index:2;width:8px;height:8px;background:var(--mx-gold);
  transform:rotate(45deg);
}
.mx-logo-mark .mx-m-outer:before{left:4px;top:8px}
.mx-logo-mark .mx-m-inner:before{right:4px;top:24px}

.mx-header-light .mx-nav{font-size:13px;font-weight:650;text-transform:uppercase}
.mx-header-light .mx-nav a{color:var(--mx-anthracite)!important}
.mx-header-light .mx-nav a:hover{color:var(--mx-gold)!important}
.mx-header-actions{gap:13px!important}
.mx-search-icon{width:30px}
.mx-search-icon .wp-block-search__inside-wrapper{border:0!important;padding:0!important}
.mx-search-icon input{display:none!important}
.mx-search-icon button{
  width:30px!important;height:30px!important;padding:5px!important;
  background:transparent!important;color:var(--mx-anthracite)!important;border:0!important;
}
.mx-moon{font-size:25px;line-height:1;color:var(--mx-anthracite)}
.mx-support-button .wp-block-button__link{
  background:var(--mx-gold)!important;
  color:#fff!important;
  text-transform:uppercase;
  font-size:11px!important;
  border-radius:4px!important;
  padding:12px 16px!important;
}

/* Article aligns to the same light editorial system */
.mx-article-hero{max-width:1280px!important}
.mx-article-title{max-width:1120px;font-weight:700!important}
.mx-article-body{
  background:#fff;
  border:1px solid #E1DFDA;
  box-shadow:none;
}

/* Homepage */
.mx-home{max-width:1280px!important;padding-top:30px;padding-bottom:30px}
.mx-home-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(260px,1fr);
  gap:14px;
}
.mx-feature-card{
  display:grid!important;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.55fr);
  background:#fff;
  border:1px solid #DDDAD4;
  border-radius:4px;
  overflow:hidden;
  min-height:374px;
}
.mx-feature-copy{padding:28px 26px!important;align-self:center}
.mx-eyebrow{font-size:12px!important;font-weight:700;margin:0 0 15px!important}
.mx-eyebrow span{background:var(--mx-gold);color:#fff;padding:6px 9px;border-radius:3px}
.mx-feature-title{font-size:34px!important;line-height:1.08!important;margin:0 0 18px!important}
.mx-feature-title a{text-decoration:none}
.mx-feature-excerpt{font-size:15px;line-height:1.7;color:var(--mx-gray-700)}
.mx-feature-meta{font-size:12px;color:var(--mx-gray-700);margin-top:25px}
.mx-gold-cta{
  display:inline-block!important;width:auto!important;margin-top:22px!important;
  background:var(--mx-gold);color:#fff!important;padding:12px 18px;border-radius:3px;
  text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:700;
}
.mx-feature-image,.mx-feature-image a,.mx-feature-image img{height:100%!important}
.mx-feature-image img{border-radius:0!important}

.mx-home-side{gap:14px!important}
.mx-panel{
  background:#fff;border:1px solid #DDDAD4;border-radius:4px;padding:18px!important;
}
.mx-panel-title{
  font-size:13px!important;text-transform:uppercase;letter-spacing:.02em;
  margin:0 0 14px!important;
}
.mx-mini-list{gap:0!important}
.mx-mini-item{
  padding:10px 0!important;border-bottom:1px solid #E6E3DE;gap:12px!important;
}
.mx-mini-item:first-child{padding-top:0!important}
.mx-mini-item .wp-block-post-title{font-size:13px!important;line-height:1.35!important;margin:0!important}
.mx-mini-item .wp-block-post-title a{text-decoration:none}
.mx-mini-item img{border-radius:2px!important}
.mx-panel-link{font-size:11px;text-transform:uppercase;margin:15px 0 0!important}
.mx-panel-link a{color:var(--mx-gold)!important;text-decoration:none;font-weight:700}

.mx-section{margin-top:28px!important}
.mx-section-title{
  font-size:13px!important;text-transform:uppercase;letter-spacing:.03em;
  margin-bottom:16px!important;display:flex;align-items:center;gap:12px;
}
.mx-section-title:before{content:"";width:22px;height:2px;background:var(--mx-gold)}
.mx-home-cards{gap:12px!important}
.mx-home-card{
  background:#fff;border:1px solid #DDDAD4;border-radius:4px;overflow:hidden;
  padding-bottom:16px!important;
}
.mx-home-card > *:not(.wp-block-post-featured-image){margin-left:15px!important;margin-right:15px!important}
.mx-home-card .wp-block-post-featured-image{margin:0 0 12px!important}
.mx-home-card img{border-radius:0!important}
.mx-card-category{font-size:10px!important;text-transform:uppercase;color:var(--mx-gold)}
.mx-card-category a{color:var(--mx-gold)!important;text-decoration:none}
.mx-home-card .wp-block-post-title{font-size:18px!important;line-height:1.25!important;margin-top:8px!important}
.mx-home-card .wp-block-post-title a{text-decoration:none}
.mx-card-meta{font-size:11px;color:var(--mx-gray-700);margin-top:20px!important}

.mx-category-grid{gap:12px!important}
.mx-category-card{
  min-height:142px;padding:22px 18px;border-radius:4px;
  background:linear-gradient(135deg,#111315,#22262a);
  color:#fff!important;text-decoration:none!important;
  display:flex;flex-direction:column;justify-content:flex-end;
  border:1px solid #292c30;
}
.mx-category-card strong{font-size:20px}
.mx-category-card span{font-size:13px;line-height:1.45;margin-top:5px;color:#e4e4e4}
.mx-category-card em{font-style:normal;text-transform:uppercase;font-size:10px;font-weight:700;color:var(--mx-gold);margin-top:13px}

/* Footer */
.mx-footer{border-top:1px solid #E2E0DB!important}
.mx-footer-brand a{color:var(--mx-anthracite)!important}

/* Responsive */
@media(max-width:1050px){
  .mx-support-button,.mx-moon{display:none}
  .mx-header-light .mx-nav{font-size:12px}
  .mx-home-hero-grid{grid-template-columns:1fr}
  .mx-home-side{display:none}
}
@media(max-width:899px){
  .mx-header-light .mx-header-inner{min-height:64px}
  .mx-brand-tagline{display:none}
  .mx-logo-mark{width:34px;height:38px;transform:scale(.8);transform-origin:left center;margin-right:-5px}
  .mx-header-light .mx-brand a{font-size:20px}
  .mx-feature-card{grid-template-columns:1fr}
  .mx-feature-image{min-height:280px;order:-1}
  .mx-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:599px){
  .mx-home{padding-top:16px}
  .mx-feature-copy{padding:22px 18px!important}
  .mx-feature-title{font-size:28px!important}
  .mx-feature-image{min-height:220px}
  .mx-home-cards,.mx-category-grid{grid-template-columns:1fr!important}
  .mx-article-title{font-size:29px!important;line-height:1.14!important}
}


/* =========================================================
   MAEXOTRON v0.7 — homepage repair + real 1280px magazine grid
   ========================================================= */

.mx-home{
  width:min(1280px, calc(100% - 48px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:34px 0 52px!important;
}

.mx-home-hero-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0, 3fr) minmax(290px, 1fr)!important;
  gap:14px!important;
  align-items:stretch;
}

.mx-feature-query,
.mx-home-side{
  min-width:0;
}

.mx-feature-card{
  width:100%;
  min-height:390px;
}

.mx-feature-image{
  display:block;
  overflow:hidden;
  background:#17191c;
}

.mx-feature-image img{
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover!important;
}

.mx-image-placeholder{
  width:100%;
  height:100%;
  min-height:230px;
  background:linear-gradient(135deg,#111315,#292d31);
}

.mx-section{
  width:100%!important;
  max-width:none!important;
  margin:28px 0 0!important;
}

.mx-home-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.mx-home-card{
  min-width:0;
  padding:0!important;
}

.mx-card-image{
  display:block;
  aspect-ratio:16/9;
  background:#17191c;
  overflow:hidden;
}

.mx-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0!important;
}

.mx-card-copy{
  padding:14px 15px 16px;
}

.mx-card-copy h3{
  font-size:18px!important;
  line-height:1.25!important;
  margin:8px 0 20px!important;
}

.mx-card-copy h3 a{
  color:var(--mx-anthracite)!important;
  text-decoration:none!important;
}

.mx-card-category{
  font-size:10px;
  color:var(--mx-gold);
  text-transform:uppercase;
  font-weight:700;
}

.mx-card-meta{
  font-size:11px;
  color:var(--mx-gray-700);
}

.mx-mini-list{
  display:flex;
  flex-direction:column;
}

.mx-mini-item{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px!important;
  align-items:center;
  padding:11px 0!important;
  border-bottom:1px solid #E6E3DE;
  color:var(--mx-anthracite)!important;
  text-decoration:none!important;
}

.mx-mini-thumb{
  display:block;
  width:92px;
  height:62px;
  overflow:hidden;
  background:#17191c;
  border-radius:2px;
}

.mx-mini-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mx-mini-title{
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}

.mx-mini-empty,
.mx-empty-state{
  font-size:13px;
  color:var(--mx-gray-700);
}

.mx-category-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%;
}

@media(max-width:1050px){
  .mx-home{
    width:min(100% - 32px, 960px)!important;
  }
  .mx-home-hero-grid{
    grid-template-columns:1fr!important;
  }
  .mx-home-side{
    display:block!important;
  }
  .mx-home-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mx-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:599px){
  .mx-home{
    width:calc(100% - 24px)!important;
    padding-top:16px!important;
  }
  .mx-home-cards,
  .mx-category-grid{
    grid-template-columns:1fr!important;
  }
  .mx-home-side{
    display:none!important;
  }
}


/* =========================================================
   MAEXOTRON v0.8 — desktop magazine proportions
   Main visual reference: Plan.png
   ========================================================= */

/* Use more of large desktop screens, like the reference mockup. */
.mx-header-light .mx-header-inner,
.mx-footer .alignwide{
  max-width:1440px!important;
}

.mx-home{
  width:min(1440px, calc(100% - 48px))!important;
  max-width:1440px!important;
  padding-top:30px!important;
}

/* Featured zone: much wider main story, controlled sidebar. */
.mx-home-hero-grid{
  grid-template-columns:minmax(0, 4fr) minmax(300px, 1.18fr)!important;
  gap:14px!important;
}

/* Featured card proportions closer to Plan.png:
   text is substantial but image remains dominant. */
.mx-feature-card{
  grid-template-columns:minmax(330px, .92fr) minmax(0, 1.65fr)!important;
  min-height:386px!important;
}

.mx-feature-copy{
  padding:26px 28px!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
}

.mx-feature-title{
  font-size:29px!important;
  line-height:1.10!important;
  letter-spacing:-.012em!important;
  margin:0 0 16px!important;
  max-width:430px;
}

.mx-feature-excerpt{
  font-size:14px!important;
  line-height:1.68!important;
  max-width:430px;
  margin-bottom:0!important;
}

.mx-feature-meta{
  margin-top:22px!important;
}

.mx-gold-cta{
  margin-top:20px!important;
  align-self:flex-start;
}

/* Image remains large and clean, with no WordPress radius artifacts. */
.mx-feature-image{
  min-height:386px!important;
}
.mx-feature-image img{
  min-height:386px!important;
}

/* Sidebar made visually useful instead of floating in empty space. */
.mx-home-side{
  width:100%;
}
.mx-home-side .mx-panel{
  height:auto;
  min-height:100%;
  padding:20px!important;
}
.mx-panel-title{
  margin-bottom:16px!important;
}
.mx-mini-item{
  grid-template-columns:104px minmax(0,1fr)!important;
}
.mx-mini-thumb{
  width:104px!important;
  height:70px!important;
}

/* Section spacing and cards closer to the reference. */
.mx-section{
  margin-top:26px!important;
}

.mx-section-title{
  margin-bottom:14px!important;
}

.mx-home-cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.mx-home-card{
  min-height:100%;
}

.mx-card-image{
  aspect-ratio:16/9;
}

.mx-card-copy{
  padding:13px 15px 16px!important;
}

.mx-card-copy h3{
  font-size:17px!important;
  line-height:1.28!important;
  min-height:44px;
  margin-bottom:18px!important;
}

/* Category row gets the broad, low magazine-tile feeling from Plan.png. */
.mx-category-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

.mx-category-card{
  min-height:132px!important;
  padding:18px 16px!important;
}

.mx-category-card strong{
  font-size:19px!important;
}

/* Desktop visual balance */
@media(min-width:1500px){
  .mx-home{
    width:min(1440px, calc(100% - 64px))!important;
  }
}

/* Large laptop / smaller desktop */
@media(max-width:1250px){
  .mx-home{
    width:min(1180px, calc(100% - 36px))!important;
  }
  .mx-home-hero-grid{
    grid-template-columns:minmax(0, 3.4fr) minmax(280px, 1fr)!important;
  }
  .mx-feature-card{
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.5fr)!important;
  }
  .mx-feature-title{
    font-size:27px!important;
  }
}

/* Tablet */
@media(max-width:1050px){
  .mx-home{
    width:min(960px, calc(100% - 32px))!important;
  }
  .mx-home-hero-grid{
    grid-template-columns:1fr!important;
  }
  .mx-feature-card{
    grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr)!important;
  }
  .mx-home-side .mx-panel{
    min-height:auto;
  }
}

/* Mobile */
@media(max-width:760px){
  .mx-feature-card{
    grid-template-columns:1fr!important;
  }
  .mx-feature-image{
    min-height:250px!important;
    order:-1;
  }
  .mx-feature-image img{
    min-height:250px!important;
  }
  .mx-feature-title{
    font-size:27px!important;
    max-width:none;
  }
}

@media(max-width:599px){
  .mx-home{
    width:calc(100% - 24px)!important;
  }
  .mx-feature-title{
    font-size:26px!important;
  }
  .mx-feature-copy{
    padding:20px 18px!important;
  }
}


/* =========================================================
   MAEXOTRON v0.9 — homepage structural completion
   ========================================================= */

.mx-home-hero-grid{grid-template-columns:minmax(0,4.2fr) minmax(300px,1.15fr)!important}
.mx-feature-card{grid-template-columns:minmax(355px,1fr) minmax(0,1.62fr)!important}
.mx-feature-title{font-size:28px!important;max-width:470px!important}

/* Middle data area */
.mx-data-grid{display:grid!important;grid-template-columns:minmax(0,4.2fr) minmax(300px,1.15fr)!important;gap:14px!important;align-items:start}
.mx-tests-bench-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px}
.mx-testsystem-home,.mx-big-benchmark{height:100%}
.mx-spec-list{margin:4px 0 18px}
.mx-spec-list div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #e5e3df}
.mx-spec-list dt{font-weight:700;font-size:12px}.mx-spec-list dd{margin:0;font-size:12px;color:var(--mx-gray-700)}
.mx-outline-link{display:flex;justify-content:space-between;border:1px solid var(--mx-gray-200);padding:12px;color:var(--mx-anthracite)!important;text-decoration:none!important;text-transform:uppercase;font-size:10px;font-weight:700}
.mx-bench-kicker{font-size:10px;text-transform:uppercase;color:var(--mx-gold);font-weight:700;letter-spacing:.03em;margin-bottom:14px}
.mx-bench-table-wrap{overflow:auto}
.mx-bench-table{width:100%;border-collapse:collapse;font-size:12px}
.mx-bench-table th{text-align:left;background:#f2f2f0;padding:10px 9px;font-size:10px;text-transform:uppercase}
.mx-bench-table td{padding:10px 9px;border-bottom:1px solid #e5e3df;white-space:nowrap}
.mx-bench-table .is-highlight td{color:#b47e09;font-weight:700}
.mx-bench-gains{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid #e5e3df}
.mx-bench-gains div{text-align:center;padding:13px 6px;border-right:1px solid #e5e3df}.mx-bench-gains div:last-child{border-right:0}
.mx-bench-gains strong{display:block;color:var(--mx-gold);font-size:21px}.mx-bench-gains span{display:block;font-size:9px;text-transform:uppercase;margin-top:4px}
.mx-demo-note{font-size:10px;color:var(--mx-gray-700);margin:12px 0 0}

/* Right stack */
.mx-side-stack{display:flex;flex-direction:column;gap:14px}
.mx-newsletter p{font-size:12px}
.mx-newsletter-row{display:grid;grid-template-columns:1fr auto;border:1px solid var(--mx-gray-200);min-height:38px}
.mx-newsletter-row span{padding:11px;color:var(--mx-gray-400);font-size:11px}
.mx-newsletter-row button{border:0;background:var(--mx-gold);padding:0 14px;font-weight:700;text-transform:uppercase;font-size:9px;cursor:default}
.mx-newsletter small{display:block;margin-top:7px;color:var(--mx-gray-700);font-size:9px}
.mx-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mx-principles div{text-align:center;border-right:1px solid #eee;padding:3px}.mx-principles div:last-child{border-right:0}
.mx-principles b{display:block;color:var(--mx-gold);font-size:21px}.mx-principles strong{display:block;font-size:9px;margin:6px 0}.mx-principles span{font-size:8px;line-height:1.35;display:block}
.mx-guide-links a{display:block;padding:10px 0;border-bottom:1px solid #e5e3df;text-decoration:none!important;color:var(--mx-anthracite)!important}
.mx-guide-links strong,.mx-guide-links span{display:block}.mx-guide-links strong{font-size:11px}.mx-guide-links span{font-size:9px;color:var(--mx-gray-700);margin-top:3px}
.mx-panel-link-inline{display:block;margin-top:13px;text-transform:uppercase;font-size:9px;font-weight:700;color:var(--mx-anthracite)!important;text-decoration:none!important}

/* Bottom */
.mx-bottom-grid{display:grid!important;grid-template-columns:1fr 1.05fr;gap:14px!important}
.mx-news-list{display:flex;flex-direction:column}
.mx-news-item{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #e5e3df;text-decoration:none!important;color:var(--mx-anthracite)!important}
.mx-news-thumb{width:112px;height:72px;background:#181a1d;overflow:hidden}.mx-news-thumb img{width:100%;height:100%;object-fit:cover}
.mx-news-copy em,.mx-news-copy strong,.mx-news-copy small{display:block}.mx-news-copy em{font-style:normal;color:var(--mx-gold);font-size:9px;text-transform:uppercase}.mx-news-copy strong{font-size:12px;margin:4px 0}.mx-news-copy small{font-size:9px;color:var(--mx-gray-700)}
.mx-featured-guide{min-height:350px;background:#121416;color:white;border-radius:4px;padding:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;overflow:hidden}
.mx-featured-guide h2{font-size:28px;line-height:1.15;margin:10px 0 18px;color:white}.mx-featured-guide p{font-size:12px;line-height:1.6;color:#ddd}.mx-featured-guide ul{padding-left:18px;font-size:11px;line-height:2;color:#eee}
.mx-guide-chart{border:1px solid #36393c;border-radius:3px;padding:16px;align-self:stretch;display:flex;flex-direction:column}
.mx-chart-title{font-size:8px;color:#aaa}
.mx-chart-grid{position:relative;flex:1;min-height:190px;margin:12px 0;background-image:linear-gradient(#24272a 1px,transparent 1px),linear-gradient(90deg,#24272a 1px,transparent 1px);background-size:32px 32px;border-left:1px solid #555;border-bottom:1px solid #555}
.mx-chart-grid i{position:absolute;width:7px;height:7px;background:var(--mx-gold);border:2px solid #17191c;border-radius:50%;transform:translate(-50%,50%);z-index:2}
.mx-chart-line{position:absolute;left:7%;bottom:10%;width:88%;height:78%;border-top:2px solid var(--mx-gold);transform:skewY(-33deg);transform-origin:left bottom;opacity:.8}
.mx-chart-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mx-chart-stats div{border-top:1px solid #34373a;padding-top:10px}.mx-chart-stats small{display:block;color:#aaa;text-transform:uppercase;font-size:8px}.mx-chart-stats strong{font-size:21px}.mx-chart-stats em{font-size:10px;font-style:normal;color:#aaa}

@media(max-width:1050px){
 .mx-data-grid,.mx-bottom-grid{grid-template-columns:1fr!important}
 .mx-tests-bench-grid{grid-template-columns:1fr!important}
 .mx-principles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .mx-featured-guide{grid-template-columns:1fr!important;padding:22px}
 .mx-guide-chart{min-height:280px}
 .mx-bench-gains{grid-template-columns:repeat(2,1fr)}
 .mx-bench-gains div:nth-child(2){border-right:0}
}
@media(max-width:599px){
 .mx-data-side{display:block!important}
 .mx-principles{grid-template-columns:repeat(2,1fr)}
 .mx-news-item{grid-template-columns:86px 1fr}.mx-news-thumb{width:86px;height:60px}
}


/* =========================================================
   MAEXOTRON v0.9.1 — Homepage Layout Fix
   Ziel: dichteres Editorial-Raster nach Plan.png
   ========================================================= */

/* Grundrhythmus der Homepage kompakter */
.mx-home{
  padding-top:26px!important;
  padding-bottom:38px!important;
}

.mx-section{
  margin-top:18px!important;
}

.mx-section-title{
  margin-top:0!important;
  margin-bottom:12px!important;
}

/* Die großen Raster sollen nicht künstlich auf gleiche Höhe gestreckt werden */
.mx-home-hero-grid,
.mx-data-grid,
.mx-bottom-grid,
.mx-tests-bench-grid{
  align-items:start!important;
}

.mx-testsystem-home,
.mx-big-benchmark{
  height:auto!important;
}

/* Featured bleibt nahezu unverändert, bekommt aber etwas ruhigere Proportionen */
.mx-home-hero-grid{
  gap:12px!important;
}

.mx-feature-card{
  min-height:370px!important;
}

.mx-feature-image,
.mx-feature-image img{
  min-height:370px!important;
}

.mx-feature-copy{
  padding:24px 26px!important;
}

.mx-feature-title{
  font-size:27px!important;
  line-height:1.11!important;
  max-width:500px!important;
}

/* Neueste Artikel:
   auto-fit nutzt vorhandene Beiträge besser aus.
   Sobald vier Beiträge existieren, entsteht wieder das 4er-Magazinraster. */
.mx-home-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
  gap:12px!important;
}

.mx-home-card{
  min-height:0!important;
}

.mx-card-copy h3{
  min-height:0!important;
}

/* Mittlerer Test-/Benchmark-Bereich dichter verzahnen */
.mx-data-grid{
  gap:12px!important;
}

.mx-tests-bench-grid{
  gap:12px!important;
}

.mx-panel{
  padding:16px!important;
}

.mx-big-benchmark{
  padding:18px!important;
}

.mx-side-stack{
  gap:12px!important;
}

/* Weniger unnötige Innenhöhe in Sidebar-Modulen */
.mx-newsletter p{
  margin-top:4px!important;
  margin-bottom:10px!important;
}

.mx-principles{
  gap:4px!important;
}

.mx-guide-links a{
  padding:8px 0!important;
}

/* Benchmark kompakter, ohne Lesbarkeit zu opfern */
.mx-bench-table th,
.mx-bench-table td{
  padding-top:8px!important;
  padding-bottom:8px!important;
}

.mx-bench-gains{
  margin-top:10px!important;
}

.mx-bench-gains div{
  padding:10px 6px!important;
}

/* Kategorien näher an den vorherigen Abschnitt ziehen */
.mx-category-grid{
  gap:12px!important;
}

.mx-category-card{
  min-height:124px!important;
}

/* Unterer News-/Guide-Bereich kompakter */
.mx-bottom-grid{
  gap:12px!important;
}

.mx-news-item{
  padding:8px 0!important;
}

.mx-featured-guide{
  min-height:330px!important;
  padding:26px!important;
}

/* Footer nicht so weit von der Homepage absetzen */
.mx-home + .mx-footer,
.mx-footer{
  margin-top:36px!important;
}

/* Große Desktops */
@media(min-width:1280px){
  .mx-home{
    padding-top:24px!important;
  }

  /* Bei genügend Artikeln klar vier Spalten; bei 1–3 Beiträgen
     verteilt auto-fit die vorhandenen Karten ohne leere starre Spalten. */
  .mx-home-cards{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  }
}

/* Tablet */
@media(max-width:1050px){
  .mx-section{
    margin-top:16px!important;
  }

  .mx-home-cards{
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  }

  .mx-feature-card{
    min-height:0!important;
  }
}

/* Mobile */
@media(max-width:599px){
  .mx-home{
    padding-top:12px!important;
    padding-bottom:28px!important;
  }

  .mx-section{
    margin-top:14px!important;
  }

  .mx-home-cards{
    grid-template-columns:1fr!important;
  }

  .mx-panel{
    padding:14px!important;
  }

  .mx-featured-guide{
    min-height:0!important;
    padding:20px!important;
  }
}


/* =========================================================
   MAEXOTRON v0.9.2 — Homepage Polish
   Drei gezielte Korrekturen nach Sichtprüfung von v0.9.1:
   1. Latest-Artikel bleiben echte Magazin-Karten.
   2. Mittelbereich wird höhenmäßig ausgeglichener/kompakter.
   3. Fehlerhafte diagonale Guide-Linie wird entfernt.
   ========================================================= */

/* ---------------------------------------------------------
   1) NEUESTE ARTIKEL
   Ein einzelner Beitrag darf niemals die ganze Zeile aufblasen.
   Desktop = festes 4er-Raster; freie Slots bleiben bewusst frei.
   --------------------------------------------------------- */
.mx-home-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}

.mx-home-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.mx-card-image{
  aspect-ratio:16/9!important;
  min-height:0!important;
}

.mx-card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* ---------------------------------------------------------
   2) MITTELBEREICH
   Die rechte Sidebar war sichtbar höher als Testsystem/Benchmark.
   Wir verdichten sie, damit Kategorien näher anschließen können,
   ohne mit der Sidebar zu kollidieren.
   --------------------------------------------------------- */
.mx-data-grid{
  align-items:start!important;
  gap:12px!important;
}

.mx-side-stack{
  gap:8px!important;
}

.mx-data-side .mx-panel{
  padding:12px!important;
}

.mx-data-side h3{
  margin-top:0!important;
  margin-bottom:8px!important;
  line-height:1.15!important;
}

.mx-newsletter p{
  margin:0 0 7px!important;
  line-height:1.35!important;
}

.mx-newsletter-row{
  min-height:34px!important;
}

.mx-newsletter-row span{
  padding:9px!important;
}

.mx-newsletter-row button{
  padding:0 11px!important;
}

.mx-newsletter small{
  margin-top:4px!important;
  line-height:1.25!important;
}

.mx-principles{
  gap:2px!important;
}

.mx-principles div{
  padding:1px 2px!important;
}

.mx-principles strong{
  font-size:9px!important;
  line-height:1.15!important;
}

.mx-principles small{
  font-size:7px!important;
  line-height:1.2!important;
}

.mx-guide-links a{
  padding:6px 0!important;
}

.mx-guide-links strong{
  line-height:1.15!important;
}

.mx-guide-links small{
  margin-top:2px!important;
  line-height:1.15!important;
}

/* Kategorien möglichst direkt nach Abschluss des Datenrasters */
.mx-data-grid + .mx-section{
  margin-top:12px!important;
}

/* ---------------------------------------------------------
   3) EMPFOHLENER GUIDE / CHART
   Die alte CSS-Skew-Linie konnte den Diagrammbereich verlassen.
   Sie wird komplett deaktiviert; Raster + Messpunkte bleiben.
   --------------------------------------------------------- */
.mx-guide-chart{
  overflow:hidden!important;
}

.mx-chart-grid{
  overflow:hidden!important;
}

.mx-chart-line{
  display:none!important;
}

/* Kleine Nachpolitur des unteren Bereichs */
.mx-category-grid + *,
.mx-bottom-grid{
  margin-top:12px!important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:1050px){
  .mx-home-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* Unterhalb Desktop gibt es keine problematische rechte Sidebar-Höhe mehr. */
  .mx-data-side .mx-panel{
    padding:14px!important;
  }
}

@media(max-width:599px){
  .mx-home-cards{
    grid-template-columns:1fr!important;
  }

  .mx-data-grid + .mx-section{
    margin-top:14px!important;
  }
}


/* =========================================================
   MAEXOTRON v0.9.3 — Layout Cleanup
   Root-cause fix for the remaining gap before "Kategorien".
   ========================================================= */

/*
   Ursache:
   .mx-data-grid enthält links Testsystem + Benchmark und rechts einen
   Stack aus drei Panels. In v0.9.2 war der rechte Stack deutlich höher.
   Die nächste vollbreite Section musste deshalb unter dessen Unterkante
   beginnen. Die scheinbare "Leerfläche" war also kein Margin-Fehler.

   Lösung:
   Sidebar-Inhalte werden auf Desktop redaktionell kompakter gesetzt,
   sodass beide Spalten annähernd gleich hoch enden.
*/
@media(min-width:1051px){

  .mx-data-grid{
    align-items:start!important;
  }

  .mx-side-stack{
    gap:6px!important;
  }

  .mx-data-side .mx-panel{
    padding:10px 12px!important;
  }

  .mx-data-side .mx-panel-title{
    margin:0 0 6px!important;
    font-size:13px!important;
    line-height:1.1!important;
  }

  /* Newsletter */
  .mx-newsletter p{
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  .mx-newsletter-row{
    min-height:30px!important;
  }

  .mx-newsletter-row span{
    padding:7px 8px!important;
    font-size:9px!important;
  }

  .mx-newsletter-row button{
    padding:0 9px!important;
    font-size:9px!important;
  }

  .mx-newsletter small{
    display:block;
    margin-top:3px!important;
    font-size:7px!important;
    line-height:1.15!important;
  }

  /* Prinzipien: gleiche Aussage, weniger vertikale Höhe */
  .mx-principles{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
  }

  .mx-principles div{
    padding:0 2px!important;
  }

  .mx-principles b{
    font-size:15px!important;
    line-height:1!important;
    margin-bottom:2px!important;
  }

  .mx-principles strong{
    font-size:8px!important;
    line-height:1.05!important;
  }

  .mx-principles span{
    font-size:6.5px!important;
    line-height:1.08!important;
    margin-top:2px!important;
  }

  /* Beliebte Guides: als kompakte redaktionelle Linkliste */
  .mx-guide-links a{
    padding:4px 0!important;
  }

  .mx-guide-links strong{
    font-size:9px!important;
    line-height:1.1!important;
  }

  .mx-guide-links span{
    font-size:7px!important;
    line-height:1.1!important;
    margin-top:1px!important;
  }

  .mx-panel-link-inline{
    margin-top:4px!important;
    padding-top:5px!important;
    font-size:8px!important;
  }

  /* Nach dem nun ausgeglichenen Datenraster nur echter Editorial-Abstand. */
  .mx-data-grid + .mx-section{
    margin-top:16px!important;
  }
}

/* Latest-Raster aus v0.9.2 bleibt bewusst unverändert. */
.mx-home-cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

/* Guide-Chart: zweite Absicherung gegen alte/zwischengespeicherte Linie. */
.mx-featured-guide .mx-chart-line{
  display:none!important;
}

/* Tablet / Mobil behalten die großzügigere Lesbarkeit. */
@media(max-width:1050px){
  .mx-data-grid + .mx-section{
    margin-top:18px!important;
  }
}


/* =========================================================
   MAEXOTRON v1.0.0 — Operational Publishing System
   ========================================================= */

/* Header claim is now the actual editorial line, not the old placeholder. */
.mx-brand-tagline{
  max-width:260px;
}

/* Honest empty states used by category-driven homepage modules. */
.mx-empty-state{
  background:var(--mx-white);
  border:1px dashed var(--mx-gray-200);
  border-radius:8px;
  padding:22px;
  color:var(--mx-gray-700);
  font-size:14px;
}
.mx-empty-state-compact{
  max-width:calc((100% - 36px)/4);
  min-height:130px;
  display:flex;
  align-items:center;
}
.mx-mini-empty{
  color:var(--mx-gray-700);
  font-size:11px;
  line-height:1.4;
}

/* Disabled newsletter in v1.0: visibly intentional, never a fake working form. */
.mx-newsletter-row button:disabled{
  cursor:not-allowed;
  opacity:.72;
}

/* Recommended guide fallback */
.mx-featured-guide-empty{
  min-height:250px!important;
  display:flex!important;
  align-items:center;
}
.mx-featured-guide-empty .mx-guide-content{
  max-width:520px;
}

/* Category/search pages become first-class parts of the system. */
.mx-archive-main{
  max-width:1280px!important;
  padding-top:48px;
  padding-bottom:64px;
}
.mx-archive-title{
  margin:0 0 10px!important;
  font-size:clamp(2rem,3vw,2.75rem)!important;
}
.mx-archive-description{
  max-width:760px;
  color:var(--mx-gray-700);
  margin-bottom:28px!important;
}
.mx-archive-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px!important;
  list-style:none;
  padding:0!important;
  margin:0!important;
}
.mx-archive-grid > li{
  margin:0!important;
}
.mx-archive-card{
  height:100%;
  background:var(--mx-white);
  border:1px solid var(--mx-gray-200);
  border-radius:8px;
  overflow:hidden;
  padding-bottom:18px;
}
.mx-archive-card > *:not(.mx-archive-image){
  margin-left:18px!important;
  margin-right:18px!important;
}
.mx-archive-image{
  margin:0 0 16px!important;
}
.mx-archive-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mx-archive-card-title{
  margin-top:7px!important;
  margin-bottom:8px!important;
  font-size:21px!important;
  line-height:1.18!important;
}
.mx-archive-card-title a{
  text-decoration:none;
}
.mx-archive-excerpt{
  color:var(--mx-gray-700);
  font-size:14px;
  line-height:1.5;
}
.mx-archive-excerpt p{
  margin-bottom:10px;
}
.mx-pagination{
  margin-top:28px!important;
  padding-top:18px;
  border-top:1px solid var(--mx-gray-200);
}

/* Search page */
.mx-search-page{
  max-width:650px;
  margin:0 0 28px!important;
}
.mx-search-page .wp-block-search__inside-wrapper{
  border:1px solid var(--mx-gray-200);
  border-radius:6px;
  overflow:hidden;
  background:var(--mx-white);
}
.mx-search-page input{
  border:0!important;
}
.mx-search-page button{
  background:var(--mx-gold)!important;
  color:var(--mx-black)!important;
  border:0!important;
}

/* Normal WordPress pages */
.mx-page-main{
  max-width:1120px!important;
  padding-top:56px;
  padding-bottom:72px;
}
.mx-page-title{
  max-width:900px;
  margin-bottom:30px!important;
}

/* 404 */
.mx-404{
  max-width:780px!important;
  padding-top:90px;
  padding-bottom:110px;
}
.mx-404 h1{
  font-size:clamp(2rem,4vw,3.2rem);
}
.mx-404 .wp-block-search{
  margin:26px 0!important;
}

/* v1.0 publishing logic: an empty Latest module should not create a huge hole. */
@media(min-width:1051px){
  .mx-empty-state-compact{
    max-width:calc((100% - 36px)/4);
  }
}

@media(max-width:1050px){
  .mx-archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mx-empty-state-compact{
    max-width:calc((100% - 12px)/2);
  }
}

@media(max-width:599px){
  .mx-archive-main{
    padding-top:28px;
    padding-bottom:42px;
  }
  .mx-archive-grid{
    grid-template-columns:1fr;
  }
  .mx-empty-state-compact{
    max-width:100%;
  }
  .mx-page-main{
    padding-top:32px;
    padding-bottom:48px;
  }
}


/* =========================================================
   MAEXOTRON v1.0.2 — Final Logo Integration
   Hybrid 01 / Goldverlauf
   ========================================================= */

/* The previous CSS approximation remains harmless in legacy editor previews,
   but the live header now uses the real production asset. */
.mx-brand-lockup-final{
  flex:0 0 auto!important;
  min-width:0;
}

.mx-final-brand{
  display:block;
  width:300px;
  max-width:100%;
  line-height:0;
  text-decoration:none!important;
}

.mx-final-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:62px;
  object-fit:contain;
  object-position:left center;
}

/* Keep the existing header geometry stable. */
.mx-header-light .mx-header-inner{
  min-height:82px;
}

.mx-brand-lockup-final + .mx-nav{
  margin-left:auto!important;
}

/* Tablet: preserve navigation space without collapsing the identity. */
@media(max-width:1180px){
  .mx-final-brand{
    width:255px;
  }

  .mx-final-brand img{
    max-height:54px;
  }

  .mx-header-light .mx-header-inner{
    gap:18px!important;
  }
}

/* Narrow layouts: compact logo, navigation overlay remains WordPress-native. */
@media(max-width:899px){
  .mx-final-brand{
    width:225px;
  }

  .mx-final-brand img{
    max-height:48px;
  }

  .mx-header-light .mx-header-inner{
    min-height:72px;
  }
}

@media(max-width:599px){
  .mx-final-brand{
    width:190px;
  }

  .mx-final-brand img{
    max-height:42px;
  }

  .mx-support-button{
    display:none!important;
  }
}


/* =========================================================
   MAEXOTRON v1.0.3 — Brand Polish
   Logo im bestehenden Header deutlich präsenter, ohne das
   Header-Raster oder die Homepage-Geometrie neu aufzubauen.
   ========================================================= */

@media(min-width:1181px){
  .mx-final-brand{
    width:350px!important;
  }

  .mx-final-brand img{
    max-height:70px!important;
  }

  .mx-header-light .mx-header-inner{
    min-height:86px!important;
  }

  .mx-brand-lockup-final{
    margin-right:10px!important;
  }
}

/* Large laptop / compact desktop */
@media(min-width:900px) and (max-width:1180px){
  .mx-final-brand{
    width:290px!important;
  }

  .mx-final-brand img{
    max-height:60px!important;
  }

  .mx-header-light .mx-header-inner{
    min-height:80px!important;
  }
}

/* Tablet */
@media(min-width:600px) and (max-width:899px){
  .mx-final-brand{
    width:245px!important;
  }

  .mx-final-brand img{
    max-height:52px!important;
  }

  .mx-header-light .mx-header-inner{
    min-height:74px!important;
  }
}

/* Mobile keeps identity visible without crowding controls */
@media(max-width:599px){
  .mx-final-brand{
    width:205px!important;
  }

  .mx-final-brand img{
    max-height:45px!important;
  }

  .mx-header-light .mx-header-inner{
    min-height:70px!important;
  }
}

/* Prevent the enlarged lockup from shrinking too aggressively in flex layouts. */
.mx-brand-lockup-final{
  flex-shrink:0!important;
}


/* =========================================================
   MAEXOTRON v1.0.4 — Corrected Logo Assets
   Uses the verified raster assets extracted from Logo v1.0.0.
   ========================================================= */

.mx-final-brand img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto;
}

/*
  The corrected v1.0.0 master has more intentional whitespace around the
  lockup than the previous reconstructed SVG. Slightly increase the rendered
  width so the visible logo keeps the v1.0.3 visual presence.
*/
@media(min-width:1181px){
  .mx-final-brand{
    width:375px!important;
  }
}

@media(min-width:900px) and (max-width:1180px){
  .mx-final-brand{
    width:310px!important;
  }
}

@media(min-width:600px) and (max-width:899px){
  .mx-final-brand{
    width:260px!important;
  }
}

@media(max-width:599px){
  .mx-final-brand{
    width:215px!important;
  }
}


/* =========================================================
   MAEXOTRON v1.0.5 — Native WordPress Logo Integration
   ========================================================= */

.mx-final-brand{
  display:block;
  line-height:0;
  text-decoration:none!important;
}

.mx-final-brand-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(min-width:1181px){
  .mx-final-brand{ width:375px!important; }
  .mx-final-brand-image{ max-height:72px!important; }
}

@media(min-width:900px) and (max-width:1180px){
  .mx-final-brand{ width:310px!important; }
  .mx-final-brand-image{ max-height:62px!important; }
}

@media(min-width:600px) and (max-width:899px){
  .mx-final-brand{ width:260px!important; }
  .mx-final-brand-image{ max-height:54px!important; }
}

@media(max-width:599px){
  .mx-final-brand{ width:215px!important; }
  .mx-final-brand-image{ max-height:46px!important; }
}


/* =========================================================
   MAEXOTRON v1.0.6 — Approved Matte Logo
   Official header asset, exact aspect ratio, no distortion.
   ========================================================= */

.mx-final-brand.mx-final-brand-official{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  line-height:0!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}

.mx-final-brand.mx-final-brand-official .mx-final-brand-image{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(min-width:1181px){
  .mx-final-brand.mx-final-brand-official .mx-final-brand-image{
    width:350px!important;
    max-width:350px!important;
  }
}

@media(min-width:900px) and (max-width:1180px){
  .mx-final-brand.mx-final-brand-official .mx-final-brand-image{
    width:300px!important;
    max-width:300px!important;
  }
}

@media(min-width:600px) and (max-width:899px){
  .mx-final-brand.mx-final-brand-official .mx-final-brand-image{
    width:255px!important;
    max-width:255px!important;
  }
}

@media(max-width:599px){
  .mx-final-brand.mx-final-brand-official .mx-final-brand-image{
    width:215px!important;
    max-width:215px!important;
  }
}


/* =========================================================
   MAEXOTRON v1.0.7 — Logo Gold Theme Sync
   Approved matte logo gold transferred to the UI.
   ========================================================= */
:root{
  --mx-gold:#E39F10;
  --mx-gold-hover:#E39F10;
  --mx-gold-soft:#E39F10;
}


/* =========================================================
   MAEXOTRON v1.0.8 — Exact Logo Gold Sync
   The approved header logo is the color authority.
   Sampled representative matte gold: #E39F10
   ========================================================= */
:root{
  --mx-gold:#E39F10;
  --mx-gold-hover:#E39F10;
  --mx-gold-soft:#E39F10;
}


/* =========================================================
   MAEXOTRON v1.0.9 — Mobile Homepage Repair
   Root cause: later desktop homepage rules overrode earlier mobile rules.
   These final rules are authoritative below 760px / 599px.
   ========================================================= */

@media(max-width:760px){

  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  .mx-home{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Every major homepage grid becomes a true single column. */
  .mx-home-hero-grid,
  .mx-feature-card,
  .mx-data-grid,
  .mx-tests-bench-grid,
  .mx-bottom-grid,
  .mx-featured-guide{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }

  .mx-home-hero-grid,
  .mx-data-grid,
  .mx-tests-bench-grid,
  .mx-bottom-grid{
    display:grid!important;
  }

  /* Featured story */
  .mx-feature-card{
    display:grid!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .mx-feature-image{
    order:-1!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }

  .mx-feature-image img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }

  .mx-feature-copy{
    width:auto!important;
    min-width:0!important;
    padding:20px 18px!important;
  }

  .mx-feature-title{
    max-width:none!important;
    overflow-wrap:anywhere;
  }

  /* Sidebars/panels must never retain desktop minimum widths. */
  .mx-home-side,
  .mx-data-main,
  .mx-data-side,
  .mx-side-stack,
  .mx-panel,
  .mx-big-benchmark,
  .mx-testsystem-home{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Tables may scroll inside their own card instead of widening the page. */
  .mx-bench-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .mx-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }

  .mx-home-cards{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}

@media(max-width:599px){

  .mx-home{
    width:calc(100% - 24px)!important;
    padding-top:12px!important;
  }

  .mx-feature-title{
    font-size:25px!important;
    line-height:1.12!important;
  }

  .mx-feature-excerpt{
    font-size:14px!important;
    line-height:1.6!important;
  }

  .mx-category-grid{
    grid-template-columns:1fr!important;
  }

  .mx-bench-gains{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mx-newsletter-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  .mx-news-item{
    grid-template-columns:86px minmax(0,1fr)!important;
  }
}


/* =========================================================
   MAEXOTRON v1.1.0 — Article System
   Reusable editorial components for Gutenberg.
   ========================================================= */

.mx-article-box,
.mx-note{
  box-sizing:border-box;
  margin:32px 0;
}

.mx-article-box{
  background:#fff;
  border:1px solid var(--mx-gray-200,#D9DCE0);
  border-radius:8px;
  padding:24px;
}

.mx-article-box > :first-child,
.mx-note > :first-child{
  margin-top:0;
}

.mx-article-box > :last-child,
.mx-note > :last-child{
  margin-bottom:0;
}

.mx-eyebrow{
  margin:0 0 8px!important;
  color:var(--mx-gold,#E39F10);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mx-muted{
  color:var(--mx-gray-700,#555A61);
  font-size:14px;
}

.mx-kurzfazit{
  border-left:4px solid var(--mx-gold,#E39F10);
  background:var(--mx-surface,#F7F7F6);
}

.mx-measure{
  text-align:left;
}

.mx-measure-value{
  margin:.1em 0 .25em!important;
  color:var(--mx-gold,#E39F10);
  font-size:clamp(40px,6vw,68px)!important;
  line-height:1!important;
}

.mx-keyfinding{
  background:#111;
  color:#fff;
  border-color:#111;
}

.mx-keyfinding h2,
.mx-keyfinding h3,
.mx-keyfinding h4{
  color:#fff;
}

.mx-keyfinding strong{
  color:var(--mx-gold,#E39F10);
}

.mx-rating-grid{
  gap:12px!important;
  margin:0!important;
}

.mx-rating-grid > .wp-block-column{
  min-width:0;
  padding:14px;
  border:1px solid var(--mx-gray-200,#D9DCE0);
  border-radius:6px;
  background:var(--mx-surface,#F7F7F6);
}

.mx-rating-grid p{
  margin:0;
}

.mx-article-box table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

.mx-article-box th,
.mx-article-box td{
  padding:12px 10px;
  border-bottom:1px solid var(--mx-gray-200,#D9DCE0);
  text-align:left;
  vertical-align:top;
}

.mx-article-box th{
  background:#F1F1EF;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.mx-benchmark-table .mx-highlight-row td,
.mx-sweetspot .mx-highlight-row td{
  color:#111;
  font-weight:700;
}

.mx-benchmark-table .mx-highlight-row td:first-child,
.mx-sweetspot .mx-highlight-row td:first-child{
  box-shadow:inset 4px 0 0 var(--mx-gold,#E39F10);
}

.mx-benchmark-table .mx-highlight-row td{
  background:rgba(227,159,16,.08);
}

.mx-sweetspot .mx-highlight-row td{
  background:rgba(227,159,16,.08);
}

.mx-note{
  padding:18px 20px;
  border-radius:6px;
  border:1px solid var(--mx-gray-200,#D9DCE0);
  border-left:4px solid #777;
  background:#fff;
}

.mx-note-info{
  border-left-color:#666;
  background:#F7F7F6;
}

.mx-note-warning{
  border-left-color:var(--mx-gold,#E39F10);
  background:rgba(227,159,16,.07);
}

.mx-note-tip{
  border-left-color:var(--mx-gold,#E39F10);
  background:#fff;
}

.mx-procontra{
  gap:18px!important;
  margin:32px 0!important;
}

.mx-procontra > .wp-block-column{
  min-width:0;
}

.mx-transparency{
  background:#F7F7F6;
}

.mx-conclusion{
  border-top:3px solid var(--mx-gold,#E39F10);
}

/* Article tables stay inside the content column on smaller screens. */
.mx-article-box .wp-block-table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

@media(max-width:760px){
  .mx-article-box{
    margin:24px 0;
    padding:18px;
  }

  .mx-note{
    margin:24px 0;
    padding:16px;
  }

  .mx-rating-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mx-procontra{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .mx-article-box table{
    min-width:560px;
  }

  .mx-testsystem table,
  .mx-specs table{
    min-width:0;
  }
}

@media(max-width:480px){
  .mx-rating-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   MAEXOTRON v1.1.5 — Article Components Repair & Premium UI
   Visual reference: proven pre-v1.1.0 article component direction.
   Homepage/header/mobile base are intentionally untouched.
   ========================================================= */

.mx-v115-card,
.mx-v115-dark,
.mx-note,
.mx-procontra-box{
  box-sizing:border-box;
}

.mx-v115-card{
  margin:30px 0!important;
  padding:24px!important;
  border:1px solid #d9dce0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.mx-component-label{
  margin:0 0 10px!important;
  color:#E39F10!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

.mx-v115-card h2,
.mx-v115-card h3{
  margin-top:0!important;
  color:#1a1c20;
}

/* Kurzfazit */
.mx-kurzfazit.mx-v115-card{
  border-left:4px solid #E39F10!important;
  background:#f7f7f6!important;
}

/* Dark signature components — restored premium direction */
.mx-v115-dark{
  margin:30px 0!important;
  padding:24px!important;
  border:1px solid #111!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#111214 0%,#1a1c20 100%)!important;
  color:#f7f7f6!important;
}

.mx-v115-dark .mx-component-label{
  color:#E39F10!important;
}

.mx-v115-dark h2,
.mx-v115-dark h3,
.mx-v115-dark p,
.mx-v115-dark strong{
  color:#f7f7f6!important;
}

.mx-keyfinding.mx-v115-dark{
  border-left:4px solid #E39F10!important;
}

.mx-measure.mx-v115-dark,
.mx-messwert.mx-v115-dark{
  position:relative;
  overflow:hidden;
}

.mx-measure.mx-v115-dark::after,
.mx-messwert.mx-v115-dark::after{
  content:"";
  position:absolute;
  right:20px;
  top:22px;
  width:54px;
  height:2px;
  background:#E39F10;
  box-shadow:0 8px 0 rgba(227,159,16,.55),0 16px 0 rgba(227,159,16,.24);
  transform:skewX(-35deg);
  pointer-events:none;
}

.mx-measure-value,
.mx-messwert-number{
  margin:5px 0 12px!important;
  color:#fff!important;
  font-size:clamp(42px,6vw,64px)!important;
  line-height:.96!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

/* Impression */
.mx-impression.mx-v115-card{
  padding-bottom:20px!important;
}

.mx-rating-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:2px 0 0!important;
}

.mx-rating-grid > .wp-block-column{
  min-width:0!important;
  padding:14px 14px 10px!important;
  border:0!important;
  border-right:1px solid #e5e7ea!important;
  border-radius:0!important;
  background:transparent!important;
}

.mx-rating-grid > .wp-block-column:last-child{
  border-right:0!important;
}

.mx-rating-label{
  margin:0 0 9px!important;
  color:#555a61!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

.mx-rating-value{
  margin:0!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1!important;
}

.mx-rating-note{
  margin:16px 0 0!important;
  padding-top:14px;
  border-top:1px solid #e5e7ea;
  color:#6a6f76!important;
  font-size:12.5px!important;
}

/* Tables */
.mx-v115-card .wp-block-table{
  width:100%;
  margin:14px 0 0!important;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.mx-v115-card table{
  width:100%!important;
  border-collapse:collapse!important;
  font-size:13px!important;
}

.mx-v115-card th,
.mx-v115-card td{
  padding:11px 10px!important;
  border:0!important;
  border-bottom:1px solid #e1e3e6!important;
  vertical-align:middle!important;
}

.mx-v115-card th{
  background:#eef0f2!important;
  color:#25282d!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}

.mx-testsystem td:first-child,
.mx-specs td:first-child{
  width:38%;
  color:#22252a;
  font-weight:700;
}

.mx-benchmark td:not(:first-child),
.mx-benchmark th:not(:first-child),
.mx-sweetspot td:not(:first-child),
.mx-sweetspot th:not(:first-child){
  text-align:right!important;
}

/* The inserted demo pattern's second row is the highlighted sweetspot.
   No custom <tr> class is used, keeping the core/table markup Gutenberg-safe. */
.mx-benchmark.mx-v115-card tbody tr:nth-child(2),
.mx-sweetspot.mx-v115-card tbody tr:nth-child(2){
  background:rgba(227,159,16,.08)!important;
  box-shadow:inset 4px 0 0 #E39F10;
}

.mx-benchmark.mx-v115-card tbody tr:nth-child(2) td,
.mx-sweetspot.mx-v115-card tbody tr:nth-child(2) td{
  color:#16181b!important;
}

.mx-benchmark-note{
  margin:13px 0 0!important;
  color:#555a61!important;
  font-size:13px!important;
}

/* Methodik */
.mx-method ul{
  margin:12px 0 0!important;
  padding-left:20px!important;
}

.mx-method li{
  margin:5px 0;
}

/* Pro / Contra */
.mx-procontra,
.mx-procontra-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:30px 0!important;
}

.mx-procontra > .wp-block-column{
  min-width:0!important;
}

.mx-procontra-box{
  height:100%;
  margin:0!important;
  padding:22px!important;
  border:1px solid #d9dce0!important;
  border-radius:8px!important;
  background:#fff!important;
}

.mx-procontra-box h3{
  margin:0 0 12px!important;
  font-size:20px!important;
}

.mx-pro-box{
  border-top:3px solid #E39F10!important;
}

.mx-contra-box{
  border-top:3px solid #777c84!important;
}

.mx-procontra-box ul{
  margin:0!important;
  padding-left:20px!important;
}

/* Notes */
.mx-note{
  margin:26px 0!important;
  padding:16px 18px!important;
  border:1px solid #d9dce0!important;
  border-left:4px solid #6d7279!important;
  border-radius:6px!important;
  background:#f7f7f6!important;
}

.mx-note p{
  margin:0!important;
}

.mx-note-warning{
  border-left-color:#E39F10!important;
  background:rgba(227,159,16,.07)!important;
}

.mx-note-tip{
  border-left-color:#E39F10!important;
  background:#fff!important;
}

/* Transparency / conclusion */
.mx-transparency.mx-v115-card{
  border-style:dashed!important;
  background:#fafafa!important;
  color:#555a61!important;
}

.mx-conclusion.mx-v115-card{
  border-top:3px solid #E39F10!important;
}

/* Mobile */
@media(max-width:760px){
  .mx-v115-card,
  .mx-v115-dark{
    margin:24px 0!important;
    padding:18px!important;
  }

  .mx-rating-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mx-rating-grid > .wp-block-column{
    border-right:0!important;
    border-bottom:1px solid #e5e7ea!important;
  }

  .mx-procontra,
  .mx-procontra-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:24px 0!important;
  }

  .mx-v115-card .wp-block-table{
    overflow-x:auto!important;
  }

  .mx-benchmark table,
  .mx-sweetspot table{
    min-width:620px!important;
  }

  .mx-testsystem table,
  .mx-specs table{
    min-width:0!important;
  }

  .mx-measure.mx-v115-dark::after,
  .mx-messwert.mx-v115-dark::after{
    right:14px;
    top:18px;
    width:38px;
  }
}

@media(max-width:480px){
  .mx-rating-grid{
    grid-template-columns:1fr!important;
  }

  .mx-rating-grid > .wp-block-column:last-child{
    border-bottom:0!important;
  }
}