@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Fraunces-600.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Fraunces-400.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Karla-400.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/Karla-400i.woff2) format('woff2')}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Karla-700.woff2) format('woff2')}
:root{--paper:#f4efe6;--paper2:#eae3d4;--ink:#1b1a17;--slate:#2f414b;--green:#2e6417;--green2:#4f7c17;--muted:#6d665a;--line:#d6cdbb;--white:#fff;--hd:'Fraunces',Georgia,serif;--ui:'Karla',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{font:16px/1.55 var(--ui);color:var(--ink);background:var(--paper)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.hd{font-family:var(--hd);font-weight:600;letter-spacing:-.01em;line-height:1.1}
.label{display:inline-block;font:700 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.label.slate{color:var(--slate)}
.meta{display:block;font-size:13px;color:var(--muted);letter-spacing:.01em}
.meta b{color:var(--ink);font-weight:700}
.more{font:700 13px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--green);border-bottom:2px solid var(--green);padding-bottom:2px}
/* header */
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;font-size:13px;color:var(--muted)}
.topbar i{font-style:normal;color:var(--ink)}
.topbar .links a{margin-left:22px}
.masthead{border-bottom:3px solid var(--ink);position:relative}
.masthead:after{content:"";position:absolute;left:0;right:0;bottom:-7px;border-bottom:1px solid var(--ink)}
.masthead .wrap{display:flex;align-items:center;gap:40px;height:96px}
.masthead .logo img{height:60px;width:auto}
.masthead nav{display:flex;gap:34px;margin-left:auto}
.masthead nav a{font:700 14px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding:8px 0}
.masthead nav a.on{color:var(--green);box-shadow:inset 0 -3px 0 var(--green)}
.masthead .tools{display:flex;gap:18px;align-items:center}
.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.masthead .ic{color:var(--slate);display:flex}
.burger{display:none}
.scroller{display:none}
/* ads */
.ad{display:flex;align-items:center;justify-content:center;background:var(--paper2);border:1px solid var(--line);color:var(--muted);font:700 11px var(--ui);letter-spacing:.16em;text-transform:uppercase}
.ad.top{height:100px;margin:28px auto 0;max-width:970px}
.ad.side{height:250px;margin-bottom:28px}
.ad.inart{height:120px;margin:36px 0}
/* hero */
.hero{display:grid;grid-template-columns:7fr 5fr;gap:44px;padding:40px 0 36px;align-items:center}
.hero img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hero h1{font-size:46px;margin:12px 0 16px}
.hero .dek{font-size:18px;line-height:1.5;color:#3b372f;margin-bottom:18px}
.hero-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--ink);padding-top:22px}
.hero-sub a{display:block;padding-bottom:8px}
.hero-sub h3{font:600 21px/1.2 var(--hd);margin:8px 0 10px}
/* two col */
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 56px;margin-top:48px}
.two>.side{border-left:1px solid var(--line);padding-left:28px}
.sec{margin-bottom:56px}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;border-top:3px solid var(--ink);padding-top:12px;margin-bottom:22px}
.sec-head h2{font-size:28px}
.sec-head h2 small{display:block;font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
/* numbered rows */
.rows a{display:grid;grid-template-columns:52px minmax(0,1fr) 150px;gap:0 22px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.rows a:first-child{padding-top:0}
.rows i{font:400 30px/1 var(--hd);color:var(--green);font-style:normal;padding-top:4px}
.rows h3{font:600 23px/1.2 var(--hd);margin:6px 0 8px}
.rows p{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:8px}
.rows img{width:150px;aspect-ratio:4/3;object-fit:cover}
/* ressort index */
.index a{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(0,1fr);gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}
.index .n{font:600 26px/1.1 var(--hd)}
.index .n span{display:block;font:400 13px var(--ui);color:var(--muted);margin-top:8px}
.index .d{font-size:15px;color:#3b372f;line-height:1.5}
.index .l{font-size:15px;line-height:1.45}
.index .l b{display:block;font-weight:700;margin-bottom:10px}
/* focus */
.focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.focus .big img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:16px}
.focus .big h3{font:600 30px/1.12 var(--hd);margin:10px 0 12px}
.focus .big p{font-size:16px;color:#3b372f;line-height:1.5;margin-bottom:10px}
.focus .list a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}
.focus .list a:first-child{padding-top:0}
.focus .list h3{font:600 21px/1.2 var(--hd);margin:8px 0 8px}
/* archive grid */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}
.grid-2 a{border-top:1px solid var(--ink);padding-top:16px;display:block}
.grid-2 h3{font:600 22px/1.2 var(--hd);margin:8px 0 10px}
.grid-2 p{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px}
.card{display:block}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:14px}
.card h3{font:600 21px/1.2 var(--hd);margin:8px 0 8px}
.card p{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:8px}
/* sidebar */
.box{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.box h3{font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:16px}
.ranked li a{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);align-items:start}
.ranked li:first-child a{border-top:0;padding-top:0}
.ranked i{font:400 30px/1 var(--hd);color:var(--green);font-style:normal}
.ranked b{font:700 16px/1.3 var(--ui);display:block;margin-bottom:4px}
.rubriken a{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font:600 19px var(--hd)}
.rubriken a:first-of-type{border-top:0;padding-top:0}
.rubriken span{font:400 13px var(--ui);color:var(--muted);padding-top:5px}
.box.slate{background:var(--slate);color:var(--paper);padding:26px 24px;border:0}
.box.slate h3{color:#b6c9a0}
.box.slate p{font-size:15px;line-height:1.55;margin-bottom:18px}
.box.slate b{font-family:var(--hd);font-weight:600;font-size:22px;display:block;margin-bottom:10px}
.btn{display:inline-block;font:700 13px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;border:1px solid currentColor}
.box.green{background:var(--green);color:#fff;padding:26px 24px;border:0}
.box.green h3{color:#cfe3b5}
.box.green p{font-size:15px;line-height:1.55;margin-bottom:18px}
.box.green b{font-family:var(--hd);font-weight:600;font-size:22px;display:block;margin-bottom:10px}
/* footer */
.site-footer{background:var(--slate);color:#d9d4c8;margin-top:72px;padding:56px 0 28px}
.site-footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #4b5c66}
.site-footer .brand{font:600 30px var(--hd);color:#fff;display:block;margin-bottom:12px}
.site-footer p{font-size:15px;line-height:1.55;max-width:380px}
.site-footer h4{font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#b6c9a0;margin-bottom:14px}
.site-footer li{margin-bottom:8px;font-size:15px}
.site-footer li a{color:#fff}
.site-footer .bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:13px;color:#aab4ba}
/* rubrik */
.cat-head{border-bottom:3px solid var(--ink);padding:44px 0 28px}
.cat-head .crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.cat-head h1{font-size:56px}
.cat-head p{font-size:18px;color:#3b372f;max-width:720px;margin-top:14px;line-height:1.5}
.cat-head .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.chip{font:700 12px var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);color:var(--paper)}
.list-rows a{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}
.list-rows a:first-child{padding-top:0}
.list-rows img{aspect-ratio:4/3;object-fit:cover;width:100%}
.list-rows h3{font:600 27px/1.15 var(--hd);margin:8px 0 12px}
.list-rows p{font-size:15px;color:#3b372f;line-height:1.5;margin-bottom:10px}
.pagination{display:flex;gap:8px;margin-top:36px}
.pagination a,.pagination .cur{font:700 13px var(--ui);padding:10px 14px;border:1px solid var(--line)}
.pagination .cur{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* artikel */
.art-head{max-width:860px;margin:44px 0 0}
.art-head .crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}
.art-head h1{font-size:50px;margin:12px 0 18px}
.art-head .dek{font-size:20px;line-height:1.5;color:#3b372f;margin-bottom:18px}
.art-img{margin:32px 0 0}
.art-img img{width:100%;aspect-ratio:21/9;object-fit:cover}
.art-img .cap{font-size:12px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}
.two-art{margin-top:40px}
.two-art article{max-width:760px}
.art-meta{display:flex;gap:24px;font-size:13px;color:var(--muted);margin-bottom:28px;flex-wrap:wrap}
.art-meta .share{margin-left:auto;display:flex;gap:14px}
.art-meta .share a{font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.toc{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:16px 0 18px;margin-bottom:32px;position:static}
.toc .label{margin-bottom:10px}
.toc ol{columns:2;column-gap:32px;counter-reset:t}
.toc li{counter-increment:t;font-size:15px;line-height:1.4;padding:5px 0 5px 30px;position:relative;break-inside:avoid}
.toc li:before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:5px;font:400 15px var(--hd);color:var(--green)}
.prose{font:400 19px/1.68 var(--hd);color:#232119}
.prose p{margin-bottom:1.3em}
.prose h2{font:600 30px/1.15 var(--hd);margin:1.9em 0 .7em;letter-spacing:-.01em}
.prose h3{font:600 23px/1.2 var(--hd);margin:1.6em 0 .6em}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose ul,.prose ol{margin:0 0 1.3em 1.3em;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.5em;padding-left:.3em}
.prose strong{font-weight:600}
.prose table{border-collapse:collapse;width:100%;font:15px/1.4 var(--ui);margin:0 0 1.6em}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-weight:700;border-bottom:2px solid var(--ink)}
.prose blockquote{border-left:3px solid var(--green);padding:4px 0 4px 22px;margin:0 0 1.3em;font-size:22px;line-height:1.45}
.prose img{margin:0 0 1.3em}
.themen{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:40px 0 32px;padding-top:24px;border-top:1px solid var(--ink)}
.author{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.author .av{width:64px;height:64px;background:var(--slate);color:#fff;display:flex;align-items:center;justify-content:center;font:600 26px var(--hd)}
.author b{display:block;margin-bottom:6px}
.author p{font-size:15px;color:var(--muted);line-height:1.5}
.related{margin-top:64px}
/* WordPress-Ergänzungen */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:16px;top:16px;z-index:9;background:var(--ink);color:var(--paper);padding:10px 14px}
.masthead .logo .custom-logo{height:60px;width:auto}
.masthead .logo .wordmark{font:600 30px var(--hd);color:var(--ink)}
.masthead nav ul{display:flex;gap:34px;margin:0;padding:0}
.masthead nav li{list-style:none}
.masthead nav li.current-menu-item a,.masthead nav li.current-category-ancestor a{color:var(--green);box-shadow:inset 0 -3px 0 var(--green)}
.masthead .tools .ic{background:none;border:0;padding:6px;cursor:pointer;color:var(--slate);display:flex;font:inherit}
.sform{display:flex;border:2px solid var(--ink);background:var(--paper)}
.sform input{flex:1;min-width:0;border:0;padding:14px 16px;font:inherit;font-size:17px;background:transparent;color:var(--ink)}
.sform button{border:0;background:var(--ink);color:var(--paper);font:700 13px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:0 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.searchbar{display:none;border-bottom:1px solid var(--line);padding:18px 0;margin-top:7px}
body.search-open .searchbar{display:block}
.mobile-nav{display:none;border-bottom:1px solid var(--line);padding:16px 0 24px;margin-top:7px}
body.nav-open .mobile-nav{display:block}
.mobile-nav .cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.mobile-nav .cols2 b{display:block;font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--green);padding:8px 0 4px}
.mobile-nav .cols2 a{display:block;font-weight:700;font-size:15px;padding:8px 0;border-bottom:1px solid var(--line)}
.ad.js-ad:not(.loaded){min-height:0}
.ad.js-ad.loaded,.ad.loaded{background:none;border:0;height:auto;min-height:0;display:block}
.adwrap{border-bottom:0!important;padding-bottom:0!important}
.adwrap .label.m{display:block;margin-bottom:8px;color:var(--muted)}
.rows .label,.card .label,.list-rows .label,.hero-sub .label,.focus .label,.grid-2 .label{display:inline-block}
.hero h1 a{color:inherit}
.meta.count{margin-bottom:18px}
.cat-head .label{margin-bottom:10px}
.no-results{font-size:17px;color:var(--muted);padding:20px 0}
.nav-links{display:flex;gap:8px;margin-top:36px;flex-wrap:wrap}
.nav-links .page-numbers{font:700 13px var(--ui);padding:10px 14px;border:1px solid var(--line);color:var(--ink)}
.nav-links .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nav-links .page-numbers.dots{border:0}
.prose .wp-caption,.prose figure{max-width:100%;margin:0 0 1.3em}
.prose .wp-caption-text,.prose figcaption{font:13px/1.4 var(--ui);color:var(--muted);margin-top:8px}
.prose .alignleft{float:left;margin:4px 24px 12px 0;max-width:50%}
.prose .alignright{float:right;margin:4px 0 12px 24px;max-width:50%}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .table-wrap{overflow-x:auto;margin:0 0 1.6em}
.prose .table-wrap table{margin:0}
.prose iframe,.prose video{max-width:100%}
.prose .page-links{font:15px var(--ui);margin:1.5em 0}
.prose h4{font:600 20px/1.3 var(--hd);margin:1.4em 0 .5em}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose pre{font:14px/1.5 monospace;background:var(--paper2);padding:16px;overflow-x:auto;margin:0 0 1.3em}
.prose code{font-size:.9em;background:var(--paper2);padding:1px 5px}
.page-body .prose{max-width:760px;margin-top:32px}
.page-body{margin-bottom:60px}
.comments{margin-top:48px;border-top:1px solid var(--ink);padding-top:28px}
.comments h2{font-size:28px;margin-bottom:16px}
.comment-list li{padding:14px 0;border-top:1px solid var(--line)}
.comment-list .children{padding-left:28px}
.comment-list .comment-meta{font-size:13px;color:var(--muted)}
.comment-list .fn{font-style:normal;font-weight:700}
.comment-list .comment-content{font-size:15.5px}
.comment-list .reply{font-size:13px}
.comment-respond .comment-reply-title{font:600 28px var(--hd);margin:16px 0 12px}
.comment-form{display:grid;gap:12px}
.comment-form label{display:block;font:700 12px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:10px 12px;font:inherit}
.comment-form .comment-form-cookies-consent{display:flex;gap:8px;align-items:center}
.comment-form .comment-form-cookies-consent label{margin:0;text-transform:none;letter-spacing:0;font-weight:400}
.comment-form .submit{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:700 13px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;cursor:pointer}
.site-footer ul{margin:0;padding:0}
.site-footer li{list-style:none}
.themen .chip{color:var(--ink)}
/* Absicherung gegen Plugin-CSS */
body .masthead nav a,body .rows a,body .card,body .index a,body .focus a,body .grid-2 a,body .hero-sub a,body .ranked a,body .rubriken a,body .list-rows a,body .site-footer li a,body .mobile-nav a,body .chip,body .toc a{text-decoration:none}
body .box.slate .btn,body .box.green .btn{color:inherit;background:none}
/* mobile */
@media(max-width:1000px){
 .hero{grid-template-columns:1fr;gap:24px}
 .hero h1{font-size:34px}
 .hero-sub{grid-template-columns:1fr;gap:0}
 .hero-sub a{border-bottom:1px solid var(--line);padding:14px 0}
 .two{grid-template-columns:1fr;margin-top:36px}
 .two>.side{border-left:0;border-top:3px solid var(--ink);padding:28px 0 0;margin-top:20px}
 .index a{grid-template-columns:1fr;gap:10px}
 .focus{grid-template-columns:1fr}
 .grid-2,.grid-3{grid-template-columns:1fr}
 .list-rows a{grid-template-columns:1fr}
 .cat-head h1{font-size:40px}
 .art-head h1{font-size:34px}
 .toc ol{columns:1}
 .prose{font-size:18px}
 .site-footer .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .wrap{padding:0 16px}
 .topbar .links{display:none}
 .masthead .wrap{height:72px;gap:16px}
 .masthead .logo img{height:44px}
 .masthead nav{display:none}
 .burger{display:flex}
 .scroller{display:flex;gap:22px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid var(--line);margin-top:7px;scrollbar-width:none}
 .scroller a{font:700 13px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);white-space:nowrap}
 .rows a{grid-template-columns:40px minmax(0,1fr)}
 .rows img{display:none}
 .rows h3{font-size:20px}
 .ad.top{height:90px}
 .site-footer .grid{grid-template-columns:1fr}
}
