/* A clear front page and one readable rubric at a time. Original articles stay intact. */
.pepper-reader-layout{background:#100b10}
.pepper-reader-layout .paper-header,.pepper-reader-layout .page-width{width:min(1240px,calc(100% - 64px))}
.pepper-reader-layout .utility{padding:16px 0;font-size:11px;letter-spacing:.06em}
.pepper-reader-layout .masthead{padding:19px 0 22px;gap:24px}
.pepper-reader-layout .masthead-title{font-size:clamp(46px,7.5vw,104px);line-height:1;letter-spacing:-.055em}
.pepper-reader-layout .masthead-note{font-size:17px;line-height:1.3}
.pepper-reader-layout .masthead-note b{font-size:10px;margin-top:9px}
.pepper-reader-layout .masthead-rule{display:none}
.pepper-reader-layout .paper-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:0;border-top:1px solid #755063;border-bottom:1px solid #755063;overflow:visible}
.pepper-reader-layout .paper-nav a{padding:15px 8px;font-size:12px;text-align:center;letter-spacing:.03em;border:0;white-space:normal}
.pepper-reader-layout .paper-nav a:hover{color:#ff94bf;background:#2a1320}
.pepper-reader-layout .frontpage{padding:36px 0 42px}
.issue-front{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}
.issue-intro{min-width:0;padding:20px 0}
.issue-date{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#ccb3c0;line-height:1.6}
.issue-date>span{background:#ff087d;padding:5px 9px;color:white;font-weight:bold;letter-spacing:.03em}
.issue-strap{font-size:10px;letter-spacing:.14em;color:#e5afc9;margin:28px 0 12px}
.issue-intro h1{font:400 clamp(43px,5vw,76px)/1.02 Georgia,serif;letter-spacing:-.06em;margin:0;color:#fff3ec}
.issue-intro h1 em{color:#ff8fbd;font-weight:400}
.issue-summary{font:16px/1.65 Arial,sans-serif;color:#d0bcc7;max-width:30em;margin:22px 0}
.issue-start{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e80972;color:white;padding:18px 22px;max-width:360px;font:bold 16px/1.2 Arial,sans-serif;border:1px solid #ff8dbc;box-shadow:5px 5px 0 #55112f}
.issue-start:hover{background:#ff168b}.issue-browse{display:block;font:13px/1.5 Arial,sans-serif;color:#e7c1d4;margin-top:21px;text-decoration:underline;text-underline-offset:5px}
.issue-signature{display:block;font:italic 26px/1.2 Georgia,serif;color:#e4a3c0;margin-top:32px;transform:rotate(-4deg);transform-origin:left}
.issue-portrait{position:relative;margin:0;min-width:0;overflow:hidden;aspect-ratio:4/4.5;border:1px solid #89516c}
.issue-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.issue-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#190b18e8);padding:45px 18px 20px;color:#ffe5ed;font-size:10px;letter-spacing:.14em}
.reader-directory{padding:42px 0 52px;border-top:1px solid #684153}
.directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:35px}
.directory-heading h2{font-size:clamp(33px,4vw,52px);line-height:1.05}.directory-heading>p{font-size:13px;color:#c6afbc;line-height:1.6}
.directory-heading .kicker{font-size:10px;margin-bottom:10px}
.directory-group{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;padding:32px 0;border-top:1px solid #503343;scroll-margin-top:24px}
.directory-group-heading h3{font:400 27px/1.15 Georgia,serif;letter-spacing:-.035em;color:#f6d6e5;margin:0 0 10px}
.directory-group-heading p{font:13px/1.6 Arial,sans-serif;color:#bda5b2;max-width:24em}
.directory-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.directory-link{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:10px;align-items:start;padding:18px 0;min-width:0;border-bottom:1px solid #48303e}
.directory-number{font-size:10px;line-height:2;color:#e970a7}.directory-link strong{display:block;font:600 16px/1.25 Arial,sans-serif;color:#fff3f8;margin-bottom:7px}.directory-link small{display:block;font:12px/1.6 Arial,sans-serif;color:#bda5b2}.directory-arrow{font:23px/1 Arial,sans-serif;color:#ff82b6}
.directory-link:hover strong{color:#ff91c1}.directory-link:hover .directory-arrow{transform:translate(3px,-3px)}
.directory-archive{display:flex;justify-content:space-between;gap:24px;padding:25px 0;border-top:1px solid #78506a;color:#ffc1df}
.directory-archive strong{display:block;font:400 25px/1.2 Georgia,serif;margin-bottom:8px}.directory-archive small{font-size:12px;color:#c0a9b7}
.reader-ready .reader-section[hidden],.reader-toolbar[hidden],.reader-pagination[hidden]{display:none!important}
.reader-ready:not(.is-reading) .closing{display:none}
.reader-ready.is-reading .frontpage,.reader-ready.is-reading .reader-directory,.reader-ready.is-reading .closing{display:none}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 0 22px;border-bottom:1px solid #644052;scroll-margin-top:12px}
.reader-toolbar>a{font:bold 13px/1.4 Arial,sans-serif;color:#ff94c3}.reader-position{font:12px/1.5 Arial,sans-serif;color:#cbb6c0;text-align:right}
.reader-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:26px 0 38px;border-top:1px solid #684153}
.reader-pagination a{font:bold 14px/1.5 Arial,sans-serif;color:#ffc1dd;padding:15px 0}.reader-pagination a:last-child{text-align:right}
.reader-ready .reader-section{padding-top:42px;padding-bottom:45px}
.reader-ready .reader-section .section-heading{margin-bottom:26px}
.reader-ready .reader-section .section-number{display:none}
.reader-ready .reader-section .section-heading h2{font-size:clamp(35px,4vw,58px)}
.reader-ready .reader-section p{line-height:1.8}
.reader-ready #redaktion{margin-top:0}
.reader-ready .opinion-copy{max-width:68ch}.reader-ready .column-grid article{min-width:0}
.reader-ready .reader-section h2[tabindex="-1"]:focus{outline:none}
@media(max-width:760px){
 .pepper-reader-layout .paper-header,.pepper-reader-layout .page-width{width:calc(100% - 32px)}
 .pepper-reader-layout .utility{font-size:9px;padding:12px 0}.pepper-reader-layout .utility>span:nth-child(2){display:none}
 .pepper-reader-layout .masthead{padding:17px 0}.pepper-reader-layout .masthead-title{font-size:clamp(42px,12vw,76px)}
 .pepper-reader-layout .paper-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.pepper-reader-layout .paper-nav a{font-size:10px;line-height:1.4;min-height:45px;padding:14px 3px}
 .pepper-reader-layout .frontpage{padding:23px 0 30px}.issue-front{display:flex;flex-direction:column;gap:0;align-items:stretch;position:relative}
 .issue-intro{padding:0}.issue-date{font-size:10px;margin-bottom:18px}.issue-strap{display:none}
 .issue-intro h1{font-size:clamp(39px,10.7vw,61px);line-height:1.04;letter-spacing:-.055em}.issue-intro h1 br:first-child{display:none}
 .issue-summary{font-size:14px;line-height:1.6;margin:16px 0}.issue-start{padding:15px 17px;max-width:none;font-size:15px}.issue-browse{font-size:12px;margin-top:17px}.issue-signature{display:none}
 .issue-portrait{margin-top:26px;aspect-ratio:1.65}.issue-portrait img{object-position:50% 23%}.issue-portrait figcaption{font-size:8px;padding:24px 13px 12px}
 .reader-directory{padding-top:28px}.directory-heading{display:block;margin-bottom:25px}.directory-heading h2{font-size:34px}.directory-heading>p{font-size:12px;margin-top:15px}.directory-heading>p br{display:none}
 .directory-group{display:block;padding:26px 0}.directory-group-heading h3{font-size:25px}.directory-group-heading p{font-size:12px;max-width:none;margin-bottom:12px}
 .directory-links{grid-template-columns:1fr;gap:0}.directory-link{padding:16px 0;grid-template-columns:25px minmax(0,1fr) 20px}.directory-link strong{font-size:16px}.directory-link small{font-size:12px}
 .reader-toolbar{padding:20px 0;gap:10px}.reader-toolbar>a{font-size:12px}.reader-position{font-size:10px;max-width:46%}
 .reader-pagination{gap:20px;padding:20px 0}.reader-pagination a{font-size:12px}
 .reader-ready .reader-section{padding-top:30px;padding-bottom:35px}.reader-ready .reader-section .section-heading h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.directory-arrow{transition:none;transform:none!important}}

.pepper-reader-layout #inhalt:focus,.pepper-reader-layout .reader-directory [tabindex="-1"]:focus{outline:none}
