.m-wrapper
.m-menu–bottom
> .m-item–login.is-open
> .m-wrapper {
width: 100% !important;
position: unset !important;
right: unset !important;
top: unset !important;
background: unset !important;
}
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–login.is-open
> .m-wrapper
> .m-loginbox {
box-shadow: unset !important;
padding-left: 0 !important;
}
/* DEV-1057 */
.mod-nav .m-user {
font-size: 16px;
line-height: 1.3;
padding: 25px 25px 0;
font-weight: 700;
color: #4d555a;
text-align: left;
font-family: „Roboto Condensed“;
}
/* SALE-133 */
[data-layout=“desktop“] .smartad {
margin-left: 20px;
}
/* DEV-1220 – Abstand Fix für Datawrapper*/
p > iframe[id^=“datawrapper“],
.is-empty + iframe[id^=“datawrapper“],
p + iframe[id^=“datawrapper“] {
margin-top: 20px;
}
/* CON-1897 Anpassung [mobil]: Umpositionierung Buttons Partner */
[data-layout=“mobile“][data-state=“is-loggedout“]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container,
[data-layout=“mobile“][data-state=“is-loggedin“]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container {
display: none !important;
}
[data-layout=“mobile“]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo {
height: 35px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: none;
right: 9px;
position: relative;
}
[data-layout=“mobile“]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
a {
padding-right: 2px;
padding-left: 2px;
padding-top: 14px;
}
[data-layout=“mobile“]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
span {
background-color: #fff;
padding: 0px 9px;
border-radius: 64px;
color: #e20613;
font-family: „Roboto Condensed“;
}
/* New twitter Icon einbauen */
.m-follow .social.x-tw a {
width: 100%;
height: 100%;
background-image: url(https://www.esslinger-zeitung.de/staticcontent/esslinger_zeitung/assets/img/social-x-twitter.png);
background-size: contain;
}
/* EGM-1104 [Google News] Folgen-Button einbauen */
.m-follow .social.gn a {
width: 100%;
height: 100%;
background-image: url(https://www.esslinger-zeitung.de/staticcontent/common/img/social-google-news.png);
background-size: contain;
}
/* SALE-188 MHS Digital zu swmn Logo umtauschen */
html:not([data-layout=“mobile“]) a.mhsd-partner-link[dark]:before,
html[data-layout=“mobile“] a.mhsd-partner-link[dark]:before {
content: url(/staticcontent/common/svg/swmn_80.svg);
}
html[data-layout=“mobile“] a.mhsd-partner-link {
margin-right: 60px;
margin-left: 0px;
}
@media only screen and (max-width: 370px) {
html[data-layout=“mobile“] a.mhsd-partner-link {
margin-right: 55px;
}
}
@media only screen and (max-width: 768px) {
.mod-header > .m-wrapper > .m-logo {
padding-left: 10px;
}
}
:root {
–color-primary: #e20613;
/* –color-primary-dark: ; */
–color-primary-light: #f97777;
–color-primary-lighter: #fdedee;
/* –color-secondary: ; */
–color-alert: #990000;
–color-bodytext: #4d555a;
–color-gray: #666666;
–color-gray-alt: #e7e7e7;
–color-shadow: rgba(41, 41, 41, 0.16);
/* –color-primary-darkmode:;
–color-primary-dark-darkmode:;
–color-gray-darkmode:;
–color-bodytext-darkmode:; */
}
/* EGM-1451 SWMN-Logo reduzieren */
html[data-layout=“mobile“] a.mhsd-partner-link[dark]::before {
content: „“;
display: inline-block;
width: 41px;
height: 9px;
background-image: url(„/staticcontent/common/svg/swmn_80.svg“);
background-size: contain;
}
[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
position: relative;
top: 8px;
}
iframe[src*=“youtube“] {
max-width: 100% !important;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
/* EGM-1718 – Themenlinks */
.art-tags {
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding-top: 16px !important;
margin: 16px 0;
max-width: calc(100% – 40px);
position: relative;
left: 20px;
}
.art-tags a {
color: var(–color-bodytext);
font-size: 16px;
line-height: 26px;
background-color: transparent !important;
margin: 0 20px 20px 0 !important;
padding: 0;
border-bottom: 3px solid var(–color-primary);
display: block;
float: left;
}
[data-layout=“mobile“] .art-tags {
max-width: 100%;
left: 0;
}
/* GROW-436 – Themenlinks */
.most-read {
gap: 14px !important;
margin: 30px 0 0;
display: flex !important;
flex-direction: column;
}
.most-read .appetizer-bottom-wrapper,
.most-read figure {
display: none;
}
.most-read .item {
width: 100% !important;
margin-bottom: 0 !important;
border-bottom: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.most-read .item:after,
.most-read .item + .item:before {
display: none !important;
}
.most-read .appetizer-title {
font-size: 18px !important;
line-height: 23px !important;
margin-bottom: 0 !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.most-read .appetizer-kicker {
font-size: 17px !important;
line-height: 25px !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 0 !important;
}
.most-read h4 {
color: var(–color-bodytext);
font-size: 16px !important;
font-weight: 700;
line-height: 26px;
margin-bottom: 2px !important;
border-bottom: none;
padding-bottom: 16px;
border-bottom: 1px solid #cdcdcd;
display: block;
}
/* EGM-1936 – Abo-Button mobil + tablet ausblenden */
[data-alias=“https://www.esslinger-zeitung.de/impressum“] .snippet,
[data-alias=“https://www.esslinger-zeitung.de/impressum“] .m-item-abo {
display: none !important;
}
]]]]>]]>