/*
Theme Name: VerdienstStart Editorial
Theme URI: https://verdienststart.de
Author: VerdienstStart
Description: Ruhiges Editorial-Theme mit lokalem Kompass, frei lesbarem Startplan und optionaler Newsletter-Verbindung. Weiterentwicklung der VerdienstStart Landingpage.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 7.1.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: verdienststart
*/
:root{--paper:#f6f4ee;--white:#fffefa;--ink:#243c35;--body:#3e4d46;--muted:#5c665e;--line:#c9cec0;--sage:#e5e9de;--forest:#263f35;--accent:#905238;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance}h1{font-size:clamp(54px,5.65vw,82px);line-height:1.04;letter-spacing:-3.4px}h2{font-size:clamp(38px,4vw,55px);line-height:1.16;letter-spacing:-1.6px}h3{font-size:30px;line-height:1.25;letter-spacing:-.6px}em{font-weight:400;color:var(--accent)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.eyebrow{display:block;font:600 12px/1.6 var(--sans);letter-spacing:1.8px}.small{font-size:15px;line-height:1.65;color:var(--muted)}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip-path:none;background:var(--white);padding:14px;z-index:100}.site-header{border-bottom:1px solid var(--line)}.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 28px/1 var(--sans);letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.brand>span:not(.brand-dot){font-weight:400}.brand-dot{color:var(--accent);font-weight:700}.masthead nav{display:flex;align-items:center;gap:34px;font-size:15px}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}.nav-compass{border-bottom:1px solid var(--ink);padding-block:8px}.nav-compass span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:68px;padding-bottom:60px;align-items:center}.hero-copy .eyebrow{margin-bottom:28px}.hero .intro{margin-top:28px;max-width:490px;font-size:19px;line-height:1.7;color:var(--body)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:55px;background:var(--forest);border:1px solid var(--forest);padding:14px 23px;color:var(--white);font-size:17px;font-weight:600;text-decoration:none;border-radius:2px;line-height:1.5}.button:hover{background:#354f41;text-decoration:none}.button span{font-size:23px;line-height:1}.hero .button{margin-top:30px}.hero-meta{font-size:14px;color:var(--muted);margin-top:14px}.hero-photo{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-photo img{width:100%;height:535px;object-fit:cover;object-position:47% center}.hero-photo figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);padding-top:15px}.hero-photo figcaption span:first-child{font-size:10px;letter-spacing:1.2px;font-weight:600}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding-block:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px;line-height:1.6}.principles p+p{margin:0;border-left:1px solid var(--line);padding-left:34px}.principles strong{font-weight:500}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-label p{font:italic 24px/1.4 var(--serif);margin-top:24px;color:var(--muted)}.editorial-body h2{margin-bottom:32px}.editorial-body>p{max-width:690px;color:var(--body)}.editorial-body .editorial-note{border-left:2px solid var(--accent);padding-left:24px;margin-top:30px;color:var(--ink)}.compass-section{background:var(--forest);color:var(--white);padding-block:85px}.compass-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.compass-intro h2{font-size:60px;margin-top:24px}.compass-intro h2 em{color:#e0c5ac}.compass-intro>p{max-width:415px;margin-top:28px;color:#e1e6dc}.compass-intro .privacy-note{font-size:14px;max-width:355px;color:#c7d2c7}.compass-mark{display:block;font:76px/1 var(--serif);margin-top:34px;color:#b2bea8}.quiz{padding:36px;background:var(--white);color:var(--ink);min-height:425px}.quiz-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px}.quiz-heading span+span{font-size:10px;letter-spacing:1px}.quiz-progress{display:flex;gap:8px;margin:16px 0 32px}.quiz-progress span{height:3px;background:var(--sage);flex:1}.quiz-progress .active{background:var(--accent)}.quiz h3{font-size:30px;margin-bottom:24px;outline:none}.choices{display:grid;gap:10px}.choice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:transparent;text-align:left;border:1px solid #c1c8b9;color:var(--ink);padding:14px 17px;font-size:17px;line-height:1.5;min-height:58px;border-radius:0}.choice:hover{background:var(--sage);border-color:var(--forest)}.choice[aria-pressed=true]{background:var(--sage);border:2px solid var(--forest);padding:13px 16px}.choice-arrow{color:var(--accent)}.quiz-back,.quiz-reset{background:none;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:4px;color:var(--body);font-size:15px;margin-top:16px;min-height:44px}.quiz-result h3{font-size:33px}.quiz-result p{font-size:17px}.quiz-result ul{padding-left:22px;font-size:17px;margin-block:22px}.quiz-result li{padding-left:4px;margin-top:12px}.quiz-result .button{margin-top:22px;font-size:16px;gap:14px}.quiz-result .result-note{font-size:14px;margin-top:22px;color:var(--muted)}.quiz-result .quiz-reset{display:block}.fieldnotes{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.portrait img{width:100%;height:570px;object-fit:cover;object-position:50% 40%}.portrait figcaption{font:italic 16px/1.5 var(--serif);padding-top:16px;color:var(--muted)}.fieldnotes-copy h2{margin-block:23px 28px}.fieldnotes-copy>p{color:var(--body)}.example-list{margin-block:28px}.example-list>div{border-top:1px solid var(--line);padding-block:18px}.example-list>div:last-child{border-bottom:1px solid var(--line)}.example-list dt{font-weight:600;font-size:17px}.example-list dd{margin:6px 0 0;color:var(--body);font-size:17px}.startplan-section{background:var(--sage);padding-block:90px}.plan-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.plan-layout h2{margin-block:24px}.plan-intro{max-width:530px;color:var(--body)}details>summary{cursor:pointer;min-height:56px;list-style:none}summary::-webkit-details-marker{display:none}.week-plan{margin-top:32px;border-top:1px solid #a9b3a2;border-bottom:1px solid #a9b3a2}.week-plan summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px;font-size:17px;font-weight:600}.week-plan summary span{font-size:25px;font-weight:400}.week-plan[open] summary span{transform:rotate(45deg)}.week-plan ol{list-style:none;padding:0;margin:0 0 24px}.week-plan li{padding:15px 0;font-size:17px;border-top:1px solid #c5ccbd}.week-plan li strong{display:block}.newsletter{border-left:1px solid #b6bfae;padding-left:42px;align-self:start}.newsletter h3{font-size:38px;margin-block:22px}.newsletter>p{font-size:17px;color:var(--body)}.newsletter .button{width:100%;margin-top:25px;font-size:16px}.newsletter .small{font-size:14px;margin-top:22px}.newsletter-status{padding:19px 0;border-block:1px solid #b6bfae;margin-block:26px!important}.text-link{display:inline-block;min-height:44px;padding-block:8px;font-size:17px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.recommendation{display:grid;grid-template-columns:1fr 2fr;gap:60px}.ad-label{display:inline-block;font-size:10px;letter-spacing:1.6px;border:1px solid #b6bfae;padding:5px 9px;margin-top:30px}.recommendation h2{margin-bottom:28px}.recommendation>div>p{color:var(--body)}.offer-editorial{border-block:1px solid var(--line);padding-block:30px;margin-block:32px}.offer-editorial h3{font-size:32px;margin:14px 0 20px;max-width:650px}.offer-editorial>p{font-size:17px;color:var(--body)}.offer-editorial .eyebrow{font-size:11px}.offer-check{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0}.offer-check p{font-size:16px;color:var(--body);margin:0}.offer-check strong{color:var(--ink);font-weight:600}.faq{padding-block:0 90px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{padding:20px 40px 20px 0;position:relative;font-size:18px;font-weight:500}.faq summary:after{content:'+';position:absolute;right:8px;top:17px;font:28px var(--serif)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 28px 24px 0;color:var(--body);font-size:17px}.closing{border-top:1px solid var(--line);padding-block:52px 70px;text-align:center}.closing p{font:30px/1.5 var(--serif)}.closing a{margin-top:20px}.site-footer{background:var(--forest);color:var(--white);padding:48px 0 24px}.site-footer .brand-dot{color:#e0c5ac}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top p{font-size:15px;color:#d5dece;margin-top:17px}.back-top{font-size:14px;align-self:start;padding:8px 0}.footer-bottom{border-top:1px solid #657463;display:flex;justify-content:space-between;gap:30px;padding-top:24px;font-size:13px;color:#e1e6dc}.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}.photo-credit{font-size:11px;line-height:1.6;color:#c8d1c1;margin-top:30px;max-width:780px}.content-page{padding-block:70px 100px;min-height:60vh;max-width:880px;overflow-wrap:anywhere}.content-page h1{font-size:54px;margin-bottom:40px}.content-page article+article{margin-top:50px}.entry-content h2{font-size:34px;margin-top:35px;margin-bottom:20px}.entry-content h3{margin-block:25px 15px}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content img{height:auto}.entry-content iframe{max-width:100%}.wp-block-image{margin-block:28px}.alignwide{max-width:100%}.entry-content a{overflow-wrap:anywhere}
@media(min-width:1500px){.hero{padding-block:82px 70px}.hero-photo img{height:570px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:34px}.hero-photo img{height:510px}.hero-photo figcaption{display:block}.hero-photo figcaption span{display:block}.masthead nav{gap:22px}.compass-layout{gap:45px}.fieldnotes{gap:55px}.plan-layout{gap:45px}.newsletter{padding-left:30px}.editorial,.recommendation,.faq{grid-template-columns:.7fr 1.7fr;gap:40px}.principles p+p{padding-left:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.masthead{min-height:83px}.masthead nav{gap:20px}.nav-note{display:none}.brand{font-size:26px}.hero{grid-template-columns:1fr;gap:36px;padding-top:45px;padding-bottom:35px}.hero h1{font-size:68px;letter-spacing:-2.5px}.hero h1 br:last-of-type{display:none}.hero .intro{max-width:620px}.hero-photo img{height:400px;object-position:50% 45%}.hero-photo figcaption{display:flex}.hero-photo figcaption span{display:inline}.principles{font-size:14px;gap:20px}.principles p+p{padding-left:18px}.section{padding-block:75px}.editorial,.recommendation,.faq{grid-template-columns:1fr;gap:28px}.section-label p{display:none}.section-label .ad-label{margin-top:16px}.compass-layout{grid-template-columns:1fr;gap:35px}.compass-intro h2{font-size:52px}.compass-intro h2 br{display:none}.compass-intro>p{max-width:620px}.compass-intro .privacy-note{max-width:550px}.compass-mark{display:none}.compass-section{padding-block:65px}.fieldnotes{gap:32px;grid-template-columns:.85fr 1.15fr;align-items:start}.portrait img{height:490px}.fieldnotes-copy h2{font-size:37px}.startplan-section{padding-block:65px}.plan-layout{grid-template-columns:1fr;gap:45px}.newsletter{border-left:0;border-top:1px solid #b6bfae;padding:35px 0 0}.newsletter h3 br{display:none}.newsletter .button{width:auto}.footer-bottom{display:block}.footer-bottom nav{margin-top:18px}.closing p{font-size:26px}.faq{padding-bottom:65px}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}body{font-size:18px}.masthead{min-height:76px;gap:12px}.brand{font-size:24px}.nav-about{display:none}.masthead nav{font-size:14px}.nav-compass span{margin-left:9px}.hero{padding-top:37px;gap:30px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.25px;margin-bottom:22px}.hero h1{font-size:clamp(41px,12vw,57px);letter-spacing:-1.9px;line-height:1.08;text-wrap:initial}.hero h1 br:last-of-type{display:block}.hero .intro{font-size:18px;margin-top:24px}.hero .button{width:100%;margin-top:26px}.hero-meta{font-size:13px}.hero-photo img{height:auto;aspect-ratio:1.08;object-position:center}.hero-photo figcaption{display:block;font-size:12px;line-height:1.6;padding-top:12px}.hero-photo figcaption span{display:block}.hero-photo figcaption span:first-child{font-size:10px}.principles{display:block;padding-block:7px}.principles p{padding-block:13px;font-size:15px}.principles p+p{padding-left:0;border-left:0;border-top:1px solid var(--line)}.principles br{display:none}.principles strong{margin-left:5px}.section{padding-block:60px}h2{font-size:38px;letter-spacing:-1.35px}.eyebrow{font-size:10px;letter-spacing:1.5px}.editorial-body h2 br{display:none}.editorial-body h2 em{display:block}.editorial-body h2{margin-bottom:25px}.editorial-body .editorial-note{padding-left:17px}.compass-section{padding-block:53px}.compass-intro h2{font-size:45px;margin-top:20px}.compass-intro h2 br{display:block}.compass-intro>p{margin-top:22px}.quiz{padding:24px 20px;min-height:420px}.quiz-heading span+span{font-size:8px;letter-spacing:.7px}.quiz-progress{margin-bottom:27px}.quiz h3{font-size:28px;line-height:1.25}.choice{font-size:17px;padding:14px 13px}.choice[aria-pressed=true]{padding:13px 12px}.quiz-result h3{font-size:29px}.quiz-result .button{width:100%;font-size:15px;padding:14px}.fieldnotes{grid-template-columns:1fr;gap:30px}.portrait img{height:400px;object-position:50% 32%}.portrait figcaption{font-size:15px}.fieldnotes-copy h2{font-size:40px}.fieldnotes-copy .eyebrow{margin-top:8px}.startplan-section{padding-block:55px}.plan-layout{gap:35px}.newsletter h3{font-size:35px}.newsletter .button{width:100%}.offer-check{grid-template-columns:1fr;gap:20px}.offer-editorial h3{font-size:29px}.ad-label{font-size:9px}.recommendation h2{font-size:37px}.faq h2{font-size:34px}.faq summary{font-size:17px}.closing{padding-block:36px 50px}.closing p{font-size:24px;line-height:1.5}.closing br{display:none}.closing em{display:block}.footer-top{display:block;padding-bottom:25px}.back-top{display:inline-block;margin-top:20px}.footer-bottom{font-size:13px}.footer-bottom nav{gap:18px}.photo-credit{font-size:11px}.content-page{padding-top:45px}.content-page h1{font-size:43px;letter-spacing:-1.5px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:21px}.hero h1{font-size:42px}.nav-compass{font-size:13px}.quiz{padding:22px 16px}.quiz-heading span+span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header nav,.button,.quiz-back,.quiz-reset,.back-top{display:none}.wrap{width:100%}.hero,.editorial,.fieldnotes,.plan-layout,.recommendation,.faq,.compass-layout{display:block}.hero-photo img,.portrait img{height:240px;width:auto}.section,.startplan-section,.compass-section{padding-block:25px}.compass-section,.site-footer{background:white;color:black}.compass-intro>p,.compass-intro .privacy-note{color:black}.quiz{border:1px solid #bbb}.week-plan:not([open])>ol{display:block}.newsletter{border:0;padding:20px 0}body{font-size:12pt}.closing{padding:20px 0}}