/* ==========================================================================
   TRUEPUBLISHING · HOME SELF CARD 1A
   SELF zwischen Weltenpass und TrueWriter
   ========================================================================== */

.tp-home-feature-cards {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 1.14fr) minmax(0, 1fr);
    width: min(76rem, 100%);
    gap: 0.9rem;
}

.tp-home-feature-card--self {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.3rem;
    grid-template-rows: 1fr;
    align-items: stretch;
    gap: 0.9rem;
    min-height: 10rem;
    border-color: rgba(201, 148, 93, 0.42);
    background:
        radial-gradient(circle at 88% 12%, rgba(88, 122, 152, 0.18), transparent 15rem),
        radial-gradient(circle at 8% 100%, rgba(201, 148, 93, 0.10), transparent 16rem),
        linear-gradient(135deg, rgba(7, 16, 25, 0.985), rgba(10, 25, 36, 0.99));
}

.tp-home-feature-card--self::before {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(201, 148, 93, 0.88),
        rgba(238, 227, 206, 0.72),
        transparent
    );
}

.tp-home-feature-card--self::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 52%, rgba(4, 10, 15, 0.18) 100%);
}

.tp-home-self-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.8rem;
}

.tp-home-self-topline {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
}

.tp-home-feature-card--self .tp-home-feature-kicker {
    color: #d6a66f;
}

.tp-home-self-release {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    padding: 0.24rem 0.46rem;
    border: 1px solid rgba(201, 148, 93, 0.24);
    border-radius: 999px;
    background: rgba(201, 148, 93, 0.055);
    color: rgba(238, 227, 206, 0.72);
    font-size: 0.56rem;
    font-weight: 650;
    letter-spacing: 0.055rem;
    line-height: 1.15;
    white-space: nowrap;
}

.tp-home-self-release::before {
    content: "";
    width: 0.34rem;
    height: 0.34rem;
    flex: 0 0 0.34rem;
    border-radius: 50%;
    background: #c9945d;
    box-shadow: 0 0 0 0.22rem rgba(201, 148, 93, 0.09);
}

.tp-home-feature-card--self .tp-home-feature-title {
    max-width: 15rem;
    color: #eee3ce;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    font-weight: 400;
    letter-spacing: -0.015rem;
    line-height: 1.13;
    text-transform: none;
}

.tp-home-feature-card--self .tp-home-feature-meta {
    max-width: 18rem;
    color: rgba(244, 240, 231, 0.66);
    font-size: 0.72rem;
    line-height: 1.5;
    letter-spacing: 0.018rem;
}

.tp-home-self-bottom {
    align-items: center;
    gap: 0.65rem;
}

.tp-home-feature-card--self .tp-home-feature-tags span {
    border-color: rgba(201, 148, 93, 0.18);
    background: rgba(238, 227, 206, 0.035);
    color: rgba(238, 227, 206, 0.76);
}

.tp-home-feature-card--self .tp-home-feature-tags span::before {
    color: #c9945d;
}

.tp-home-feature-card--self .tp-home-feature-button {
    border-color: rgba(238, 227, 206, 0.36) !important;
    background:
        linear-gradient(135deg, rgba(238, 227, 206, 0.98), rgba(213, 195, 163, 0.94));
    box-shadow:
        0 0.7rem 1.7rem rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.48);
    color: #09131b !important;
}

.tp-home-feature-card--self .tp-home-feature-button:hover {
    box-shadow:
        0 0.9rem 2rem rgba(201, 148, 93, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.tp-home-self-cover {
    position: relative;
    align-self: center;
    justify-self: end;
    width: 5rem;
    aspect-ratio: 4 / 5;
    border: 0;
    perspective: 900px;
    text-decoration: none !important;
}

.tp-home-self-cover::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0.38rem;
    right: -0.34rem;
    bottom: 0.38rem;
    width: 0.58rem;
    border-radius: 0 0.28rem 0.28rem 0;
    background: linear-gradient(90deg, #9d9485, #eee4d0 58%, #aaa08f);
    box-shadow: 0.4rem 0.5rem 0.9rem rgba(0, 0, 0, 0.25);
    transform: rotateY(-6deg);
}

.tp-home-self-cover img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.22rem 0.48rem 0.48rem 0.22rem;
    box-shadow:
        0 0.9rem 1.8rem rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.07);
    transform: perspective(900px) rotateY(-7deg);
    transform-origin: left center;
    transition:
        transform 0.22s ease,
        filter 0.22s ease,
        box-shadow 0.22s ease;
}

.tp-home-feature-card--self:hover .tp-home-self-cover img {
    transform: perspective(900px) rotateY(-3deg) translateY(-0.08rem);
    filter: brightness(1.05);
    box-shadow:
        0 1.15rem 2.15rem rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(255, 255, 255, 0.10);
}

@media screen and (max-width: 1080px) {
    .tp-home-feature-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(58rem, 100%);
    }

    .tp-home-feature-card--truewriter {
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 736px) {
    .tp-home-feature-cards {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .tp-home-feature-card--truewriter {
        grid-column: auto;
    }

    .tp-home-feature-card--self {
        grid-template-columns: minmax(0, 1fr) 4.8rem;
        gap: 0.8rem;
    }

    .tp-home-self-cover {
        width: 4.5rem;
    }

    .tp-home-feature-card--self .tp-home-feature-title {
        font-size: 1.12rem;
    }
}

@media screen and (max-width: 440px) {
    .tp-home-feature-card--self {
        grid-template-columns: minmax(0, 1fr) 4.25rem;
    }

    .tp-home-self-cover {
        width: 4rem;
    }

    .tp-home-self-release {
        white-space: normal;
    }

    .tp-home-feature-card--self .tp-home-feature-meta {
        font-size: 0.68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tp-home-self-cover img {
        transition: none;
    }

    .tp-home-feature-card--self:hover .tp-home-self-cover img {
        transform: perspective(900px) rotateY(-7deg);
    }
}

/* TP_HOME_NAV_V02_HOME – scoped to the homepage by main.js */
body.tp-home-v02 #header .tp-quick-nav { display: none !important; }

/* Five feature cards: keep familiar Weltenpass / SELF / TrueWriter styling. */
body.tp-home-v02 .tp-home-feature-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .9rem;
  width: min(76rem,100%);
  max-width: 100%;
}
body.tp-home-v02 .tp-home-feature-card { min-width: 0; min-height: 11.6rem; }
body.tp-home-v02 .tp-home-feature-card--truewriter { grid-column: auto; }
body.tp-home-v02 .tp-home-feature-card--truewriter .tp-home-feature-bottom {
  flex-wrap: wrap;
  gap: .65rem;
  align-items: flex-end;
}
body.tp-home-v02 .tp-home-feature-card--truewriter .tp-home-feature-tags { flex: 1 1 11rem; }
body.tp-home-v02 .tp-home-feature-card--truewriter .tp-home-feature-button { margin-left: auto; }

/* New cards share the global feature-card language but have their own accents. */
body.tp-home-v02 .tp-home-feature-card--bibliosphaere {
  border-color: rgba(218,185,113,.50);
  background: radial-gradient(circle at 90% 0,rgba(199,151,65,.15),transparent 17rem),
              linear-gradient(135deg,rgba(31,36,38,.98),rgba(17,23,29,.99));
}
body.tp-home-v02 .tp-home-feature-card--bibliosphaere .tp-home-feature-kicker { color:#e0bc77; }
body.tp-home-v02 .tp-home-feature-card--bookstagram {
  border-color: rgba(198,102,178,.50);
  background: radial-gradient(circle at 100% 0,rgba(175,80,158,.20),transparent 15rem),
              radial-gradient(circle at 0 100%,rgba(234,132,93,.09),transparent 13rem),
              linear-gradient(135deg,rgba(22,22,39,.99),rgba(19,25,38,.99));
}
body.tp-home-v02 .tp-home-feature-card--bookstagram .tp-home-feature-kicker { color: #eab5d8; }
body.tp-home-v02 .tp-home-feature-card--bookstagram .tp-home-feature-tags span::before { color:#e2a0ce; }
body.tp-home-v02 .tp-home-feature-card--bookstagram .tp-home-feature-button {
  background: linear-gradient(120deg,#a688f2,#df76c1,#edac7a);
  color:#131722!important; border-color:rgba(255,197,225,.70)!important;
}
body.tp-home-v02 .tp-home-feature-bottom { flex-wrap: wrap; }
body.tp-home-v02 .tp-home-feature-tags { flex: 1 1 8rem; }
body.tp-home-v02 .tp-home-feature-button { max-width:100%; white-space: normal; }

/* Only homepage magazine teaser, desktop: picture left / copy right. */
@media screen and (min-width: 737px) {
  body.tp-home-v02 .magazine-teaser-card {
    display: grid;
    grid-template-columns: minmax(11rem,32%) minmax(0,1fr);
    align-items: stretch;
    width: min(70rem,100%);
    min-height: 11rem;
    margin-inline:auto;
    gap: 0;
  }
  body.tp-home-v02 .magazine-teaser-image {
    width: 100%; min-height: 11rem; height: 100%; aspect-ratio: auto;
    background-size: cover; background-position:center;
  }
  body.tp-home-v02 .magazine-teaser-body { min-width:0; padding: 1rem 1.3rem; }
  body.tp-home-v02 .magazine-teaser-body h3 { margin:0 0 .55rem; font-size:clamp(1.05rem,1.5vw,1.4rem); }
}
@media screen and (min-width: 737px) and (max-width: 1080px) {
  body.tp-home-v02 .tp-home-feature-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.tp-home-v02 .tp-home-feature-card--truewriter { grid-column: auto; }
}

/* Single fully-visible mobile card with horizontal snap-scrolling. */
body.tp-home-v02 .tp-home-v02-dots { display:none; }
@media screen and (max-width: 736px) {
  body.tp-home-v02 .tp-home-feature-cards {
    display:flex;
    flex-wrap: nowrap;
    gap:0;
    width:100%;
    max-width: 100%;
    margin:0 auto .55rem;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.tp-home-v02 .tp-home-feature-cards::-webkit-scrollbar {display:none;}
  body.tp-home-v02 .tp-home-feature-cards > .tp-home-feature-card {
    box-sizing:border-box;
    flex:0 0 100%;
    width:100%; min-width:0; max-width:100%;
    grid-column:auto;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    margin:0;
    min-height:14rem;
    height:auto;
    padding:1rem;
    transform:none;
  }
  body.tp-home-v02 .tp-home-feature-cards > .tp-home-feature-card:hover {transform:none;}
  body.tp-home-v02 .tp-home-feature-card--truewriter .tp-home-feature-bottom {
    flex-wrap:wrap;
  }
  body.tp-home-v02 .tp-home-feature-bottom {align-items:flex-end;flex-direction:row;}
  body.tp-home-v02 .tp-home-feature-button {width:auto;max-width:100%;}
  body.tp-home-v02 .tp-home-v02-dots {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:.6rem;
    margin:0 auto 1.4rem;
  }
  body.tp-home-v02 .tp-home-v02-dot {
    display:block;
    width:.55rem;
    height:.55rem;
    min-width:.55rem;
    min-height:.55rem;
    padding:0;
    border:1px solid rgba(255,255,255,.55);
    border-radius:50%;
    background:rgba(255,255,255,.14);
    box-shadow:none;
    cursor:pointer;
    transition: background .2s ease,transform .2s ease;
  }
  body.tp-home-v02 .tp-home-v02-dot[aria-current="true"] {
    background:#dfbd71; transform:scale(1.23);
  }
  body.tp-home-v02 .tp-home-v02-dot:focus-visible {outline:2px solid #fff;outline-offset:3px;}
}
@media (max-width: 440px) {
  body.tp-home-v02 .tp-home-feature-card--self { grid-template-columns:minmax(0,1fr) 4.25rem; }
  body.tp-home-v02 .tp-home-feature-cards > .tp-home-feature-card { min-height:15rem; }
  body.tp-home-v02 .tp-home-feature-bottom {align-items:stretch; flex-direction:column; }
  body.tp-home-v02 .tp-home-feature-button {width:100%;}
}
@media (prefers-reduced-motion:reduce) {
  body.tp-home-v02 .tp-home-feature-cards {scroll-behavior:auto;}
  body.tp-home-v02 .tp-home-v02-dot {transition:none;}
}
/* /TP_HOME_NAV_V02_HOME */

/* TP_HOME_NAV_V03_HOME – homepage refinement after V02 */
body.tp-home-v03 .tp-home-feature-cards {
  width: min(78rem, 100%);
  gap: 1rem;
}
body.tp-home-v03 .tp-home-feature-card {
  min-height: 11rem;
}
body.tp-home-v03 .tp-home-feature-card--community {
  border-color: rgba(114, 163, 208, .48);
  background:
    radial-gradient(circle at 100% 0, rgba(72, 121, 176, .21), transparent 16rem),
    radial-gradient(circle at 0 100%, rgba(104, 174, 148, .08), transparent 14rem),
    linear-gradient(135deg, rgba(17, 25, 33, .99), rgba(9, 17, 24, .995));
}
body.tp-home-v03 .tp-home-feature-card--community .tp-home-feature-kicker { color: #9fc4ea; }
body.tp-home-v03 .tp-home-feature-card--community .tp-home-feature-tags span::before { color: #9fc4ea; }
body.tp-home-v03 .tp-home-feature-card--community .tp-home-feature-button {
  background: linear-gradient(135deg, #e8f0fb 0%, #aac7ea 58%, #7ba5d3 100%);
  border-color: rgba(222,236,255,.8) !important;
  color: #122033 !important;
}
body.tp-home-v03 .tp-home-feature-card--bibliosphaere .tp-home-feature-button,
body.tp-home-v03 .tp-home-feature-card--bookstagram .tp-home-feature-button,
body.tp-home-v03 .tp-home-feature-card--community .tp-home-feature-button {
  white-space: nowrap;
}

/* Magazine teaser: flatter, more compact, no cropped artwork on desktop. */
@media screen and (min-width: 737px) {
  body.tp-home-v03 .magazine-teaser-card {
    display: grid;
    grid-template-columns: minmax(13rem, 15.5rem) minmax(0, 1fr);
    gap: 1.1rem;
    width: min(60rem, 100%);
    min-height: 0;
    padding: 1rem 1.05rem;
    align-items: center;
  }
  body.tp-home-v03 .magazine-teaser-image {
    width: 100%;
    min-height: 0;
    height: 100%;
    aspect-ratio: 4 / 5;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(11, 17, 22, .42);
    border-radius: 10px;
  }
  body.tp-home-v03 .magazine-teaser-body {
    padding: .2rem 0;
  }
  body.tp-home-v03 .magazine-teaser-body h3 {
    margin: 0 0 .5rem;
    font-size: clamp(1rem, 1.28vw, 1.26rem);
    line-height: 1.35;
  }
  body.tp-home-v03 .magazine-teaser-body p {
    margin: 0 0 .85rem;
    line-height: 1.55;
  }
}

/* Mobile carousel: always one clean card, tags as pills instead of stretched ovals. */
@media screen and (max-width: 736px) {
  body.tp-home-v03 .tp-home-feature-cards {
    margin-bottom: .55rem;
  }
  body.tp-home-v03 .tp-home-feature-cards > .tp-home-feature-card {
    min-height: 0;
    padding: 1rem;
  }
  body.tp-home-v03 .tp-home-feature-bottom,
  body.tp-home-v03 .tp-home-feature-card--truewriter .tp-home-feature-bottom {
    align-items: stretch;
    flex-direction: column;
    gap: .8rem;
  }
  body.tp-home-v03 .tp-home-feature-tags {
    flex: 0 1 auto;
    width: 100%;
    gap: .42rem;
    align-items: flex-start;
  }
  body.tp-home-v03 .tp-home-feature-tags span {
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
    padding: .34rem .58rem;
    border-radius: 999px;
    white-space: nowrap;
    align-self: flex-start;
  }
  body.tp-home-v03 .tp-home-feature-button {
    width: 100%;
    max-width: 100%;
  }
  body.tp-home-v03 .tp-home-feature-card--self {
    grid-template-columns: minmax(0, 1fr) 4.6rem;
  }
}
@media screen and (max-width: 440px) {
  body.tp-home-v03 .tp-home-feature-card--self {
    grid-template-columns: minmax(0, 1fr) 4.1rem;
  }
  body.tp-home-v03 .tp-home-feature-card--self .tp-home-feature-meta,
  body.tp-home-v03 .tp-home-feature-meta {
    font-size: .69rem;
  }
  body.tp-home-v03 .tp-home-feature-title {
    font-size: 1rem;
  }
}
/* /TP_HOME_NAV_V03_HOME */

/* TP_HOME_LAYOUT_V04_CSS – server-rendered homepage, no overlaying JS cards */
body.tp-home-v04 .platform-update-banner { margin-bottom: .65rem !important; }
body.tp-home-v04 .tp-home-hero-actions {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: .75rem; width: min(76rem,100%); max-width:100%; margin: .2rem auto 1.6rem;
}
body.tp-home-v04 .tp-home-hero-action {
  display: inline-flex; align-items: center; justify-content:center; gap:.6rem;
  min-height: 2.9rem; min-width: 13rem; max-width:100%; padding:.78rem 1.3rem;
  border:1px solid rgba(238,207,122,.78) !important; border-radius:10px;
  background:linear-gradient(135deg,rgba(15,24,31,.98),rgba(8,15,21,.99));
  box-shadow: 0 .75rem 1.8rem rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.06);
  color:#f0d68d !important; font-family:'Source Sans Pro',Arial,sans-serif;
  font-size:.78rem; font-weight:700; letter-spacing:.13rem; line-height:1.25;
  text-align:center; text-decoration:none !important; text-transform:uppercase; white-space:normal;
  cursor:pointer; transition:filter .2s ease,transform .2s ease;
}
body.tp-home-v04 .tp-home-hero-action:hover { filter:brightness(1.12);transform:translateY(-1px); }
body.tp-home-v04 .tp-home-hero-action:focus-visible { outline:2px solid #fff;outline-offset:3px; }
body.tp-home-v04 #header { margin:0 auto 1.25rem; min-height:0; max-height:none; }
body.tp-home-v04 #header .content { max-width:100%; }
body.tp-home-v04 #header .content .inner { max-height:none !important; overflow:visible !important; padding:1rem clamp(.2rem,1.4vw,.8rem); }
body.tp-home-v04 #header .tp-quick-nav,
body.tp-home-v04 #header .content .inner > ul.actions.special { display:none !important; }
body.tp-home-v04 #header .tp-home-feature-cards {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(76rem,100%); gap:.9rem; margin:0 auto; text-align:left;
}
body.tp-home-v04 .tp-home-feature-card {
  box-sizing:border-box; min-width:0; min-height:11.25rem; padding:1rem 1.1rem;
  display:flex; flex-direction:column; justify-content:flex-start; gap:.6rem;
}
body.tp-home-v04 .tp-home-feature-card-top { min-width:0; }
body.tp-home-v04 .tp-home-feature-bottom {
  display:flex; align-items:flex-end; justify-content:space-between;
  flex-direction:row; flex-wrap:wrap; gap:.6rem; margin-top:auto;
}
body.tp-home-v04 .tp-home-feature-tags {
  display:flex; flex:0 1 auto; flex-wrap:wrap; align-items:center; align-content:flex-start;
  gap:.35rem; width:auto; min-width:0;
}
body.tp-home-v04 .tp-home-feature-tags span {
  display:inline-flex; flex:0 0 auto; align-items:center; align-self:auto;
  min-width:0; min-height:1.4rem; height:auto; padding:.22rem .47rem;
  border-radius:999px; white-space:normal; font-size:.64rem;
}
body.tp-home-v04 .tp-home-feature-button {
  flex:0 0 auto; width:auto; max-width:100%; min-width:0;
  min-height:2.55rem; padding:.6rem .78rem; white-space:normal; margin-left:auto;
}
body.tp-home-v04 .tp-home-feature-card--truewriter .tp-home-feature-bottom { gap:.6rem; }
body.tp-home-v04 .tp-home-feature-card--self {
  display:grid; grid-template-columns:minmax(0,1fr) 4.6rem;
  gap:.65rem; align-items:stretch;
}
body.tp-home-v04 .tp-home-feature-card--self .tp-home-self-copy {gap:.65rem;}
body.tp-home-v04 .tp-home-feature-card--self .tp-home-feature-bottom {margin-top:auto;}
body.tp-home-v04 .tp-home-feature-card--self .tp-home-self-cover {width:4.2rem;}
body.tp-home-v04 .tp-home-feature-card--bibliosphaere {
  border-color:rgba(218,185,113,.5);
  background: radial-gradient(circle at 90% 0,rgba(199,151,65,.15),transparent 17rem),linear-gradient(135deg,rgba(31,36,38,.98),rgba(17,23,29,.99));
}
body.tp-home-v04 .tp-home-feature-card--bibliosphaere .tp-home-feature-kicker {color:#e0bc77;}
body.tp-home-v04 .tp-home-feature-card--bookstagram {
  border-color:rgba(198,102,178,.52);
  background:radial-gradient(circle at 100% 0,rgba(175,80,158,.2),transparent 15rem),linear-gradient(135deg,rgba(22,22,39,.99),rgba(19,25,38,.99));
}
body.tp-home-v04 .tp-home-feature-card--bookstagram .tp-home-feature-kicker {color:#eab5d8;}
body.tp-home-v04 .tp-home-feature-card--bookstagram .tp-home-feature-tags span::before {color:#e2a0ce;}
body.tp-home-v04 .tp-home-feature-card--bookstagram .tp-home-feature-button {background:linear-gradient(120deg,#a688f2,#df76c1,#edac7a);color:#131722!important;}
body.tp-home-v04 .tp-home-feature-card--community {
  border-color:rgba(114,163,208,.48);
  background:radial-gradient(circle at 100% 0,rgba(72,121,176,.21),transparent 16rem),linear-gradient(135deg,rgba(17,25,33,.99),rgba(9,17,24,.995));
}
body.tp-home-v04 .tp-home-feature-card--community .tp-home-feature-kicker,
body.tp-home-v04 .tp-home-feature-card--community .tp-home-feature-tags span::before {color:#9fc4ea;}
body.tp-home-v04 .tp-home-feature-card--community .tp-home-feature-button {
  background:linear-gradient(135deg,#e8f0fb,#aac7ea 58%,#7ba5d3);
  border-color:rgba(222,236,255,.8)!important;color:#122033!important;
}
body.tp-home-v04 .tp-home-v04-dots {display:none;}

/* MAGAZIN: long, flat horizontal ARTICLE STRIP, not a tall feature block. */
@media screen and (min-width:737px) {
  body.tp-home-v04 #magazin.tp-home-section {
    box-sizing:border-box; width:min(76rem,100%); max-width:76rem;
    min-height:0; margin:1.6rem auto; padding:.85rem 1rem 1rem;
  }
  body.tp-home-v04 #magazin > h2.tp-section-heading,
  body.tp-home-v04 #magazin > h2.major {
    margin:0 auto .65rem; font-size:1.08rem; line-height:1.2; letter-spacing:.24rem;
  }
  body.tp-home-v04 #magazin > h2::before {width:.35rem;height:.35rem;margin-bottom:.4rem;}
  body.tp-home-v04 #magazin .magazine-teaser-card {
    box-sizing:border-box; display:grid; grid-template-columns:11.5rem minmax(0,1fr);
    align-items:center; gap:1rem; width:100%; max-width:none;
    min-height:0; height:auto; margin:0; padding:.6rem .8rem;
    border-radius:9px;
  }
  body.tp-home-v04 #magazin .magazine-teaser-image {
    display:block; width:11.5rem; height:7.4rem; min-height:0;
    align-self:center; aspect-ratio:auto; background-size:contain;
    background-repeat:no-repeat; background-position:center;
    background-color:rgba(5,10,16,.28); border-radius:7px;
  }
  body.tp-home-v04 #magazin .magazine-teaser-body {min-width:0; padding:0;}
  body.tp-home-v04 #magazin .magazine-teaser-body h3 {
    font-size:clamp(.98rem,1.3vw,1.17rem); line-height:1.3; letter-spacing:.05rem;
    margin:0 0 .36rem;
  }
  body.tp-home-v04 #magazin .magazine-teaser-body p {
    font-size:.86rem; line-height:1.45; margin:0 0 .48rem;
  }
  body.tp-home-v04 #magazin .magazine-teaser-body ul.actions {margin:0; padding:0;}
  body.tp-home-v04 #magazin .magazine-teaser-body li {padding:0;}
  body.tp-home-v04 #magazin .magazine-teaser-body .button {
    min-height:2.1rem; padding:.4rem .8rem;font-size:.66rem;letter-spacing:.11rem;
  }
}
@media screen and (min-width:737px) and (max-width:1050px) {
  body.tp-home-v04 #header .tp-home-feature-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:736px) {
  body.tp-home-v04 .tp-home-hero-actions {width:100%;gap:.52rem; margin:.15rem auto 1rem;}
  body.tp-home-v04 .tp-home-hero-action {width:100%; min-width:0; min-height:2.65rem; padding:.7rem .95rem;}
  body.tp-home-v04 #header {width:100%;margin:0 auto .6rem;}
  body.tp-home-v04 #header .content {width:100%;}
  body.tp-home-v04 #header .content .inner {padding:.8rem 0;max-height:none!important;}
  body.tp-home-v04 #header .tp-home-feature-cards {
    display:flex; flex-wrap:nowrap; width:100%; max-width:100%; gap:0;
    align-items:flex-start; margin:0 auto .35rem;
    overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  body.tp-home-v04 #header .tp-home-feature-cards::-webkit-scrollbar {display:none;}
  body.tp-home-v04 #header .tp-home-feature-cards > .tp-home-feature-card {
    box-sizing:border-box; flex:0 0 100%; width:100%; max-width:100%;min-width:0;
    min-height:0; height:auto; margin:0; padding:.95rem 1rem;
    display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start;
    gap:.65rem; scroll-snap-align:start;scroll-snap-stop:always;transform:none;
  }
  body.tp-home-v04 #header .tp-home-feature-cards > .tp-home-feature-card:hover {transform:none;}
  body.tp-home-v04 .tp-home-feature-bottom,
  body.tp-home-v04 .tp-home-feature-card--truewriter .tp-home-feature-bottom {
    margin-top:.3rem;gap:.68rem; align-items:stretch;
    flex-direction:column;flex-wrap:nowrap;
  }
  body.tp-home-v04 .tp-home-feature-tags {flex:0 0 auto;width:100%;align-items:flex-start;}
  body.tp-home-v04 .tp-home-feature-tags span {flex:0 0 auto;min-height:1.4rem;height:auto;padding:.26rem .5rem;}
  body.tp-home-v04 .tp-home-feature-button {display:flex; width:100%;max-width:100%;margin:0;min-height:2.65rem;}
  body.tp-home-v04 #header .tp-home-feature-card--self {
    position:relative;display:block;min-height:0;
  }
  body.tp-home-v04 .tp-home-feature-card--self .tp-home-self-copy {display:block;}
  body.tp-home-v04 .tp-home-feature-card--self .tp-home-feature-card-top {padding-right:5rem;}
  body.tp-home-v04 .tp-home-feature-card--self .tp-home-self-bottom {margin-top:1rem;}
  body.tp-home-v04 .tp-home-feature-card--self .tp-home-self-cover {
    position:absolute; width:4.15rem;top:3.45rem;right:.92rem;align-self:auto;
  }
  body.tp-home-v04 .tp-home-feature-card--self .tp-home-feature-title {max-width:none;}
  body.tp-home-v04 #header .tp-home-v04-dots {
    display:flex;justify-content:center;align-items:center;gap:.5rem;
    margin:.65rem auto .85rem;
  }
  body.tp-home-v04 .tp-home-v04-dot {
    display:block; flex:0 0 .52rem;width:.52rem;min-width:.52rem;height:.52rem;min-height:.52rem;
    border:1px solid rgba(255,255,255,.55);border-radius:50%;padding:0;
    background:rgba(255,255,255,.12);box-shadow:none;cursor:pointer;
  }
  body.tp-home-v04 .tp-home-v04-dot[aria-current="true"] {background:#dfbd71;transform:scale(1.2);}
  body.tp-home-v04 #magazin.tp-home-section {padding:1rem .78rem;}
  body.tp-home-v04 #magazin .magazine-teaser-card {margin:0;padding:.65rem;display:block;}
  body.tp-home-v04 #magazin .magazine-teaser-image {
    background-size:contain;background-repeat:no-repeat;background-position:center;
    width:100%;aspect-ratio:16/9;max-height:11rem;min-height:0;
  }
  body.tp-home-v04 #magazin .magazine-teaser-body {padding:.7rem .35rem .35rem;}
  body.tp-home-v04 #magazin .magazine-teaser-body h3 {font-size:1rem;line-height:1.35;}
}
@media (prefers-reduced-motion:reduce) {
  body.tp-home-v04 .tp-home-hero-action {transition:none;}
  body.tp-home-v04 #header .tp-home-feature-cards {scroll-behavior:auto;}
}
/* /TP_HOME_LAYOUT_V04_CSS */