/*
Theme Name: CashControl
Theme URI: https://www.cashcontrol.info
Author: CashControl
Description: Rahmen der CashControl-Website: Header, Footer, Schrift, Logos. Die Seiten bestehen aus Blöcken „Individuelles HTML“. Einrichten unter Design → CashControl Website.
Version: 1.0.3
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cashcontrol
*/

/* Schrift: Inter (variabel, 100 bis 900). Die Namen „CC Inter“ und „Inter CC“ nutzen einzelne Seiten. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"CC Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Inter CC";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter.woff2) format("woff2")}

html{background:#000}
body{margin:0}

/* Angemeldet: WordPress-Leiste oben, Header darunter */
.admin-bar .ccsite-hd{top:32px}
.admin-bar .ccsite-mob{top:32px}
@media (max-width:782px){.admin-bar .ccsite-hd,.admin-bar .ccsite-mob{top:46px}}
@media (max-width:600px){html #wpadminbar{position:fixed}}

/* ================================ HEADER ================================ */
html:root{--cc-header-h:72px}
@media (max-width:1079px){html:root{--cc-header-h:60px}}
html{scroll-padding-top:calc(var(--cc-header-h) + 12px)}
html.ccsite-lock{overflow:hidden}

.ccsite-hd,.ccsite-mob{
  --hd-blue:#6083F4;
  --hd-fg:#fff;
  --hd-bg:#000;
  --hd-sheet:#16171c;
  --hd-card:#1b1c21;
  --hd-tile:#24252b;
  --hd-muted:rgba(255,255,255,.62);
  --hd-hover:rgba(255,255,255,.08);
  --hd-veil:rgba(0,0,0,.62);
  --hd-ease:cubic-bezier(.22,.7,.12,1);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:15px;font-weight:500;letter-spacing:-.012em;line-height:1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.ccsite-hd[data-tone="light"],.ccsite-mob[data-tone="light"]{
  --hd-fg:#000;
  --hd-bg:#fff;
  --hd-sheet:#f2f3f7;
  --hd-card:#f2f3f7;
  --hd-tile:#fff;
  --hd-muted:rgba(0,0,0,.56);
  --hd-hover:rgba(0,0,0,.06);
  --hd-veil:rgba(255,255,255,.72);
}

/* Schutz gegen Seiten-Stile */
.ccsite-hd *,.ccsite-hd *::before,.ccsite-hd *::after,.ccsite-mob *,.ccsite-mob *::before,.ccsite-mob *::after{box-sizing:border-box}
.ccsite-hd a,.ccsite-mob a,.ccsite-hd a:hover,.ccsite-mob a:hover{color:inherit;text-decoration:none}
.ccsite-hd p,.ccsite-mob p,.ccsite-hd ul,.ccsite-mob ul{margin:0}
.ccsite-hd button,.ccsite-mob button{font-family:inherit;text-transform:none}

/* ============ Leiste ============ */
.ccsite-hd{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--cc-header-h);color:var(--hd-fg);transition:color .25s ease}
.ccsite-hd::before{content:"";position:absolute;inset:0;background:var(--hd-veil);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);opacity:0;transition:opacity .3s ease,background-color .25s ease}
.ccsite-hd.ccsite-scrolled::before{opacity:1}
.ccsite-hd__bar{position:relative;z-index:2;display:flex;align-items:center;gap:28px;max-width:1600px;height:100%;margin:0 auto;padding:0 clamp(20px,4vw,56px)}

.ccsite-hd__brand{display:inline-flex;align-items:center;flex:none;height:44px;padding:0 6px;margin-left:-6px;border-radius:12px}
.ccsite-hd__word{font-size:22px;font-weight:600;letter-spacing:-.035em}
.ccsite-hd__logo{display:block;height:38px;width:auto}
@media (max-width:1079px){.ccsite-hd__logo{height:32px}}
.ccsite-hd__logo--light,.ccsite-hd[data-tone="light"] .ccsite-hd__logo--dark,.ccsite-mob[data-tone="light"] .ccsite-hd__logo--dark{display:none}
.ccsite-hd[data-tone="light"] .ccsite-hd__logo--light,.ccsite-mob[data-tone="light"] .ccsite-hd__logo--light{display:block}

.ccsite-hd__nav{display:none;margin-left:auto}
.ccsite-hd__list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.ccsite-hd__item{position:relative}
.ccsite-hd__link{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 14px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;opacity:.84;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}
.ccsite-hd__link:hover,.ccsite-hd__item.ccsite-open > .ccsite-hd__link,.ccsite-hd__item.ccsite-current > .ccsite-hd__link{opacity:1}
.ccsite-hd__link:hover,.ccsite-hd__item.ccsite-open > .ccsite-hd__link{background:var(--hd-hover)}
.ccsite-hd__item.ccsite-current > .ccsite-hd__link::after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--hd-blue)}
.ccsite-hd__chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.65;transition:transform .25s var(--hd-ease)}
.ccsite-hd__item.ccsite-open > .ccsite-hd__link .ccsite-hd__chev{transform:rotate(180deg)}

.ccsite-hd__right{display:flex;align-items:center;gap:8px;margin-left:auto}
.ccsite-hd__burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-right:-8px;padding:0;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer}
.ccsite-hd__burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
@media (min-width:1080px){
  .ccsite-hd__nav{display:block}
  .ccsite-hd__right{display:none}
}

/* ============ Ausklappliste (Desktop) ============ */
.ccsite-mm{position:absolute;left:0;top:calc(100% + 6px);z-index:1;min-width:250px;padding:8px;border-radius:18px;background:var(--hd-sheet);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s var(--hd-ease),transform .2s var(--hd-ease),visibility 0s linear .2s}
.ccsite-hd__item.ccsite-open > .ccsite-mm{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.ccsite-mm__inner{display:flex;flex-direction:column;gap:2px}
.ccsite-mm__tile{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;color:inherit;white-space:nowrap;transition:background-color .2s ease}
.ccsite-mm__tile:hover{background:var(--hd-hover)}
.ccsite-mm__ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--hd-tile);color:var(--hd-blue)}
.ccsite-mm__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ccsite-mm__t{font-size:15px;font-weight:500}

/* ============ Handy-Menü ============ */
.ccsite-mob{position:fixed;inset:0;z-index:1001;display:flex;flex-direction:column;background:var(--hd-bg);color:var(--hd-fg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .26s var(--hd-ease),transform .26s var(--hd-ease),visibility 0s linear .26s}
.ccsite-mob.ccsite-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ccsite-mob__top{flex:none;display:flex;align-items:center;justify-content:space-between;height:var(--cc-header-h);padding:0 clamp(20px,4vw,56px)}
.ccsite-mob__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-8px;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer}
.ccsite-mob__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ccsite-mob__scroll{flex:1;min-height:0;overflow:auto;padding:4px clamp(20px,4vw,56px) calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.ccsite-mob__list{display:flex;flex-direction:column}
.ccsite-mob__acc-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px;border:0;background:none;color:inherit;font:inherit;font-size:21px;font-weight:500;letter-spacing:-.02em;text-align:left;cursor:pointer}
.ccsite-mob__acc-btn svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .25s var(--hd-ease)}
.ccsite-mob__acc.ccsite-open .ccsite-mob__acc-btn svg{transform:rotate(180deg)}
.ccsite-mob__acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--hd-ease)}
.ccsite-mob__acc.ccsite-open .ccsite-mob__acc-body{grid-template-rows:1fr}
.ccsite-mob__acc-inner{min-height:0;overflow:hidden}
.ccsite-mob__link{display:block;padding:18px 4px;font-size:21px;font-weight:500;letter-spacing:-.02em}
.ccsite-mob .ccsite-mm__inner{padding:0 0 12px}
.ccsite-mob .ccsite-mm__tile{padding:10px 8px}
.ccsite-mob .ccsite-mm__t{font-size:17px}
.ccsite-mob__more{margin-top:20px;padding-top:8px}
.ccsite-mob__more-head{margin:0 4px 6px;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--hd-muted)}
.ccsite-mob__more a{display:block;padding:11px 4px;font-size:16px;font-weight:500;opacity:.86}

@media (prefers-reduced-motion:reduce){
  .ccsite-hd,.ccsite-hd::before,.ccsite-mm,.ccsite-mob,.ccsite-mob__acc-body,.ccsite-mob__acc-btn svg,.ccsite-hd__chev{transition:none}
}

/* ================================ FOOTER ================================ */
.ccsite-ft{background:#000;color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.012em;line-height:1.4;padding-top:clamp(72px,9vw,120px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ccsite-ft *,.ccsite-ft *::before,.ccsite-ft *::after{box-sizing:border-box}
.ccsite-ft a,.ccsite-ft a:hover{color:inherit;text-decoration:none}
.ccsite-ft p{margin:0}
.ccsite-ft__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,56px) clamp(56px,7vw,96px)}
.ccsite-ft__word{display:inline-block;font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1}
.ccsite-ft__brand-link{display:inline-block}
.ccsite-ft__logo{display:block;height:40px;width:auto}
.ccsite-ft__tag{margin:22px 0 0;max-width:30ch;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:500;line-height:1.25;letter-spacing:-.022em}
.ccsite-ft__cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:0;font-size:15px;color:#6083F4}
.ccsite-ft__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ccsite-ft__news{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px}
.ccsite-ft__news-label{font-size:13px;color:rgba(255,255,255,.56);margin-right:4px}
.ccsite-ft__pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border-radius:999px;background:#151619;font-size:14px;transition:background-color .2s ease}
.ccsite-ft__pill:hover{background:#202127}
.ccsite-ft__pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
.ccsite-ft__head{margin:0 0 14px;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.ccsite-ft__col ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ccsite-ft__col a{display:inline-block;font-weight:400;opacity:.9;transition:opacity .2s ease}
.ccsite-ft__col a:hover{opacity:1}
.ccsite-ft__base{background:#111215;border-radius:28px 28px 0 0}
.ccsite-ft__base-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;max-width:1600px;margin:0 auto;padding:22px clamp(20px,4vw,56px) calc(22px + env(safe-area-inset-bottom))}
.ccsite-ft__copy{margin:0;font-size:13px;font-weight:400;color:rgba(255,255,255,.62)}
.ccsite-ft__social{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ccsite-ft__social .ccsite-ft__pill{height:36px;padding:0 13px;background:#1c1d23}
.ccsite-ft__social .ccsite-ft__pill:hover{background:#26272e}
@media (max-width:900px){
  .ccsite-ft__inner{grid-template-columns:1fr 1fr;gap:40px 24px}
  .ccsite-ft__brand{grid-column:1 / -1}
}
@media (max-width:560px){
  .ccsite-ft__base-inner{flex-direction:column;align-items:flex-start}
}

/* Footer: Pfeil direkt hinter dem Text, auch wenn er umbricht */
.ccsite-ft .ccsite-ft__cta{display:block}
.ccsite-ft .ccsite-ft__cta svg{display:inline-block;flex:none;width:15px;height:15px;margin-left:6px;vertical-align:-2px}