/* dekorsi.de */
:root{
  --ink:#4E1D24;
  --ink-deep:#3B1319;
  --text:#2B2124;
  --text-soft:#6B5A55;
  --paper:#F6F0E4;
  --paper-2:#ECE2D0;
  --gold:#D8B38A;
  --siena:#8A5A3C;
  --line:#DCD0BB;
  --maxw:1160px;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:var(--serif);font-size:17.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.sans{font-family:var(--sans);letter-spacing:-.025em;font-weight:700;}
a{color:inherit;}
img{max-width:100%;height:auto;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.schmal-block{max-width:760px;}

/* Kopf */
.topbar{position:sticky;top:0;z-index:50;background:var(--ink-deep);color:var(--paper);
  border-bottom:1px solid rgba(216,179,138,.3);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:24px;}
.brand{font-family:var(--sans);font-weight:700;font-size:1.02rem;text-decoration:none;letter-spacing:-.025em;}
.brand span{color:var(--gold);}
.nav{display:flex;gap:22px;font-family:var(--sans);font-size:.84rem;font-weight:500;}
.nav a{text-decoration:none;opacity:.82;padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap;}
.nav a:hover,.nav a:focus-visible{opacity:1;border-bottom-color:var(--gold);}
.nav a.hier{opacity:1;border-bottom-color:var(--gold);}
.menu{display:none;background:none;border:1px solid rgba(216,179,138,.5);color:var(--paper);
  font-family:var(--sans);font-size:.82rem;padding:7px 14px;cursor:pointer;}
@media(max-width:940px){
  .topbar .wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;}
  .menu{display:block;}
  .nav{display:none;flex-direction:column;gap:0;width:100%;}
  .nav.offen{display:flex;}
  .nav a{padding:12px 0;border-bottom:1px solid rgba(216,179,138,.2);}
}

/* Hero */
.hero{background:var(--ink);color:var(--paper);padding:76px 0 84px;}
.hero .wrap{display:grid;grid-template-columns:1.3fr .8fr;gap:56px;align-items:end;}
.hero h1{margin:0 0 22px;font-size:clamp(3rem,7.4vw,5.6rem);line-height:.95;letter-spacing:-.04em;}
.rolle{font-family:var(--sans);font-weight:500;font-size:.88rem;color:var(--gold);margin:0 0 28px;}
.claim{font-size:1.3rem;line-height:1.5;max-width:32ch;color:rgba(246,240,228,.88);margin:0 0 34px;}
.aktionen{display:flex;flex-wrap:wrap;gap:14px;}
.btn{font-family:var(--sans);font-size:.87rem;font-weight:700;text-decoration:none;
  padding:13px 24px;border:1px solid var(--gold);cursor:pointer;display:inline-block;letter-spacing:-.01em;}
.btn-voll{background:var(--gold);color:var(--ink);}
.btn-voll:hover{background:#E5C6A4;}
.btn-leer{color:inherit;}
.btn-leer:hover{background:rgba(216,179,138,.16);}
.bildnachweis{font-family:var(--sans);font-size:.7rem;margin:8px 0 0;color:rgba(246,240,228,.45);}
.bildnachweis.dunkel{color:var(--text-soft);}
@media(max-width:940px){
  .hero{padding:52px 0 58px;}
  .hero .wrap{grid-template-columns:1fr;gap:34px;}
  .hero .bild{max-width:320px;}
}

/* Seitenkopf */
.seitenkopf{background:var(--ink);color:var(--paper);padding:58px 0 50px;}
.seitenkopf h1{margin:0 0 14px;font-size:clamp(2.1rem,4.8vw,3.4rem);line-height:1.02;letter-spacing:-.035em;}
.seitenkopf p{margin:0;max-width:62ch;color:rgba(246,240,228,.84);font-size:1.1rem;}
.seitenkopf a{color:var(--gold);}

/* Aktuell */
.aktuell{background:var(--paper-2);border-bottom:1px solid var(--line);}
.aktuell .wrap{display:grid;grid-template-columns:repeat(3,1fr);}
.kachel{padding:26px 30px 28px;border-left:1px solid var(--line);text-decoration:none;display:block;}
.kachel:first-child{border-left:0;padding-left:0;}
.kachel:hover{background:rgba(138,90,60,.08);}
.medium{font-family:var(--sans);font-size:.73rem;font-weight:700;color:var(--siena);margin:0 0 7px;}
.kachel h3{margin:0 0 4px;font-size:1.04rem;line-height:1.32;color:var(--ink);}
.kachel time{font-size:.85rem;color:var(--text-soft);}
@media(max-width:940px){
  .aktuell .wrap{grid-template-columns:1fr;}
  .kachel{border-left:0;border-top:1px solid var(--line);padding:22px 0;}
  .kachel:first-child{border-top:0;}
}

/* Abschnitte */
section{padding:80px 0;}
section.band{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.kopfzeile{margin-bottom:34px;max-width:62ch;}
.kopfzeile h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.08;margin:0 0 12px;color:var(--ink);}
.kopfzeile p{margin:0;color:var(--text-soft);font-size:1.06rem;}

.themen{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.thema h3{font-size:1.14rem;margin:0 0 10px;padding-top:16px;border-top:2px solid var(--ink);color:var(--ink);}
.thema p{margin:0;color:var(--text-soft);font-size:1rem;}
@media(max-width:940px){.themen{grid-template-columns:1fr;gap:30px;}}

/* Filter */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.filter button{font-family:var(--sans);font-size:.84rem;font-weight:500;background:none;
  border:1px solid var(--line);color:var(--text-soft);padding:9px 17px;cursor:pointer;}
.filter button:hover{border-color:var(--siena);color:var(--ink);}
.filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}

/* Liste */
.liste.schmal{max-width:840px;}
.jahr{font-family:var(--sans);font-weight:700;font-size:.9rem;color:var(--siena);
  margin:44px 0 0;padding-bottom:8px;border-bottom:1px solid var(--line);}
.eintrag{display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:baseline;
  padding:19px 0;border-bottom:1px solid var(--line);}
.eintrag .datum{font-family:var(--sans);font-size:.82rem;color:var(--text-soft);}
.titel{font-size:1.1rem;font-weight:600;line-height:1.38;text-decoration:none;color:var(--ink);}
a.titel:hover{color:var(--siena);text-decoration:underline;text-underline-offset:3px;}
.quelle{display:block;font-size:.92rem;color:var(--text-soft);margin-top:3px;font-weight:400;}
.print{font-family:var(--sans);font-size:.69rem;font-weight:700;color:var(--siena);
  border:1px solid var(--line);padding:1px 6px;margin-left:4px;}
.rubrik{font-family:var(--sans);font-size:.72rem;font-weight:500;color:var(--text-soft);
  white-space:nowrap;border:1px solid var(--line);padding:5px 11px;}
@media(max-width:940px){
  .eintrag{grid-template-columns:1fr;gap:4px;}
  .rubrik{justify-self:start;margin-top:8px;}
}
.mehr{margin:34px 0 0;font-family:var(--sans);font-size:.9rem;font-weight:700;}
.mehr a{color:var(--siena);}
.hinweis{margin:32px 0 0;font-size:.92rem;color:var(--text-soft);}
.leer{border:1px solid var(--line);background:var(--paper);padding:40px;text-align:center;color:var(--text-soft);}
.leer p{margin:0;}

/* Breitbild */
.breitbild{margin:0 0 46px;}
.breitbild img{width:100%;height:auto;}

/* Textseiten */
.textspalte{max-width:680px;}
.textspalte .lead{font-size:1.24rem;line-height:1.52;color:var(--ink);}
.textspalte h2{font-size:1.44rem;margin:2em 0 .5em;color:var(--ink);}
.zweispalt{display:grid;grid-template-columns:1.4fr .7fr;gap:56px;align-items:start;}
@media(max-width:940px){.zweispalt{grid-template-columns:1fr;gap:34px;}}
ul.klar{list-style:none;padding:0;margin:0;}
ul.klar li{padding:13px 0;border-bottom:1px solid var(--line);}
.buehne-liste{margin:0 0 22px;}
.buehne-liste div{padding:12px 0;border-bottom:1px solid var(--line);font-size:1rem;}
.buehne-liste span{font-family:var(--sans);font-size:.8rem;color:var(--text-soft);display:block;}

/* Formular */
.formular{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:start;}
.feld{margin-bottom:20px;}
.feld label{display:block;font-family:var(--sans);font-size:.85rem;font-weight:700;margin-bottom:6px;color:var(--ink);}
.feld input[type=text],.feld input[type=email],.feld select,.feld textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line);background:#FDFAF3;
  font-family:var(--serif);font-size:1rem;color:var(--text);}
.feld textarea{resize:vertical;}
.feld input:focus,.feld select:focus,.feld textarea:focus{outline:2px solid var(--siena);outline-offset:1px;}
.feld.haken{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:26px 0;}
.feld.haken label{font-family:var(--serif);font-size:.94rem;font-weight:400;line-height:1.5;color:var(--text-soft);}
.feld.haken a{color:var(--siena);}
.honig{position:absolute;left:-9999px;}
aside h2{font-size:1.1rem;margin:0 0 10px;color:var(--ink);}
.mail{font-family:var(--sans);font-weight:700;font-size:1.08rem;color:var(--siena);}
.klein{font-size:.9rem;color:var(--text-soft);}
@media(max-width:940px){.formular{grid-template-columns:1fr;gap:38px;}}

footer{background:var(--ink-deep);color:rgba(246,240,228,.62);padding:28px 0;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-family:var(--sans);font-size:.82rem;}
footer a{text-decoration:none;}
footer a:hover{color:var(--gold);}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* Artikelseiten */
.seitenkopf .rolle a{color:var(--gold);text-decoration:none;}
.seitenkopf .rolle a:hover{text-decoration:underline;}
.artikelmeta{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;padding-top:16px;
  border-top:1px solid rgba(216,179,138,.3);font-family:var(--sans);font-size:.82rem;
  color:rgba(246,240,228,.66);}
article{padding:66px 0 40px;}
article p{margin:0 0 1.35em;}
article .lead{font-size:1.26rem;line-height:1.5;color:var(--ink);margin-bottom:1.6em;}
article .lead + h2{margin-top:0;}
article h2{font-size:1.4rem;margin:2.3em 0 .6em;line-height:1.2;color:var(--ink);}
article blockquote{margin:2.1em 0;padding:6px 0 6px 26px;border-left:3px solid var(--siena);
  font-size:1.2rem;line-height:1.48;font-style:italic;color:var(--ink);}
article blockquote em{font-style:normal;}
article a{color:var(--siena);text-underline-offset:3px;}
.autorbox{margin:3em 0 1.6em;padding-top:26px;border-top:2px solid var(--ink);}
.autorbox h2{font-size:1.06rem;margin:0 0 6px;color:var(--ink);}
.autorbox p{margin:0;font-size:.98rem;color:var(--text-soft);}
article ul.quellen{list-style:none;padding:0;margin:0 0 1.5em;}
article ul.quellen li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.96rem;
  color:var(--text-soft);}
article ul.quellen a{white-space:nowrap;}

/* Druckansicht */
@media print{
  .topbar,.menu,.filter,footer,.aktionen,.mehr,.breitbild,.leer{display:none !important;}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.45;}
  .wrap{max-width:none;padding:0;}
  .hero,.seitenkopf,section.band{background:#fff !important;color:#000 !important;
    padding:0 0 14pt;border:0;}
  .hero h1,.seitenkopf h1,h2,h3{color:#000 !important;}
  .rolle,.claim,.seitenkopf p,.artikelmeta{color:#000 !important;}
  .artikelmeta{border-top:1pt solid #999;}
  .hero .wrap,.zweispalt,.formular,.themen,.aktuell .wrap{display:block;}
  .portrait,.hero .bild,aside,form{display:none;}
  article,section{padding:0;}
  .textspalte,.liste.schmal{max-width:none;}
  a{color:#000;text-decoration:none;}
  article a[href^="http"]::after{content:" (" attr(href) ")";font-size:8.5pt;color:#555;
    word-break:break-all;}
  .eintrag{grid-template-columns:110pt 1fr;page-break-inside:avoid;padding:5pt 0;}
  .rubrik,.print{display:none;}
  .jahr{page-break-after:avoid;margin-top:14pt;}
  h2,h3{page-break-after:avoid;}
  blockquote{page-break-inside:avoid;border-left:2pt solid #999;}
  .autorbox{page-break-inside:avoid;border-top:1pt solid #000;}
  ul.quellen a::after{content:"";}
  ul.quellen li{border-bottom:1px solid #ccc;}
}

/* Vormerkliste */
.vormerken{background:var(--ink);color:var(--paper);padding:52px 0;}
.vormerken .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.vormerken h2{margin:0 0 10px;font-size:1.32rem;color:var(--paper);}
.vormerk-text p{margin:0;color:rgba(246,240,228,.8);font-size:1rem;}
.vormerk-form .zeile{display:flex;gap:10px;flex-wrap:wrap;}
.vormerk-form input[type=email]{
  flex:1 1 220px;padding:13px 14px;border:1px solid var(--gold);
  background:rgba(246,240,228,.06);color:var(--paper);
  font-family:var(--serif);font-size:1rem;}
.vormerk-form input[type=email]::placeholder{color:rgba(246,240,228,.5);}
.vormerk-form input[type=email]:focus{outline:2px solid var(--gold);outline-offset:1px;}
.vormerk-form .haken{display:grid;grid-template-columns:20px 1fr;gap:10px;margin-top:16px;}
.vormerk-form .haken label{font-size:.88rem;line-height:1.45;color:rgba(246,240,228,.72);}
.vormerk-form .haken a{color:var(--gold);}
.versteckt{position:absolute;left:-9999px;}
@media(max-width:940px){.vormerken .wrap{grid-template-columns:1fr;gap:26px;}}
@media print{.vormerken{display:none !important;}}
.fussnetz a{margin-left:18px;}
.fussnetz a:first-child{margin-left:0;}
aside h2.abstand{margin-top:30px;}
a.netz{font-family:var(--sans);font-weight:600;font-size:.95rem;color:var(--siena);
  text-decoration:none;line-height:2;}
a.netz:hover{text-decoration:underline;text-underline-offset:3px;}
@media print{.fussnetz{display:none;}}