/* LIGONE AI — einheitlicher Neuaufbau nach der freigegebenen Vorlage. V21. */
:root{--navy:#0b2355;--blue:#096bea;--line:#d8e8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f9ac31;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:clamp(60px,4.73vw,90px);display:grid;grid-template-columns:minmax(180px,25%) 1fr auto auto;align-items:center;gap:clamp(12px,1.7vw,30px);padding:0 2.3%;background:white}.brand{min-width:0}.brand img{display:block;width:min(100%,clamp(225px,21vw,385px));height:auto;max-height:clamp(55px,4.5vw,80px);object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,28px);white-space:nowrap}.site-nav a{font-size:clamp(12px,.94vw,18px)}.site-nav a.active{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue);padding:0 0 8px}.header-script{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(19px,1.65vw,31px);font-weight:600;font-style:italic;letter-spacing:-.07em;line-height:1.08;transform:rotate(-8deg);width:clamp(175px,17vw,320px);position:relative;text-align:center}.header-script::after{content:'';position:absolute;bottom:-7px;left:12%;right:6%;height:10px;border-bottom:2px solid var(--navy);border-radius:0 0 80% 70%;transform:rotate(-6deg)}.start-link{background:linear-gradient(100deg,#1192f7,#075ce2);color:#fff;border-radius:40px;padding:clamp(10px,1vw,18px) clamp(17px,1.6vw,30px);white-space:nowrap;font-size:clamp(13px,1vw,19px)}.menu-button{display:none}
/* Die Fotografie ist ein einziges Bild. HTML-Text liegt darüber. */
.clean-hero{height:24.65vw;max-height:475px;min-height:310px;position:relative;isolation:isolate;overflow:hidden;background:#a5d9f8 url('../images/ligone-ai/hero-1920.webp') center 50%/cover no-repeat}.mobile-hero-photo{display:none}.hero-content{position:absolute;z-index:2;top:12.5%;left:28.5%;width:34.2%;margin:0;text-align:center}.hero-content h1{font-size:clamp(40px,4.05vw,77px);line-height:1.01;letter-spacing:-.048em;font-weight:800;margin:0;text-shadow:0 1px 5px #ffffff9c;white-space:nowrap}.hero-content h1 em{font-style:normal;color:#0867eb;display:inline-block;white-space:nowrap;background:none!important;-webkit-text-fill-color:#0867eb;text-shadow:0 1px 5px #ffffffb0}.hero-content>p{font-size:clamp(15px,1.3vw,25px);font-weight:700;margin:5px -14% clamp(14px,1.75vw,34px);white-space:nowrap;text-shadow:0 1px 4px #fff}.hero-prompt{height:clamp(48px,3.8vw,72px);width:100%;border-radius:60px;background:#fff;display:flex;align-items:center;padding:5px 6px 5px 20px;gap:10px;box-shadow:0 3px 14px #0a3d6b18}.prompt-icon{font-size:clamp(20px,1.6vw,30px);color:var(--blue)}.hero-prompt input{min-width:0;flex:1;width:100%;border:0;background:none;outline:0;color:var(--navy);font-size:clamp(12px,1vw,19px)}.hero-prompt input::placeholder{color:#5b769b}.hero-prompt button{flex:0 0 clamp(40px,3.2vw,61px);height:clamp(40px,3.2vw,61px);border:0;border-radius:50%;background:#0871ee;color:white;font-size:clamp(23px,1.8vw,34px)}.hero-chips{display:flex;justify-content:center;gap:clamp(5px,.5vw,10px);margin-top:clamp(9px,.8vw,16px);flex-wrap:nowrap}.hero-chips button{border:1px solid #e0eafa;background:#fff;border-radius:40px;padding:clamp(5px,.5vw,10px) clamp(10px,1vw,20px);font-size:clamp(11px,.85vw,16px);font-weight:600;color:var(--navy);white-space:nowrap}.hero-chips button:hover{background:#e9f3ff}.hero-side-note{position:absolute;left:1.6%;bottom:15%;font-size:clamp(12px,1.14vw,22px);line-height:1.22;font-weight:700}.hero-right-brand{position:absolute;z-index:1;right:1.3%;top:10%;width:14.3%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(6px,.7vw,13px)}.hero-right-brand img{display:block;width:100%;height:auto;max-height:clamp(140px,13.5vw,250px);object-fit:contain;filter:drop-shadow(0 1px 5px #ffffffb3)}.hero-right-brand strong{font-size:clamp(11px,1.05vw,20px);line-height:1.15;letter-spacing:.12em;text-shadow:0 1px 5px white}
.category-section{padding:clamp(8px,.8vw,15px) 1.5% 4px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,.75vw,15px)}.category-card{border:1px solid var(--line);border-radius:7px;min-width:0;overflow:hidden;background:linear-gradient(#fff,#f7fbff)}.category-photo{position:relative;aspect-ratio:1.9}.category-photo img{display:block;width:100%;height:100%;object-fit:cover}.category-icon{position:absolute;bottom:-17px;left:10px;display:grid;place-items:center;width:clamp(40px,3.3vw,62px);height:clamp(40px,3.3vw,62px);background:white;border:1px solid var(--line);border-radius:50%;color:var(--blue)}.category-icon svg{width:60%;height:60%}.category-copy{position:relative;min-height:clamp(53px,4.3vw,82px);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:14px 20px 8px 11px}.category-copy strong{font-size:clamp(11px,1vw,19px);line-height:1.12}.category-copy>span:not(.category-arrow){font-size:clamp(10px,.85vw,16px);line-height:1.2}.category-arrow{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:27px;color:var(--blue)}
.feature-section{padding:5px 1.5% 12px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.8vw,16px)}.feature-card{position:relative;min-width:0;aspect-ratio:2.35;overflow:hidden;border-radius:7px;background:#e8f1ff}.feature-card>img{display:block;width:100%;height:100%;object-fit:cover}.feature-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 75%);pointer-events:none}.feature-then::before{background:linear-gradient(#fffd,transparent 60%)}.feature-copy{position:absolute;top:clamp(12px,1.2vw,23px);left:clamp(15px,1.5vw,29px);right:8px;color:#fff}.feature-copy h2{margin:0 0 4px;font-size:clamp(20px,1.7vw,32px);line-height:1.1}.feature-copy p{margin:0;font-size:clamp(12px,1vw,19px)}.feature-copy a{display:inline-flex;gap:12px;align-items:center;background:#fff;border-radius:40px;color:var(--navy);padding:9px 17px;margin-top:clamp(15px,2vw,38px);font-size:clamp(11px,.85vw,16px);font-weight:700}.feature-copy a span{color:var(--blue);font-size:20px}.feature-then .feature-copy{color:var(--navy)}.then-control{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;background:white;color:var(--blue);padding:10px;font-size:20px}
.principles{display:grid;grid-template-columns:1.1fr 3.4fr .7fr;align-items:center;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(14px,1.3vw,24px) 1.7%}.principles-intro h2{font-size:clamp(17px,1.4vw,27px);margin:0 0 3px}.principles-intro p{margin:0;font-size:clamp(10px,.85vw,16px)}.principle-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.principle-items>div{display:flex;align-items:center;gap:6px;font-size:clamp(9px,.7vw,13px);line-height:1.3}.principle-items span{font-size:clamp(25px,2.6vw,50px);color:var(--blue)}.principles-script{font-family:'Segoe Print',cursive;font-size:clamp(13px,1.2vw,23px);font-style:italic;font-weight:bold;transform:rotate(-8deg);margin:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 1.7%;font-size:12px}.footer nav{display:flex;gap:20px}.ai-faq{max-width:1100px;margin:20px auto;padding:16px 24px}.ai-faq details{border:1px solid var(--line);border-radius:8px;padding:12px}
@media(min-width:761px) and (max-width:1350px){.site-header{grid-template-columns:24% 1fr auto;gap:12px}.header-script{display:none}.site-nav{gap:clamp(8px,1.2vw,17px)}.hero-content{left:29%;width:37%}.hero-content h1{font-size:4vw}.hero-right-brand{right:1%;width:14%}.hero-content>p{font-size:1.25vw}}
@media(min-width:761px) and (max-width:1050px){.site-header{grid-template-columns:23% 1fr auto}.brand img{width:100%}.site-nav a{font-size:11px}.clean-hero{min-height:260px}.hero-content{top:11%;width:43%;left:27%}.hero-content h1{font-size:3.9vw}.hero-right-brand{width:12%}.hero-chips button{padding:5px 8px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principles{grid-template-columns:1fr}.principle-items{grid-template-columns:repeat(3,1fr)}.principles-script{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V24: Desktop-Neuaufbau nach der freigegebenen Bildvorlage. Keine mobilen Änderungen. */
.brand-wordmark{display:none}
@media(min-width:761px){
 .site-header{height:clamp(62px,4.75vw,90px);display:flex;align-items:center;gap:clamp(12px,2vw,32px);padding:0 clamp(18px,3.7vw,70px)}
 .brand{display:flex;align-items:center;flex:0 0 clamp(240px,21vw,400px);gap:7px;min-width:0;text-decoration:none}
 .brand img{display:block;width:clamp(60px,6.1vw,112px);height:clamp(55px,4.7vw,89px);max-height:none;object-fit:contain;flex:0 0 auto}
 .brand-wordmark{display:flex;flex-direction:column;justify-content:center;white-space:nowrap;min-width:0;line-height:1}
 .brand-wordmark b{font-size:clamp(24px,2.6vw,48px);letter-spacing:-.055em;font-weight:800;color:#0b2456}
 .brand-wordmark b span{color:#0982e9}
 .brand-wordmark small{font-size:clamp(7px,.64vw,12px);letter-spacing:.36em;font-weight:700;margin-top:5px;color:#0b2456}
 .site-nav{display:flex;flex:1 1 auto;justify-content:center;gap:clamp(12px,1.5vw,26px);white-space:nowrap}
 .site-nav a{font-size:clamp(12px,.94vw,18px)}
 .header-script{display:block;position:relative;flex:0 0 clamp(180px,17vw,320px);width:auto;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(17px,1.55vw,29px);line-height:1.02;font-style:italic;font-weight:600;letter-spacing:-.06em;white-space:normal;text-align:center;transform:rotate(-7deg);margin:0 0 8px}
 .header-script::after{content:'';position:absolute;left:15%;right:7%;bottom:-8px;border-bottom:2px solid #0b2456;border-radius:50%;transform:rotate(-4deg)}
 .start-link{flex:0 0 auto;padding:clamp(11px,.9vw,17px) clamp(19px,1.8vw,33px);font-size:clamp(13px,1vw,19px)}
 .mobile-hero-photo{display:none}
 .clean-hero{height:24.65vw;max-height:none;min-height:310px;position:relative;display:block;overflow:hidden;background:#a6d9f6 url('../images/ligone-ai/hero-1920.webp') center center/cover no-repeat}
 .hero-content{position:absolute;z-index:2;top:13%;left:44.5%;transform:translateX(-50%);width:clamp(450px,33vw,635px);margin:0;text-align:center}
 .hero-content h1{margin:0;color:#0b2456;font-size:clamp(43px,3.9vw,74px);font-weight:800;letter-spacing:-.045em;line-height:.99;white-space:nowrap;text-shadow:0 1px 3px #ffffffa8}
 .hero-content h1 em{display:inline;font-style:normal;color:#0869ec;-webkit-text-fill-color:#0869ec;background:transparent!important;text-shadow:0 1px 4px #ffffffc4}
 .hero-content>p{margin:7px -10% clamp(15px,1.7vw,32px);font-size:clamp(16px,1.24vw,24px);font-weight:700;white-space:nowrap;text-shadow:0 1px 4px #fff}
 .hero-prompt{height:clamp(51px,3.65vw,69px);width:100%;max-width:none;margin:auto;padding:5px 6px 5px 20px;border-radius:100px}
 .hero-prompt input{font-size:clamp(14px,1vw,19px)}
 .hero-prompt button{height:clamp(41px,3.1vw,59px);flex-basis:clamp(41px,3.1vw,59px)}
 .hero-chips{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(5px,.5vw,9px);margin-top:clamp(10px,.85vw,16px)}
 .hero-chips button{font-size:clamp(11px,.82vw,15px);padding:clamp(5px,.43vw,8px) clamp(11px,.9vw,17px);white-space:nowrap}
 .hero-side-note{position:absolute;z-index:2;left:1.7%;bottom:11%;font-size:clamp(12px,1.05vw,20px);line-height:1.23;font-weight:700}
 .hero-right-brand{position:absolute;z-index:2;right:2%;top:7%;width:clamp(145px,14vw,264px);display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
 .hero-right-brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 1px 3px #ffffffc9)}
 .hero-right-brand strong{font-size:clamp(12px,1.05vw,20px);line-height:1.18;letter-spacing:.12em;margin-top:-2px;color:#0b2456;text-shadow:0 1px 4px #fff}
}
@media(min-width:761px) and (max-width:1359px){
 .site-header{gap:12px}.brand{flex-basis:25%}.brand img{width:clamp(54px,6vw,84px)}.brand-wordmark b{font-size:clamp(21px,2.6vw,35px)}
 .site-nav{gap:clamp(7px,1.1vw,16px)}.site-nav a{font-size:clamp(11px,1vw,14px)}
 .header-script{flex-basis:17%;font-size:clamp(16px,1.65vw,22px)}
 .hero-content{width:37%;left:44.5%}.hero-content h1{font-size:4vw}.hero-content>p{font-size:1.25vw}
 .hero-right-brand{width:14%}
}
@media(min-width:761px) and (max-width:1050px){.header-script{display:none}.brand{flex-basis:24%}.hero-content{left:46%;width:45%}.hero-content h1{font-size:4vw}.hero-right-brand{width:13%}}



/* V28: one authoritative mobile layout; desktop CSS remains unchanged. */
@media screen and (max-width:760px){
 html,body{overflow-x:clip}
 .site-header{height:58px;min-height:58px;display:flex;align-items:center;gap:8px;padding:5px 12px;position:relative;z-index:10}
 .brand{flex:0 0 82px;min-width:0}.brand img{width:75px;height:46px;object-fit:contain}.brand-wordmark{display:none}
 .menu-button{display:grid;place-items:center;margin-left:auto;border:1px solid #d7e9ff;border-radius:9px;background:#fff;color:var(--blue);width:41px;height:40px;font-size:25px}
 .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:30;box-shadow:0 8px 22px #122f5233;padding:8px 15px;flex-direction:column;align-items:stretch;gap:0}
 .site-nav.open{display:flex}.site-nav a{font-size:16px;padding:12px 4px;border-bottom:1px solid var(--line)}.header-script,.start-link{display:none}
 .clean-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;height:auto;min-height:0;max-height:none;overflow:hidden;padding:0 0 0;background:#d6eafa}
 .mobile-hero-photo{display:block;position:absolute;inset:auto 0 0 0;width:100%;height:185px;z-index:0;overflow:hidden;pointer-events:none;line-height:0;-webkit-mask-image:none;mask-image:none}
 .mobile-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,252,255,.65) 0%,rgba(248,252,255,0) 45%)}
 .mobile-hero-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center}
 .hero-content{position:relative;z-index:2;top:auto;left:auto;transform:none;width:100%;max-width:520px;margin:0 auto;padding:13px 10px 160px;text-align:center}
 .hero-content h1{margin:0;color:#0b2456;font-size:clamp(29px,8vw,42px);line-height:1.04;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 1px 3px #fff}
 .hero-content h1 em{display:inline;font-style:normal;color:#0869ec;-webkit-text-fill-color:#0869ec;background:none!important;white-space:nowrap}
 .hero-content>p{font-size:clamp(11px,3.2vw,15px);font-weight:700;line-height:1.3;white-space:normal;max-width:350px;margin:7px auto 11px}
 .hero-prompt{width:100%;height:49px;max-width:500px;margin:0 auto;padding:4px 5px 4px 10px;gap:5px;border:1px solid #d7e8fa}
 .hero-prompt input{font-size:16px}.hero-prompt button{height:40px;flex-basis:40px}
 .hero-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:9px auto 0;max-width:500px}
 .hero-chips button{min-height:31px;font-size:11px;padding:5px 2px;white-space:nowrap}
 .hero-side-note,.hero-right-brand{display:none}
 .category-section{padding:8px 9px 5px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .category-photo{aspect-ratio:1.55}.category-copy{padding:18px 18px 10px 10px;min-height:75px;gap:3px}.category-copy strong{font-size:14px;line-height:1.18}.category-copy>span:not(.category-arrow){font-size:12px;line-height:1.2}
 .category-icon{width:39px;height:39px;bottom:-15px}.category-icon svg{width:23px;height:23px}.category-arrow{top:19px;font-size:22px}
 .feature-section{padding:6px 9px 12px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{aspect-ratio:2.12}.feature-copy{top:12px;left:15px}.feature-copy h2{font-size:23px}.feature-copy a{margin-top:16px}
 .principles{grid-template-columns:1fr;padding:18px 14px;gap:15px}.principle-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.principle-items>div{font-size:12px}.principle-items span{font-size:30px}.principles-script{display:none}
 .footer{flex-direction:column;text-align:center;padding:18px 12px}.footer nav{flex-wrap:wrap;justify-content:center;gap:15px}
}
@media screen and (max-width:370px){.hero-content h1{font-size:29px}.hero-chips{gap:5px}.category-grid{gap:7px}}