:root{--bg-dark: #081018;--text-white: #ffffff;--accent-green: #7ab800;--card-bg: #e6e6e6;--card-text: #333333;--font-main: Arial, sans-serif;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-white);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 8rem;position:absolute;width:100%;z-index:100;top:0}.branding .logo-placeholder{cursor:pointer;transition:transform .2s}.branding .logo-placeholder:hover{transform:scale(1.02)}nav{border-left:2px solid rgba(255,255,255,.3);padding-left:2rem}nav ul{list-style:none;display:flex;flex-flow:row wrap;gap:10px;text-align:right}nav a{text-decoration:none;color:#fff9;font-weight:400;font-size:19px;transition:color var(--transition-speed),padding-right var(--transition-speed);cursor:pointer}nav a:hover,nav a.active{color:var(--text-white);font-weight:700}.hamburger{display:block;font-size:2rem;cursor:pointer}#menu-toggle,.hamburger{display:none}section{padding-top:50px;min-height:100vh}section.active{display:block;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#home{background-size:cover;background-position:center;position:relative}.logo{display:flex;flex-direction:row;justify-content:left;padding-top:16rem;padding-left:8rem}.hero-content{max-width:800px;z-index:10}.hero-title{align-content:left;font-size:42px;line-height:1.2;margin-bottom:1.5rem}.text-green{color:var(--accent-green)}.hero-sub{font-size:19px;color:#ccc;margin-bottom:2rem;max-width:600px}.cta-link{color:var(--text-white);font-size:19px;text-decoration:none;font-weight:700;border-bottom:1px solid transparent;transition:border-color .3s}.aktuelles-teaser{margin-top:2rem;border:2px solid;border-color:#ccc;font-size:19px;color:#ccc;margin-bottom:2rem;max-width:600px;padding:1em}.aktuelles-link{font-size:42px;color:#fff;text-decoration:none;font-weight:700}.cta-link:hover{border-bottom-color:var(--accent-green)}#myVideo{position:absolute;right:0;bottom:0;z-index:-1;min-width:100%;min-height:100%;object-fit:cover;opacity:.6}.page-header{height:360px;background-color:#1a2a3a;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:0 0 2rem 8rem;margin-bottom:2rem;position:relative;margin-top:-160px;padding-top:160px}.header-kompetenzen{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(/images/Bild_Hintergrund_KI_Kompetenzen_weich_4_5_Gaus.png)}.header-leistungen{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(/images/Bild_Hintergund_KI_Leistung_weich.png)}.header-forschung{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(/images/Bild_Hintergrund_KI_Forschungsgruppen_weich_4_5_Gaus.png)}.header-ueber-uns{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(/images/Bild_Hintergrund_KI_Forschungsgruppen_weich_4_5_Gaus.png)}.header-kontakt{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(/images/kontakt.png)}.page-title{min-width:350px;font-size:42px;font-weight:700;z-index:2}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 8rem 4rem;max-width:1600px;margin:0 auto}.grid-container-one{display:grid;grid-template-columns:1fr;padding:2rem;gap:2rem;padding:0 8rem 4rem;max-width:1600px;margin:0 auto}.card{background-color:var(--card-bg);color:var(--card-text);display:flex;flex-direction:column;border-bottom:4px solid #ccc;transition:transform .3s}.card:hover{transform:translateY(-5px);border-bottom-color:var(--accent-green)}.card-img-methods,.card-img-fields,.card-img-persons,.card-img-education,.card-img-consulting,.card-img-cooperation,.card-img-labor,.card-img-projects,.card-img-publications,.card-img-invitation{height:120px;background-color:#555;background-size:cover;background-position:center}.card-img-methods{background-image:url(/images/Bild_Hintergrund_KI_Kompetenzen_methods.png)}.card-img-fields{background-image:url(/images/Bild_Hintergrund_KI_Kompetenzen_fields.png)}.card-img-persons{background-image:url(/images/Bild_Hintergrund_KI_Kompetenzen_persons.png)}.card-img-education{background-image:url(/images/Bild_Hintergrund_KI_Leistungen_education.png)}.card-img-consulting{background-image:url(/images/Bild_Hintergrund_KI_Leistungen_consulting.png)}.card-img-cooperation{background-image:url(/images/Bild_Hintergrund_KI_Leistungen_transfer.png)}.card-img-labor{background-image:url(/images/Bild_Hintergrund_KI_Forschungsgruppen_labor.png)}.card-img-projects{background-image:url(/images/Bild_Hintergrund_KI_Forschungsgruppen_projects.png)}.card-img-publications{background-image:url(/images/Bild_Hintergrund_KI_Forschungsgruppen_publications.png)}.card-img-invitation{background-image:url(/images/wh_einladung.png)}.img-muted{opacity:.7}.card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card h3{font-size:1.4rem;margin-bottom:1rem;color:#000}.card p{font-size:.9rem;margin-bottom:2rem;color:#555}.btn-learn{margin-top:auto;align-self:flex-end;padding:.5rem 1.5rem;border:1px solid #999;color:#666;text-decoration:none;text-transform:uppercase;font-size:.8rem;transition:.2s}.btn-learn:hover{background-color:#333;color:#fff}.content-container{padding:2rem 8rem 4rem;max-width:1400px;margin:0 auto}.mission-statement{margin-bottom:3rem;font-size:1.1rem;line-height:1.8}.mission-statement h3,.table-responsive h3{color:var(--accent-green);margin-top:1.3rem;margin-bottom:1.2rem;font-size:1.8rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.leitung-table{width:100%;border-collapse:collapse;background-color:var(--card-bg);color:var(--card-text);margin-top:1rem;margin-bottom:2rem;min-width:400px}.leitung-table th,.leitung-table td{padding:1rem;text-align:left;border-bottom:1px solid #ccc;min-width:250px}.leitung-table th{background-color:#f2f2f2;color:#000;text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.leitung-table tr:hover{background-color:#f9f9f9}.logo-placeholder{height:96px;width:610px;background-size:cover;background-position:left;background-image:url(/images/whki_logo.svg)}.footer-button{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.header-ueberuns{background-image:linear-gradient(to right,rgba(8,16,24,.9),transparent),url(images/Bild_Hintergrund_KI_Forschungsgruppen_weich_4_5_Gaus.png)}.site-footer{background-color:#1a1a1a;color:#fff;padding:10px 0;font-family:Arial,sans-serif;font-size:14px;width:100%}.footer-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.footer-nav a{color:#adb5bd;text-decoration:none;margin-left:20px;transition:color .3s ease}.footer-nav a:hover{color:#fff}.tooltip{position:relative;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:300px;background-color:gray;color:#eee;text-align:left;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-150px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.schedule-table{width:100%;border-collapse:collapse;font-family:Helvetica Neue,Arial,sans-serif;font-size:.9rem}.schedule-table caption{text-align:left;font-size:1.5rem;font-weight:700;margin-bottom:20px}.schedule-table thead th{padding:12px;background-color:#2c3e50;color:#fff;font-weight:600}.schedule-table tbody th{padding:12px;font-weight:700;text-align:right;width:120px;vertical-align:top;background-color:#f8f9fa;border:1px solid #dee2e6}.schedule-table tbody td{border:1px solid #dee2e6;padding:12px;vertical-align:top}.session{padding:10px;border-radius:4px;height:100%}.session-title{font-weight:700;display:block;margin-bottom:5px}.session-speaker{font-size:.85rem;color:#555;display:block}.session-details{font-size:.85rem;margin-top:8px;color:#666}.session-keynote{background-color:#fdf2f2;border-left:4px solid #e74c3c}.session-talk{background-color:#ebf5fb;border-left:4px solid #3498db}.session-break{background-color:#f2f3f4;border-left:4px solid #95a5a6}.session-workshop{background-color:#fef5e7;border-left:4px solid #f39c12}@media(max-width:1024px){.content-container{padding:2rem 4rem}.logo-placeholder{height:96px;width:610px;background-size:cover;background-position:center;background-image:url(/images/whki_logo.svg)}.logo{padding-left:2rem;padding-right:1.5rem}.page-header{margin-top:-160px;padding-top:160px}}@media(max-width:768px){.hamburger{display:block;cursor:pointer}#main-nav{display:none}#menu-toggle:checked~#main-nav{display:flex}.content-container{padding:2rem 1.5rem}.logo-placeholder{height:200px;width:250px;background-size:cover;background-position:center;background-image:url(/images/whki_logo_slim.svg)}.logo{padding-left:2rem;padding-right:1.5rem}.page-header{margin-top:-40px;padding-top:60px}.footer-container{flex-direction:column;text-align:center;gap:10px}.footer-nav a{margin:0 10px}}@media(max-width:1024px){header{padding:1rem 2rem}.grid-container{grid-template-columns:1fr;padding:2rem}#home,.page-header{padding-left:2rem}.branding{flex-direction:column;align-items:flex-start;gap:5px}}