/*
Theme Name: Lohnrechner Schweiz
Theme URI: https://lohnrechnerschweiz.ch
Author: Lohnrechner Schweiz
Description: German-first Swiss calculator theme with an embedded multilingual tool suite.
Version: 2.0.0
Text Domain: lohnrechner-schweiz
*/
html,body{height:100%;margin:0;overflow-x:hidden}body{background:#fffdfa}.lr-error{max-width:760px;margin:80px auto;padding:32px;font-family:Arial,sans-serif}
/* Core public-site layout. Kept here (instead of a page-builder block) so it loads reliably in WordPress. */
:root{--red:#bd2940;--cream:#fffdfa;--ink:#2f2025;--muted:#7b6469;--line:#eadcdf;--mint:#cfe8c8;--dark:#3d1821;--shadow:0 28px 65px #5025301c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);font-family:"DM Sans",Arial,sans-serif;color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}.wrap{max-width:1170px;padding:0 28px;margin:auto}.hero{background:radial-gradient(circle at 87% 9%,#ffe8dd80 0 7%,transparent 30%),linear-gradient(135deg,#d9737b 0%,#bd2940 48%,#8f1d32 100%);min-height:690px;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:680px;height:680px;border:1px solid #fff5;border-radius:42%;right:-270px;top:-235px;box-shadow:0 0 0 52px #fff1,0 0 0 107px #fff1}.hero:after{content:"✚";font:bold 510px/1 Arial;color:#fff1;position:absolute;bottom:-145px;left:-66px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-weight:700;font-size:19px;letter-spacing:-.05em}.brand i{display:inline-grid;place-items:center;background:#fff;color:var(--red);width:21px;height:21px;margin-right:6px;border-radius:50%;font:700 13px Arial;font-style:normal}.navright{display:flex;align-items:center;gap:27px}.navlinks{display:flex;gap:25px;font-size:14px}.lang{display:flex;border:1px solid #fff6;border-radius:99px;padding:3px;gap:2px}.lang button{background:transparent;border:0;border-radius:99px;color:#fff;padding:6px 8px;cursor:pointer;font:500 11px "DM Mono",monospace}.lang button.active{background:#fff;color:var(--red)}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:68px;align-items:center;min-height:530px;position:relative;z-index:1}.eyebrow{font:500 11px "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--mint)}h1{font:700 clamp(45px,5.4vw,70px)/1.01 "Playfair Display",serif;letter-spacing:-.052em;margin:17px 0 19px;max-width:630px}.lead{font-size:18px;max-width:515px;color:#ffeef0;margin:0 0 31px}.hero-stats{display:flex;gap:30px;font-size:12px;color:#ffdde1}.hero-stats strong{display:block;color:#fff;font:500 18px "DM Mono",monospace}.cube{position:absolute;width:82px;height:82px;border-radius:18px;background:linear-gradient(135deg,#fff9,#fff3);border:1px solid #fff3;transform:rotate(18deg);left:47%;top:57%;box-shadow:15px 17px 0 #6720302e}.panel{background:linear-gradient(135deg,#fffefd,#fff6f4);color:var(--ink);border:1px solid #fff8;border-radius:20px;padding:23px;box-shadow:18px 21px 0 #70273720,0 25px 50px #5025301b;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.panelhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel h2{font-size:20px;letter-spacing:-.03em;margin:4px 0}.year{font:500 11px "DM Mono",monospace;background:#ffe0e3;color:var(--red);padding:5px 8px;border-radius:6px}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:14px}.tabs button{border:0;background:transparent;color:#876a6d;padding:6px 2px;cursor:pointer;font:600 10px "DM Sans",sans-serif;white-space:nowrap}.tabs button.active{color:var(--red);border-bottom:2px solid var(--red)}.calc{display:none}.calc.active{display:block}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:700;color:#6d5357}.field input,.field select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px;font:500 13px "DM Sans",sans-serif;color:var(--ink);width:100%}.withunit{position:relative}.withunit b{position:absolute;right:9px;top:9px;color:#876a6d;font:11px "DM Mono",monospace}.result{margin-top:14px;background:var(--dark);border-radius:10px;padding:14px 16px;color:#fff;display:flex;justify-content:space-between;align-items:end}.result small{font-size:11px;color:#d9bfc5}.result strong{display:block;font:500 25px/1 "DM Mono",monospace;letter-spacing:-.06em;margin-top:5px}.result .sub{color:var(--mint);font-size:11px;text-align:right}.notice{color:#94777a;font-size:10px;margin:9px 1px 0}.ticker{background:#fff;color:var(--red);overflow:hidden;border-bottom:1px solid #f1d5d8}.ticker div{padding:12px;white-space:nowrap;text-align:center;font:500 11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.ticker b{color:var(--ink);margin:0 24px}.tool-section{padding:104px 0 92px}.title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:41px}.title-row h2,.learn h2{font:700 clamp(34px,4.3vw,54px)/1.04 "Playfair Display",serif;letter-spacing:-.05em;margin:9px 0 0}.title-row p{color:var(--muted);max-width:350px;margin:0;font-size:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.toolcard{border:1px solid var(--line);border-radius:14px;padding:20px;min-height:225px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff,#fff9f5);transition:.25s}.toolcard:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:var(--shadow);border-color:#e7b1b9}.toolcard.featured{background:linear-gradient(145deg,#ce6874,#a6213a);color:#fff;border:0;box-shadow:10px 12px 0 #8d213426}.icon{font:500 27px "DM Mono",monospace;color:var(--red)}.featured .icon{color:var(--mint)}.toolcard h3{font:600 20px/1.12 "Playfair Display",serif;margin:12px 0 7px;letter-spacing:-.03em}.toolcard p{font-size:12px;color:var(--muted);margin:0}.featured p{color:#ffe1e4}.open{font-weight:700;color:var(--red);font-size:13px}.featured .open{color:var(--mint)}.insight{background:linear-gradient(135deg,#f8efed,#f1f5ec);padding:88px 0}.insight-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.insight h2{font:700 clamp(35px,4vw,52px)/1.05 "Playfair Display",serif;letter-spacing:-.05em;margin:10px 0 17px}.insight p{color:var(--muted);max-width:410px}.numbers{background:linear-gradient(145deg,#fff,#fffaf7);padding:13px;border-radius:18px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(2deg)}.bar{padding:18px;border-radius:11px;background:#f8efeb;margin-bottom:8px}.bar:last-child{margin:0}.barhead{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.barhead span:last-child{font:500 13px "DM Mono",monospace;color:var(--red)}.barline{height:7px;background:#eadbd7;border-radius:5px;margin-top:11px;overflow:hidden}.barline i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#dc7a87);border-radius:5px}.learn{padding:102px 0}.learn-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:15px;margin-top:39px}.article{border-radius:15px;padding:24px;min-height:210px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.article:first-child{background:var(--dark);border-color:var(--dark);color:#fff}.article .tag{font:500 10px "DM Mono",monospace;color:var(--red);text-transform:uppercase;letter-spacing:.1em}.article:first-child .tag{color:var(--mint)}.article h3{font:600 22px/1.13 "Playfair Display",serif;letter-spacing:-.03em;margin:13px 0}.article p{font-size:13px;color:var(--muted);margin:0}.article:first-child p{color:#ddc8cc}.faq{background:linear-gradient(135deg,#bd2940,#8f1d32);color:#fff;padding:84px 0}.faqgrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.faq h2{font:700 43px/1.05 "Playfair Display",serif;letter-spacing:-.05em;margin:10px 0}.faqintro{color:#ffd8de}.qa{border-top:1px solid #ef9ba6;padding:17px 0}.qa:last-child{border-bottom:1px solid #ef9ba6}.qa summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font:20px "DM Mono",monospace;color:var(--mint)}.qa[open] summary:after{content:"–"}.qa p{color:#ffe1e4;font-size:14px;margin:12px 26px 2px 0}.footer{background:#32131b;color:#ead4d6;padding:34px 0 21px}.foot-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid #68404a}.foot-top p{font-size:12px;color:#c1a0a6}.foot-bottom{display:flex;justify-content:space-between;padding-top:16px;font-size:11px;color:#b19299}@media(max-width:850px){.navlinks{display:none}.hero-grid,.insight-grid,.faqgrid{grid-template-columns:1fr;gap:38px}.hero-grid{padding:56px 0}.panel{transform:none;max-width:560px}.cube{display:none}.cards{grid-template-columns:repeat(2,1fr)}.learn-grid{grid-template-columns:1fr}.title-row{display:block}.title-row p{margin-top:17px}.tool-section,.learn{padding:70px 0}.insight{padding:65px 0}.faqgrid{gap:20px}}@media(max-width:470px){.wrap{padding:0 18px}.hero h1{font-size:45px}.cards{grid-template-columns:1fr}.tabs{overflow:auto}.tabs button{min-width:62px}.grid{grid-template-columns:1fr}.foot-top,.foot-bottom{display:block}.foot-bottom{line-height:2}.navright{gap:10px}}
.lr-header-blog{font-size:14px}.lr-blog{padding-top:92px;padding-bottom:110px;min-height:70vh}.lr-blog header{max-width:760px;margin-bottom:48px}.lr-blog header .eyebrow,.lr-article .eyebrow{color:var(--red)}.lr-blog header h1,.lr-article h1{color:var(--ink);max-width:900px}.lr-blog header>p:last-child{font-size:18px;color:var(--muted)}.lr-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lr-post-grid article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.lr-post-grid article>p{font-size:12px;color:var(--muted)}.lr-post-grid h2{font:600 25px/1.13 "Playfair Display",serif;letter-spacing:-.03em}.lr-read{display:inline-block;margin-top:14px;color:var(--red);font-weight:700}.lr-article{padding-top:92px;padding-bottom:110px}.lr-article article{max-width:800px}.lr-article-content{font-size:18px;line-height:1.75}.lr-article-content h2{font:600 32px/1.15 "Playfair Display",serif;margin-top:45px}.lr-mini-calc{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#fff7f4);box-shadow:var(--shadow);max-width:620px}.lr-mini-calc h2{font:600 28px "Playfair Display",serif;margin:0 0 14px}.lr-mini-calc label{display:block;font-size:13px;font-weight:700;margin:12px 0}.lr-mini-calc input,.lr-mini-calc select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff;font:400 16px "DM Sans",sans-serif}.lr-mini-calc output{display:block;margin-top:16px;border-radius:9px;background:var(--dark);color:#fff;padding:14px;font:500 18px "DM Mono",monospace}.lr-mini-calc small{display:block;margin-top:10px;color:var(--muted)}@media(max-width:700px){.lr-post-grid{grid-template-columns:1fr}.lr-header-blog{display:none}}
.panel .field small{font-size:10px;color:var(--muted);font-weight:400}.lr-pay-result{margin-top:15px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.lr-pay-top{padding:15px 16px;background:var(--dark);display:flex;justify-content:space-between;align-items:end;color:#fff}.lr-pay-top small{color:#dfc7cc;font-size:11px}.lr-pay-top strong{display:block;font:500 25px/1 "DM Mono",monospace;letter-spacing:-.06em;margin-top:5px}.lr-pay-top span{font-size:10px;color:var(--mint);text-align:right}.lr-pay-result table{width:100%;border-collapse:collapse;font-size:11px}.lr-pay-result th,.lr-pay-result td{padding:9px 10px;border-bottom:1px solid #f0e5e5;text-align:right;vertical-align:top}.lr-pay-result th:first-child,.lr-pay-result td:first-child{text-align:left}.lr-pay-result thead{background:#faf4f2;color:var(--muted);font-size:10px}.lr-pay-result tbody b{display:block;font-size:11px}.lr-pay-result tbody small{display:block;font-size:9px;color:var(--muted);max-width:185px}.lr-pay-result tfoot tr:first-child{background:#fcf3f4}.lr-pay-result tfoot tr:last-child{background:#f1f7ee;color:#304429}.lr-pay-result tfoot th,.lr-pay-result tfoot td{font-weight:700;border-bottom:0}.lr-pay-result tfoot tr:last-child td{font-family:"DM Mono",monospace;font-size:12px}@media(max-width:470px){.lr-pay-result th,.lr-pay-result td{padding:8px 5px;font-size:10px}.lr-pay-result tbody small{font-size:8px}.lr-pay-result thead th{font-size:8px}}
/* Mobile-first interaction safeguards: tested target width 390px. */
@media(max-width:600px){.hero{min-height:auto}.nav{height:70px}.navlinks,.lr-header-blog{display:none}.brand{font-size:16px}.hero-grid{padding:38px 0 48px;min-height:auto;gap:30px}.hero h1{font-size:42px}.lead{font-size:16px}.hero-stats{gap:14px;justify-content:space-between}.hero-stats strong{font-size:16px}.hero-stats span{font-size:10px}.panel{padding:16px;border-radius:15px;width:100%;max-width:100%;transform:none}.tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:9px}.tabs button{flex:0 0 auto;min-width:76px;min-height:42px;scroll-snap-align:start}.field input,.field select{min-height:44px;font-size:16px}.grid{grid-template-columns:1fr;gap:12px}.result{align-items:flex-start;gap:12px;flex-direction:column}.result .sub{text-align:left}.tool-section,.learn{padding:58px 0}.cards{grid-template-columns:1fr}.toolcard{min-height:180px}.title-row{display:block}.title-row p{margin-top:14px}.insight{padding:55px 0}.insight-grid,.faqgrid{grid-template-columns:1fr;gap:28px}.numbers{transform:none}.learn-grid{grid-template-columns:1fr}.faq{padding:58px 0}.faq h2{font-size:38px}.qa summary{min-height:44px;align-items:center}.footer{padding-top:28px}.foot-top,.foot-bottom{display:block}.foot-bottom{line-height:2}.lr-pay-result{overflow-x:auto}.lr-pay-result table{min-width:330px}.lr-pay-top{padding:14px}.lr-pay-top strong{font-size:22px}.lr-blog,.lr-article{padding-top:56px;padding-bottom:65px}.lr-post-grid{grid-template-columns:1fr}.lr-mini-calc{padding:18px}.lr-mini-calc input,.lr-mini-calc select{min-height:46px;font-size:16px}}
@media(max-width:600px){html,body,#page,.hero,.hero-grid,.panel,#rechner{max-width:100%;overflow-x:hidden}.wrap{width:100%;padding-left:18px;padding-right:18px}.panel,.calculator,.lr-pay-result{min-width:0}.panel .grid{width:100%;min-width:0}.panel input,.panel select{max-width:100%;min-width:0}.article{display:flex}.article:active,.toolcard:active{transform:scale(.985)}}