Heise modern by baerbeisser

/* ==UserStyle==
@name       restyle.heise.modern
@version    20250114.16.00
@namespace  ?
==/UserStyle== */

@-moz-document domain("heise.de"), domain("techstage.de"), domain("tr-review.de"), domain("t3n.de") {
/*
==UserCSS==
@name             restyle.heise.modern
@namespace        placeholder.ch
@match            https://www.heise.de/*
@match            https://www.techstage.de/*
@match            https://www.tr-review.de/*
@match            https://www.t3n.de/*
@version          3.0
@author           Beerbeisser
@run-at           document_idle
==/UserCSS==
*/
/*
* heise.de Material 3.0
*/
body.ho.a-theme,
body#pre-akwa,
.a-theme--autos {
	background: transparent !important;
	background-color: transparent !important;
    padding: 0 0.3rem;
}

/* crap */
a-analytics,
a-ad,
aside.recommendations,
span.js-rating-chart__wrapper,
.rating_buttons_wrapper,
.bottom_up,
.heiseplus-logo,
.top-topics__ad,
.article-sidebar,
.a-layout__sidebar,
.a-article-action--pocket,
.a-layout--bg-grey.a-layout,
.a-layout--transparent.a-layout,
div.a-layout:nth-of-type(5),
div.a-layout:nth-of-type(6),
body.ho.a-theme div.ad-container,
body.ho.a-theme a-collapse.a-box,
#container_content aside#teaser_sockel.cgroup,
#container div.ldb-sky-container,
div#bottum-up.a-layout div.a-layout__sidebar,
div.stage--heiseplus,
#mitte.cgroup::before,
#mitte.cgroup::after,
#mitte_links .us_hbs,
article#meldung aside,
article#meldung a-paternoster,
article#meldung div.articlebox,
article#meldung figure.branding,
article#meldung a-iframe.pvg-widget,
article#meldung .collapse-box:not([unstyled]),
section#artikel_archiv.newsticker-archiv li.archiv-liste__item--sponsored,
.teaser-grid--3.top-stage__row--5,
.header__content
  {
	display: none !important;
}

/*
* header
* fix for too wide content (scrollbar) */
.topnavigation__content {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* searchbar */
.topnavigation-search,
.topnavigation-search__container,
#heisetopnavi_search {
    background-color: transparent !important;
    background-image: none !important;
    border: none;
}
.topnavigation-search__input,
.topnavigation-search__input:focus {
    border-bottom: 1px solid #323232;
}

/* titlebar */
.navigation__item {
    padding: initial !important;
    margin: 0 0.5rem !important;
}
.navigation__item:nth-child(1) {
    margin-left: 0px !important;
}
.header__nav {
    border-bottom: none !important;
}
.navigation__head:not(.sitemap-group__header) {
    padding-bottom: unset !important;
}
.a-layout {
    padding: inherit;
}

/* topthemes-bar */
.a-tag,
.top-topics__label,
.navigation__list {
    background-color: transparent !important;
    font-weight: bold;
}

/* ticker */
.date-picker__list {
    background-color: transparent !important;
    border-left: .0625rem solid #c7c7c7 !important;
    border-right: .0625rem solid #c7c7c7 !important;
}
.a-article-teaser__content-container {
    padding-left: 1em !important;
}
.archive__link:hover {
    background-color: transparent !important;
}

/*
* Article-header
*/
#hdtb-msb {
	min-width: unset !important;
	width: 100%;
}
.article-image__gallery-container {
    max-width: 35%;
    width: auto;
    min-width: 20rem;
    float: right;
    margin-top: -3rem;
}
.a-article-header__service {
    justify-content: flex-start !important;
}
.a-article-header__publish-info {
    float: left;
}
div.bbcode_v1 p, .legacy, .post {
    font-size: inherit !important;
}

/*
 * login
 */
.wrapper--small {
    max-width: 45rem;
}

/*
* content
*mainpage too small or images too big */
.a-layout__main {
    width: max-content !important;
}
.legacy-img {
    width: auto !important;
}
.teaser-grid--2 {
    grid-template-columns: repeat(3,1fr) !important;
}

/* ugly border in main page */
.stage--top {
    border-bottom: none !important;
}

#container_content #mitte_links {
	width: calc(100% - 1.5rem * 2) !important;
}
div#bottum-up.a-layout div.a-layout__main,
section#artikel_archiv section {
	width: 100% !important;
}
#thread div.bbcode_v1 p,
div#bottum-up.a-layout,
div#bottum-up div#thread div.post,
article#meldung header,
article#meldung div.article-layout__content {
	width: auto !important;
	max-width: 55rem !important;
}
.article-content p a {
    font-weight: bold;
}
.article-content p a:hover {
    color: #039 !important;
}
.article-content p a:focus {
    text-decoration: underline !important;
}

.a-lightbox__caption {
    background: transparent;
    padding: 0.5rem;
    border-bottom: 1px solid lightgrey;
    box-shadow: grey 0px 1px 10px;
}

/* image aspect-ratio fucked up */
a-img {
    --aspect-ratio-width: unset !important;
    --aspect-ratio-height: unset !important;
}

.video {
    max-width: 40rem;
    margin: auto;
}
#posting_create #input_subject,
#posting_create #msg_subject,
#posting_create textarea,
#user_private_message #input_subject,
#user_private_message #msg_subject,
#user_private_message textarea {
    width: 100% !important;
}

/* forum list */
.thread_list--posting_element .latest_posting_thread_info {
  width: 50rem !important;
}

.thread_list--posting_element .latest_posting_thread_info h3 a {
    font-weight: 600;
    text-decoration: none;
    color: #323232;
}
.thread_list--posting_element .latest_posting_thread_info h3 ahover {
    color: #039
}
.first.username > strong,
.time {
    font-weight: normal !important;
    padding-right: 1rem;
}

/*
* random fixes
*
* weird, but works */
a-bilderstrecke {
    padding: 1px;
}
/* the fuck?! */
a:any-link {
    user-select: text !important;
}


/* tr-review
* titlebar */
#tr-header .main li a {
    padding: 0 0.625rem !important;
}
#neueste_meist .tabs {
    border-top: .0625rem solid #c7c7c7 !important;
}

/* ugly line in content */
#mitte_links,
#mitte_rechts {
    margin-bottom: -5px !important;
    padding-bottom: 0px !important;
    background-color: transparent !important;
}


/* techstage.de */
body {
    background: transparent;
}
[class*="ring-widget"] {
    display: none;
}
.article-body-text p {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.ring-grid-left-box,
.col-lg-2 {
    max-width: 100% !important;
    margin-left: calc((50vw - 65rem) / 2)
}
.container,
.col-lg-10 {
    max-width: 65rem;
}


/* t3n.de */
body { background: transparent; }
.u-content-small { padding-left: 0; }

.o-wrapper__container,
.o-wrapper__content {
    width: auto;
    max-width: 55rem;
    margin: 0 auto;
}
.o-wrapper__container {
    outline: none;
}

.o-grid__main {
    width: auto;
}

.u-background-lighter {
    background: transparent;
}

#adbox,
[class*="-ad"],
[class^="outbrain-wrapper"],
.o-grid__sidebar {
    display: none;
}
}