/*
Theme Name: ETH Circle Starter
Theme URI: https://tie-international.com/
Author: TIE International (Projektvorlage)
Description: Schlanke, responsive WordPress-Vorlage für ETH Circle. Mitglieder-Carousel, Aktivitäten und sichere Login-Demoseiten.
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 8.0
Text Domain: eth-circle-starter
*/
:root{--ink:#17222c;--muted:#5b6470;--bg:#fbfbfa;--white:#fff;--line:#e8e9e7;--accent:#375b66;--soft:#eaf0f1;--focus:#144e8e;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:8px;top:-60px;padding:10px;background:white;z-index:999}.skip-link:focus{top:8px}
.site-header{z-index:10;position:relative;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.header-row{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-brand{display:flex;align-items:center;gap:16px;font-size:1.05rem;font-weight:750;letter-spacing:.09em;line-height:1.12}.brand-coin{width:38px;height:38px;border:3px solid var(--ink);border-radius:50%;flex:none}.site-brand .custom-logo{max-width:175px;max-height:65px;width:auto;height:auto}.site-nav{display:flex;align-items:center;gap:32px;font-size:.86rem;font-weight:600;letter-spacing:.015em}.site-nav a{border-bottom:2px solid transparent;padding:5px 0}.site-nav a:hover{border-bottom-color:var(--ink)}.nav-login{padding:11px 18px!important;border:1px solid var(--ink)!important;border-radius:4px}.nav-login:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;border:1px solid var(--line);border-radius:4px;background:white;padding:9px 14px}
.hero{overflow:hidden;min-height:640px;background:linear-gradient(128deg,#f8f9f8 12%,#eef2f2 95%)}.hero-inner{position:relative;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding-block:90px}.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero h1{font-size:clamp(3.7rem,9vw,8rem);font-weight:600;letter-spacing:-.088em;line-height:.91;margin:24px 0 32px}.hero h1 em{font-style:normal;font-weight:250}.hero p{font-size:1.13rem;line-height:1.75;max-width:490px;color:#526068}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:12px 24px;border-radius:3px;border:1px solid var(--ink);font-weight:700;font-size:.83rem;background:var(--ink);color:#fff;transition:transform .15s ease,background .15s ease}.btn:hover{background:#344a53;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--ink)}.btn-secondary:hover{background:white;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.hero-graphic{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-ring{height:min(35vw,390px);width:min(35vw,390px);border:2px solid #17222c;border-radius:50%;position:relative;box-shadow:35px 30px 0 rgba(26,55,66,.055)}.hero-ring:after{content:'';width:20px;height:20px;background:#375b66;position:absolute;border-radius:50%;top:13%;right:12%}.hero-note{position:absolute;bottom:12px;right:10px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#687882;writing-mode:vertical-rl}
.section{padding-block:116px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-title{font-weight:580;letter-spacing:-.05em;line-height:1.11;font-size:clamp(2.2rem,5vw,4.2rem);margin:15px 0 0}.section-copy{color:var(--muted);max-width:520px;font-size:1.04rem}.section-copy p{margin-top:0}.text-link{font-size:.8rem;white-space:nowrap;border-bottom:1px solid currentColor;font-weight:700;letter-spacing:.045em}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center}.about-grid p{color:#4e5a64;font-size:1.04rem;line-height:1.87}.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:47px;border-top:1px solid var(--line);padding-top:27px;gap:18px}.fact b{font-size:clamp(1.3rem,3vw,2.2rem);font-weight:640;display:block;letter-spacing:-.045em}.fact span{font-size:.74rem;line-height:1.5;display:block;color:var(--muted)}.about-art{min-height:380px;background:#e8eeef;position:relative;display:grid;place-items:center;overflow:hidden}.about-art:before,.about-art:after{content:'';border:1px solid #81939a;border-radius:50%;width:340px;height:340px;position:absolute;right:-60px;bottom:-150px}.about-art:after{width:260px;height:260px;right:75px;bottom:100px;border-color:#bbc9ce}.about-art .mono{font-weight:650;font-size:7.7rem;letter-spacing:-.12em;z-index:1;line-height:1;color:#526b75}
.members-section{background:#f0f3f2}.carousel-controls{display:flex;gap:8px}.carousel-btn{width:46px;height:46px;background:transparent;border:1px solid #bdc6c9;border-radius:50%;font-size:1.45rem;display:grid;place-items:center}.carousel-btn:hover{background:var(--ink);color:#fff}.members-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:5px}.members-track::-webkit-scrollbar{display:none}.member-card{min-width:calc((100% - 66px) / 4);max-width:calc((100% - 66px) / 4);scroll-snap-align:start}.member-art{aspect-ratio:4/5;background:#dce5e6;overflow:hidden;display:grid;place-items:center;position:relative}.member-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(12%);transition:transform .25s ease}.member-card:hover img{transform:scale(1.03)}.member-blank{font-size:4rem;color:#8ea3a8;font-weight:260}.member-number{position:absolute;left:14px;bottom:13px;color:white;text-shadow:0 2px 7px #2229;font-size:.71rem;letter-spacing:.15em}.member-name{font-size:1.12rem;letter-spacing:-.035em;line-height:1.35;margin:16px 0 3px;font-weight:650}.member-job{font-size:.8rem;color:#5c6870;line-height:1.5;margin:0}.member-title{font-size:.75rem;color:#596b74;text-transform:uppercase;letter-spacing:.07em;margin:0 0 2px}.member-empty{color:var(--muted);padding:20px;border:1px dashed #b6c2c3;background:#fff;max-width:660px}.member-placeholder{color:#74838b;font-weight:500}
.activities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.activity-card{border:1px solid var(--line);background:#fff;padding:31px;min-height:295px;display:flex;flex-direction:column}.activity-index{font-size:.74rem;letter-spacing:.13em;color:#82949d}.activity-card h3{margin:auto 0 12px;font-size:1.45rem;font-weight:600;letter-spacing:-.04em;line-height:1.25}.activity-card p{font-size:.87rem;line-height:1.8;color:#66727b;margin:0}.bottom-banner{background:#233944;color:white;padding:76px 0}.bottom-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.bottom-banner h2{font-size:clamp(1.8rem,4.2vw,3.2rem);letter-spacing:-.055em;line-height:1.1;font-weight:580;margin:0 0 10px}.bottom-banner p{margin:0;color:#cad5d8}.bottom-banner .btn{border-color:white;background:white;color:#223b47}.bottom-banner .btn:hover{background:#dfe8e9}.site-footer{background:#172831;color:#ecf0f1;padding:40px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.76rem;color:#c2cbd0}.footer-row a{text-decoration:underline;text-underline-offset:4px}.footer-links{display:flex;flex-wrap:wrap;gap:22px}
.page-shell{min-height:60vh;padding-block:80px}.page-shell h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:570;letter-spacing:-.05em;line-height:1.14}.page-content{max-width:780px;font-size:1rem}.page-content a{text-decoration:underline}.page-content img{height:auto}.auth-wrap{max-width:560px;margin:0 auto}.auth-panel{background:white;border:1px solid var(--line);padding:44px;border-radius:5px}.auth-panel h1{margin:0 0 10px;font-size:2rem}.auth-panel .muted{font-size:.89rem;color:#65727b;margin-bottom:27px}.auth-panel label{display:block;font-size:.82rem;font-weight:650;margin:19px 0 7px}.auth-panel input{width:100%;border:1px solid #d8dde0;border-radius:3px;padding:12px 14px;background:#f8faf9;color:#53616a}.auth-panel button{margin-top:26px;width:100%}.demo-notice{background:#eaf0f1;padding:12px 14px;margin:23px 0 0;color:#354d57;font-size:.78rem;line-height:1.55;border-left:3px solid #6b8792}.auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:.81rem}.auth-links a{text-decoration:underline}.auth-panel input:disabled,.auth-panel button:disabled{opacity:.75;cursor:not-allowed}
@media(max-width:990px){.member-card{min-width:calc((100% - 44px) / 3);max-width:calc((100% - 44px) / 3)}.hero-inner{grid-template-columns:1.3fr .7fr}.hero-graphic{height:350px}.hero-ring{width:260px;height:260px}.activities-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}}@media(max-width:740px){.wrap{width:min(var(--width),calc(100% - 36px))}.header-row{min-height:72px;flex-wrap:wrap}.site-brand{font-size:.95rem}.brand-coin{width:30px;height:30px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:16px}.site-nav.is-open{display:flex}.site-nav a{padding:13px 5px}.nav-login{margin:10px 0;max-width:115px;text-align:center}.hero,.hero-inner{min-height:570px}.hero-inner{grid-template-columns:1fr;padding-block:72px 22px}.hero h1{font-size:clamp(4rem,15vw,6rem)}.hero-graphic{position:absolute;right:-85px;top:20px;opacity:.14;pointer-events:none}.hero-ring{width:330px;height:330px}.hero-note{display:none}.hero-content{position:relative;z-index:1}.section{padding-block:76px}.section-head{align-items:start}.about-grid{grid-template-columns:1fr}.about-art{min-height:260px}.member-card{min-width:calc((100% - 22px) / 2);max-width:calc((100% - 22px) / 2)}.activities-grid{grid-template-columns:1fr}.activity-card{min-height:230px}.bottom-banner .wrap{align-items:flex-start;flex-direction:column}.footer-row{flex-direction:column;align-items:flex-start}.auth-panel{padding:26px}}@media(max-width:440px){.member-card{min-width:82%;max-width:82%}.section-head{flex-wrap:wrap}.carousel-controls{margin-left:auto}.about-facts{gap:8px}.fact b{font-size:1.4rem}.hero-actions .btn{padding:10px 16px}.hero h1{font-size:3.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}