/* Italinvest / cleanpacificroundtable.com — Richtung "Feldbuch"
   Prefix: feld-   Grund: dunkles Kiefernholz, Papier in Bone, Gold nur auf Zahlen. */

:root{
  --feld-pine:#1b2c25;
  --feld-pine-deep:#16241e;
  --feld-pine-line:#2d4239;
  --feld-pine-soft:#243a30;
  --feld-bone:#f0ece0;
  --feld-bone-line:#d3cdba;
  --feld-bone-2:#e7e2d3;
  --feld-ink:#1b2c25;
  --feld-ink-2:#243a30;
  --feld-mute-d:#a9bcb0;
  --feld-mute-d2:#c5d3ca;
  --feld-mute-l:#5e7266;
  --feld-mute-l2:#4a5c51;
  --feld-gold:#e0b657;
  --feld-green:#3f6b52;
  --feld-max:1140px;
  --feld-read:780px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--feld-bone);color:var(--feld-ink);
  font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.015em;margin:0}
.feld-ns{font-family:"Newsreader",Georgia,"Times New Roman",serif}
.feld-wrap{max-width:var(--feld-max);margin:0 auto;padding:0 28px}
.feld-lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--feld-mute-l);margin:0}
.feld-skip{position:absolute;left:-9999px}
.feld-skip:focus{left:12px;top:12px;z-index:99;background:var(--feld-gold);color:var(--feld-pine-deep);padding:10px 16px}

/* ---------- Offenlegung + Kopf (dunkel) ---------- */
.feld-top{background:var(--feld-pine);border-bottom:1px solid var(--feld-pine-line)}
.feld-top-in{max-width:var(--feld-max);margin:0 auto;padding:9px 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.feld-top span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#9db3a6}

.feld-head{background:var(--feld-pine);color:var(--feld-bone)}
.feld-head-in{max-width:var(--feld-max);margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.feld-brand{font-family:"Newsreader",Georgia,serif;font-size:30px;font-weight:500;line-height:1;text-decoration:none;color:var(--feld-bone)}
.feld-nav{display:flex;gap:26px;flex-wrap:wrap}
.feld-nav a{font-size:15px;font-weight:400;letter-spacing:.02em;color:var(--feld-mute-d2);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.feld-nav a:hover{color:var(--feld-bone)}
.feld-nav a.active{color:var(--feld-gold);font-weight:600;border-bottom-color:var(--feld-gold)}

/* ---------- Startseite: randloser Aufmacher ---------- */
.feld-hero{position:relative;background:var(--feld-pine-deep);overflow:hidden}
.feld-hero img{width:100%;height:clamp(340px,46vw,620px);object-fit:cover;object-position:center 30%;display:block}
.feld-hero-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,34,28,.95) 8%,rgba(20,34,28,.58) 48%,rgba(20,34,28,.10) 100%)}
.feld-hero-txt{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(24px,4vw,44px)}
.feld-hero-kick{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--feld-gold);margin:0}
.feld-hero h1{margin:14px 0 0;font-size:clamp(31px,5.2vw,60px);line-height:1.04;color:var(--feld-bone);max-width:900px;text-wrap:pretty}
.feld-hero h1 a{text-decoration:none;color:inherit}
.feld-hero p{margin:16px 0 0;font-size:clamp(16px,1.7vw,19px);line-height:1.6;color:var(--feld-mute-d2);max-width:620px;font-weight:300}
.feld-more{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;letter-spacing:.05em;color:var(--feld-gold);text-decoration:none;border-bottom:2px solid var(--feld-gold);padding-bottom:4px}

/* ---------- Startseite: versetzte Beitragsfolge (dunkel) ---------- */
.feld-well{background:var(--feld-pine);color:var(--feld-bone)}
.feld-row{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,4.5vw,60px);align-items:center;padding:clamp(38px,5.5vw,72px) 0;border-bottom:1px solid var(--feld-pine-line)}
.feld-row.rev>.feld-row-img{order:2}
.feld-row:last-child{border-bottom:0}
.feld-row-img{display:block;overflow:hidden}
.feld-row-img img{width:100%;height:clamp(200px,26vw,300px);object-fit:cover;object-position:center 35%}
.feld-row .feld-lbl{color:var(--feld-mute-d)}
.feld-row h2{margin:12px 0 0;font-size:clamp(23px,2.9vw,34px);line-height:1.15}
.feld-row h2 a{text-decoration:none;color:var(--feld-bone)}
.feld-row h2 a:hover{color:var(--feld-gold)}
.feld-row p{margin:12px 0 0;font-size:17px;line-height:1.62;color:var(--feld-mute-d);font-weight:300}

/* ---------- Zahlenband (hell) ---------- */
.feld-figs{background:var(--feld-bone);color:var(--feld-ink)}
.feld-figs-in{max-width:var(--feld-max);margin:0 auto;padding:clamp(40px,5.5vw,64px) 28px}
.feld-figs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3.5vw,44px);margin-top:30px}
.feld-fig{border-top:3px solid var(--feld-ink);padding-top:14px}
.feld-fig b{display:block;font-family:"Newsreader",Georgia,serif;font-size:clamp(36px,4.4vw,56px);line-height:1;font-weight:400;letter-spacing:-.02em}
.feld-fig span{display:block;margin-top:9px;font-size:14.5px;line-height:1.55;color:var(--feld-mute-l2)}
.feld-src-line{margin:22px 0 0;font-size:12.5px;color:var(--feld-mute-l)}

/* ---------- Newsletter (dunkel) ---------- */
.feld-nl{background:var(--feld-pine);color:var(--feld-bone)}
.feld-nl-in{max-width:var(--feld-max);margin:0 auto;padding:clamp(40px,5.5vw,66px) 28px;display:grid;grid-template-columns:1fr 400px;gap:clamp(30px,5vw,64px);align-items:center}
.feld-nl .feld-lbl{color:var(--feld-gold)}
.feld-nl h2{margin:12px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.14}
.feld-nl p{margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--feld-mute-d);font-weight:300;max-width:520px}
.feld-nl form{display:flex;flex-direction:column;gap:13px}
.feld-nl input[type=email]{font-family:inherit;font-size:16px;padding:14px 15px;border:1px solid #486155;background:var(--feld-pine-deep);color:var(--feld-bone);width:100%}
.feld-nl input[type=email]::placeholder{color:#7d9488}
.feld-nl label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--feld-mute-d)}
.feld-nl label input{margin-top:4px;flex:0 0 auto;width:17px;height:17px}
.feld-nl label a{color:var(--feld-gold)}
.feld-nl button{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--feld-pine-deep);background:var(--feld-gold);border:0;padding:15px 20px;cursor:pointer}
.feld-nl button:hover{background:#eac368}
.feld-nl-msg{font-size:14px;min-height:19px;color:var(--feld-gold)}

/* ---------- Fuß ---------- */
.feld-foot{background:var(--feld-pine);color:var(--feld-mute-d);border-top:1px solid var(--feld-pine-line)}
.feld-foot-in{max-width:var(--feld-max);margin:0 auto;padding:22px 28px 40px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13.5px}
.feld-foot a{color:#8fa598;text-decoration:none}
.feld-foot a:hover{color:var(--feld-bone)}
.feld-foot-links{display:flex;gap:20px;flex-wrap:wrap}

/* ---------- Artikelseite ---------- */
.feld-artimg{background:var(--feld-pine-deep)}
.feld-artimg img{width:100%;height:clamp(230px,34vw,520px);object-fit:cover;object-position:center 30%}
.feld-arthead{max-width:var(--feld-read);margin:0 auto;padding:clamp(34px,4.5vw,58px) 28px 0}
.feld-arthead h1{margin:16px 0 0;font-size:clamp(30px,4.6vw,54px);line-height:1.06;text-wrap:pretty}
.feld-stand{margin:20px 0 0;font-family:"Newsreader",Georgia,serif;font-size:clamp(19px,2.1vw,23px);line-height:1.5;font-style:italic;color:var(--feld-ink-2);font-weight:400}
.feld-artmeta{margin-top:22px;padding-top:15px;border-top:1px solid var(--feld-bone-line)}
.feld-body{max-width:var(--feld-read);margin:0 auto;padding:34px 28px 0}
.feld-body p{margin:0 0 21px;font-size:19px;line-height:1.75;font-weight:300;color:var(--feld-ink-2)}
.feld-body h2{margin:42px 0 15px;font-size:clamp(25px,3vw,33px);line-height:1.2}
.feld-body h3{margin:32px 0 12px;font-size:clamp(20px,2.2vw,24px);line-height:1.25}
.feld-body ul,.feld-body ol{margin:0 0 24px;padding-left:22px;font-size:18.5px;line-height:1.8;font-weight:300;color:var(--feld-ink-2)}
.feld-body li{margin-bottom:8px}
.feld-body a{color:var(--feld-green)}
.feld-body strong{font-weight:600;color:var(--feld-ink)}

/* Riesige Ziffern: die Datenbehandlung dieser Richtung */
.feld-bignum{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,44px);margin:40px 0;padding:30px 0;border-top:3px solid var(--feld-ink);border-bottom:1px solid var(--feld-bone-line)}
.feld-bignum b{display:block;font-family:"Newsreader",Georgia,serif;font-size:clamp(40px,6vw,64px);line-height:1;font-weight:400;letter-spacing:-.022em}
.feld-bignum span{display:block;margin-top:11px;font-size:15px;line-height:1.55;color:var(--feld-mute-l2)}

.feld-quote{margin:40px 0;padding-left:24px;border-left:3px solid var(--feld-gold);font-family:"Newsreader",Georgia,serif;font-size:clamp(21px,2.6vw,28px);line-height:1.35;font-style:italic;font-weight:300;color:var(--feld-ink-2)}

.feld-tbl{width:100%;border-collapse:collapse;margin:32px 0;font-size:16.5px}
.feld-tbl caption{text-align:left;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--feld-mute-l);padding-bottom:11px}
.feld-tbl th{text-align:left;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--feld-mute-l);padding:11px 12px 11px 0;border-top:3px solid var(--feld-ink);border-bottom:1px solid var(--feld-bone-line)}
.feld-tbl td{padding:13px 12px 13px 0;border-bottom:1px solid var(--feld-bone-line);vertical-align:top;font-weight:300;color:var(--feld-ink-2)}
.feld-tbl td:last-child,.feld-tbl th:last-child{padding-right:0}
.feld-tbl tr:last-child td{border-bottom:2px solid var(--feld-ink)}
.feld-tbl .num{font-family:"Newsreader",Georgia,serif;font-size:20px;font-weight:500;white-space:nowrap;color:var(--feld-ink)}
.feld-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.feld-box{border-top:3px solid var(--feld-ink);border-bottom:1px solid var(--feld-bone-line);padding:22px 0 24px;margin:38px 0}
.feld-box h3{margin:10px 0 12px;font-size:24px}
.feld-box ol,.feld-box ul{margin:0;padding-left:20px;font-size:17.5px;line-height:1.8}

.feld-figure{margin:38px 0}
.feld-figure img{width:100%;height:auto}
.feld-figure figcaption{margin-top:11px;font-size:14px;line-height:1.6;color:var(--feld-mute-l);font-weight:400}

.feld-cta{border-top:3px solid var(--feld-ink);border-bottom:3px solid var(--feld-ink);padding:24px 0 26px;margin:44px 0 0}
.feld-cta h3{margin:10px 0 10px;font-size:clamp(22px,2.6vw,28px);line-height:1.2}
.feld-cta p{margin:0 0 4px;font-size:17.5px}
.feld-cta .feld-more{color:var(--feld-green);border-bottom-color:var(--feld-green)}

.feld-srcs{margin:44px 0 0;padding-top:18px;border-top:1px solid var(--feld-bone-line)}
.feld-srcs ol{margin:12px 0 0;padding-left:20px;font-size:15.5px;line-height:1.85;font-weight:400}
.feld-srcs a{color:var(--feld-green);word-break:break-word}
.feld-disc{font-size:14.5px;line-height:1.7;color:var(--feld-mute-l);font-weight:400;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--feld-bone-line)}

.feld-crumb{max-width:var(--feld-max);margin:0 auto;padding:16px 28px 0;font-size:13px;color:var(--feld-mute-l)}
.feld-crumb a{color:var(--feld-green);text-decoration:none}
.feld-crumb a:hover{text-decoration:underline}

.feld-rel{max-width:var(--feld-max);margin:0 auto;padding:clamp(38px,5vw,60px) 28px clamp(44px,5.5vw,68px)}
.feld-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3.5vw,40px);margin-top:20px}
.feld-rel-item{border-top:3px solid var(--feld-ink);padding-top:16px}
.feld-rel-item img{width:100%;height:170px;object-fit:cover;object-position:center 35%;margin-bottom:14px}
.feld-rel-item h3{font-size:21px;line-height:1.24;margin:8px 0 0}
.feld-rel-item h3 a{text-decoration:none}
.feld-rel-item h3 a:hover{color:var(--feld-green)}

/* ---------- Rubrikseite ---------- */
.feld-cathead{max-width:var(--feld-max);margin:0 auto;padding:clamp(30px,4vw,48px) 28px 0}
.feld-cathead h1{font-size:clamp(34px,5vw,52px);line-height:1.06}
.feld-cathead p{margin:14px 0 0;font-size:19px;line-height:1.6;font-weight:300;color:var(--feld-mute-l2);max-width:640px}
.feld-list{max-width:var(--feld-max);margin:0 auto;padding:clamp(26px,3.5vw,40px) 28px clamp(44px,5.5vw,68px)}
.feld-item{display:grid;grid-template-columns:340px 1fr;gap:clamp(22px,3.5vw,44px);align-items:center;padding:clamp(24px,3.5vw,36px) 0;border-top:1px solid var(--feld-bone-line)}
.feld-item:first-child{border-top:3px solid var(--feld-ink)}
.feld-item img{width:100%;height:200px;object-fit:cover;object-position:center 35%}
.feld-item h2{margin:11px 0 0;font-size:clamp(22px,2.7vw,30px);line-height:1.18}
.feld-item h2 a{text-decoration:none}
.feld-item h2 a:hover{color:var(--feld-green)}
.feld-item p{margin:11px 0 0;font-size:17px;line-height:1.62;font-weight:300;color:var(--feld-mute-l2)}

/* ---------- Rechtsseiten ---------- */
.feld-legal{max-width:var(--feld-read);margin:0 auto;padding:clamp(30px,4vw,48px) 28px clamp(44px,5.5vw,68px)}
.feld-legal h1{font-size:clamp(30px,4.2vw,44px);line-height:1.1;margin-bottom:22px}
.feld-legal h2{font-size:clamp(21px,2.4vw,26px);margin:34px 0 12px}
.feld-legal p,.feld-legal li{font-size:17px;line-height:1.72;font-weight:300;color:var(--feld-ink-2)}
.feld-legal p{margin:0 0 16px}
.feld-legal ul{padding-left:20px;margin:0 0 18px}
.feld-legal a{color:var(--feld-green);word-break:break-word}
.feld-legal address{font-style:normal;font-size:17px;line-height:1.75;font-weight:300;color:var(--feld-ink-2);margin:0 0 16px}

/* USt-IdNr. bewusst als eigenstaendiger Block, damit sie beim Ueberfliegen
   nicht zwischen Fliesstext untergeht. */
.feld-vat{border:2px solid var(--feld-ink);background:var(--feld-bone-2);padding:20px 24px 22px;margin:0 0 20px}
.feld-legal .feld-vat-lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--feld-mute-l);margin:0}
.feld-legal .feld-vat-num{font-family:"Newsreader",Georgia,serif;font-size:clamp(30px,4.4vw,40px);line-height:1.05;font-weight:500;letter-spacing:.02em;color:var(--feld-ink);margin:10px 0 0}
.feld-legal .feld-vat-sub{font-size:15px;line-height:1.6;color:var(--feld-mute-l2);margin:12px 0 0}

.feld-danke{max-width:var(--feld-read);margin:0 auto;padding:clamp(50px,7vw,90px) 28px;text-align:left}
.feld-danke h1{font-size:clamp(32px,4.6vw,48px);line-height:1.08}
.feld-danke p{font-size:19px;line-height:1.7;font-weight:300;color:var(--feld-ink-2);margin:18px 0 0}

/* ---------- Cookie-Banner ---------- */
.feld-cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--feld-pine-deep);color:var(--feld-bone);border-top:2px solid var(--feld-gold);display:none}
.feld-cookie.show{display:block}
.feld-cookie-in{max-width:var(--feld-max);margin:0 auto;padding:18px 28px;display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.feld-cookie-txt{font-size:14.5px;line-height:1.6;color:var(--feld-mute-d2);font-weight:300;max-width:660px}
.feld-cookie-txt a{color:var(--feld-gold)}
.feld-cookie-btns{display:flex;gap:11px;flex-wrap:wrap}
.feld-cookie button{font-family:inherit;font-size:14px;font-weight:600;padding:12px 18px;border:1px solid var(--feld-gold);background:transparent;color:var(--feld-gold);cursor:pointer}
.feld-cookie button.primary{background:var(--feld-gold);color:var(--feld-pine-deep)}

/* ---------- Schmale Ansichten ---------- */
@media (max-width:900px){
  .feld-nl-in{grid-template-columns:1fr}
  .feld-figs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feld-rel-grid{grid-template-columns:1fr;gap:26px}
  .feld-item{grid-template-columns:1fr}
  .feld-item img{height:210px}
}
@media (max-width:720px){
  body{font-size:17px}
  .feld-wrap,.feld-top-in,.feld-head-in,.feld-foot-in,.feld-figs-in,.feld-nl-in,.feld-cookie-in{padding-left:20px;padding-right:20px}
  .feld-body,.feld-arthead,.feld-legal,.feld-crumb,.feld-list,.feld-cathead,.feld-rel,.feld-danke{padding-left:20px;padding-right:20px}
  .feld-head-in{padding-top:16px;padding-bottom:16px;gap:14px}
  .feld-nav{gap:18px}
  .feld-nav a{font-size:14px}
  /* Aufmacher auf schmalen Displays stapeln statt ueberlagern:
     der Textblock ist hoeher als das Bild und wurde sonst oben abgeschnitten. */
  .feld-hero{background:var(--feld-pine)}
  .feld-hero-scrim{display:none}
  .feld-hero-txt{position:static;padding:24px 0 32px}
  .feld-hero img{height:232px}
  .feld-nav{gap:16px;row-gap:6px}
  .feld-row,.feld-row.rev{grid-template-columns:1fr}
  .feld-row.rev>.feld-row-img{order:0}
  .feld-bignum{grid-template-columns:1fr;gap:26px}
  .feld-body p{font-size:18px}
  .feld-tbl{font-size:15.5px}
  .feld-cookie-in{flex-direction:column;align-items:flex-start;gap:14px}
  .feld-cookie button{flex:1 1 auto}
}
@media (max-width:420px){
  .feld-figs-grid{grid-template-columns:1fr}
  .feld-brand{font-size:26px}
}