/*
Theme Name: Cybersecurity Clinic TH Nürnberg Gutenberg
Theme URI: https://www.cybersecurityclinic.de
Author: Prof. Dr. Ronald Petrlic / generated with ChatGPT
Description: Gutenberg-editierbare Block-Theme-Version der Cybersecurity Clinic der TH Nuernberg mit serverseitigem Projektanfrageformular.
Version: 2.0.0
Requires at least: 6.3
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: cybersecurity-clinic-thn
*/

:root { --th-red:#c4002f; --th-red-dark:#8f0022; --th-black:#111111; --th-gray-900:#202020; --th-gray-700:#555555; --th-gray-300:#d8d8d8; --th-gray-100:#f4f4f4; --th-white:#ffffff; --max:1180px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--th-black);background:var(--th-white);line-height:1.58} a{color:var(--th-red);text-decoration-thickness:2px;text-underline-offset:3px} p{margin:0 0 1rem} h1,h2,h3{line-height:1.12;margin:0 0 1rem;font-weight:800} h1{font-size:clamp(2.4rem,5vw,5.4rem);letter-spacing:-.045em} h2{font-size:clamp(2rem,3.2vw,3.6rem);letter-spacing:-.035em} h3{font-size:1.35rem}.wp-site-blocks{padding:0}.wp-block-group{margin-top:0}.topline{background:var(--th-black);color:var(--th-white);font-size:.86rem}.topline-inner{max-width:var(--max);margin:0 auto;padding:.55rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.topline a{color:var(--th-white);text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--th-gray-300);backdrop-filter:blur(8px)}.header-inner{max-width:var(--max);margin:0 auto;padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--th-black);min-width:230px}.brand small{display:block;color:var(--th-gray-700);font-size:.78rem;line-height:1.25}.brand strong{display:block;font-size:1.02rem;line-height:1.15}.th-logo{height:52px;width:auto;display:block;object-fit:contain;margin-left:auto;max-width:210px}.header-actions{display:flex;align-items:center;gap:1.6rem;margin-left:auto}.site-nav{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:flex-end;font-size:.95rem}.site-nav a{color:var(--th-black);text-decoration:none;font-weight:700}.site-nav a:hover{color:var(--th-red)}.hero{background:linear-gradient(110deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.72) 47%,rgba(196,0,47,.88) 100%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.28),transparent 22%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 2px,transparent 2px 18px);color:var(--th-white);padding:clamp(4rem,8vw,8rem) 1.25rem}.hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr .8fr;gap:3rem;align-items:end}.eyebrow{color:var(--th-red);background:var(--th-white);display:inline-block;font-weight:800;padding:.32rem .65rem;margin-bottom:1.4rem;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.hero p.lead,.lead{font-size:clamp(1.2rem,2vw,1.55rem);max-width:820px;margin-bottom:1.8rem}.hero-card{background:var(--th-white);color:var(--th-black);padding:1.4rem;border-top:8px solid var(--th-red);box-shadow:0 18px 44px rgba(0,0,0,.28)}.hero-card p{font-size:.96rem}.buttons{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.05rem;font-weight:800;text-decoration:none;border:2px solid var(--th-red);background:var(--th-red);color:var(--th-white)}.btn.secondary{background:transparent;border-color:var(--th-white);color:var(--th-white)}.btn.light{background:var(--th-white);color:var(--th-red);border-color:var(--th-white)}.section{padding:clamp(3.5rem,6vw,6rem) 1.25rem}.section.gray{background:var(--th-gray-100)}.section.black{background:var(--th-black);color:var(--th-white)}.container{max-width:var(--max);margin:0 auto}.section-head{display:grid;grid-template-columns:.52fr 1fr;gap:2.2rem;margin-bottom:2.4rem;align-items:start}.section-label{color:var(--th-red);text-transform:uppercase;font-weight:900;letter-spacing:.09em;font-size:.82rem}.intro{font-size:1.2rem;color:var(--th-gray-700)}.black .intro{color:#dedede}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.card{background:var(--th-white);border:1px solid var(--th-gray-300);padding:1.45rem;min-height:100%;color:var(--th-black)}.card.accent{border-top:7px solid var(--th-red)}.gray .card{background:var(--th-white)}.black .card{background:#1d1d1d;border-color:#383838;color:var(--th-white)}.card .num{color:var(--th-red);font-size:2.4rem;font-weight:900;line-height:1;margin-bottom:.6rem}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.feature-list li{padding-left:1.55rem;position:relative}.feature-list li:before{content:"";width:.55rem;height:.55rem;background:var(--th-red);position:absolute;left:0;top:.55rem}.process{counter-reset:step;display:grid;gap:1rem}.process-row{display:grid;grid-template-columns:92px 1fr;gap:1.4rem;padding:1.4rem;background:var(--th-white);border:1px solid var(--th-gray-300);align-items:start}.process-row:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:grid;place-items:center;background:var(--th-red);color:var(--th-white);height:64px;font-weight:900;font-size:1.5rem}.notice{background:#fff7f8;border-left:8px solid var(--th-red);padding:1.35rem;margin-top:1.6rem;color:var(--th-black)}form{display:grid;gap:1.2rem}fieldset{border:1px solid var(--th-gray-300);padding:1.4rem;margin:0;background:var(--th-white)}legend{font-weight:900;color:var(--th-red);padding:0 .35rem}label{display:grid;gap:.35rem;font-weight:800}input,select,textarea{width:100%;font:inherit;padding:.8rem .9rem;border:1px solid #bdbdbd;background:var(--th-white)}textarea{min-height:130px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:500}.check input{width:auto;margin-top:.25rem}.honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.form-message{padding:1rem 1.2rem;margin-bottom:1.2rem;border-left:8px solid var(--th-red);background:#fff7f8;font-weight:700}.form-message.success{border-left-color:#238636;background:#f0fff4}.future-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--th-gray-300);border-left:1px solid var(--th-gray-300)}.future-strip div{padding:1.2rem;border-right:1px solid var(--th-gray-300);border-bottom:1px solid var(--th-gray-300);background:var(--th-white)}.future-strip strong{color:var(--th-red);display:block;margin-bottom:.3rem}.site-footer{background:var(--th-gray-900);color:var(--th-white);padding:2.4rem 1.25rem}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.site-footer a{color:var(--th-white)}@media(max-width:900px){.hero-inner,.section-head,.grid-3,.grid-2,.footer-inner{grid-template-columns:1fr}.header-inner,.header-actions{align-items:flex-start;flex-direction:column}.header-actions{margin-left:0}.site-nav{justify-content:flex-start}.th-logo{height:44px;margin-left:0}.future-strip{grid-template-columns:1fr 1fr}}@media(max-width:600px){.form-grid,.future-strip,.process-row{grid-template-columns:1fr}.process-row:before{width:72px}}