:root{
  --black:#202020;
  --navy:#26303e;
  --gold:#b9aa91;
  --sand:#d9cdba;
  --paper:#f7f5f1;
  --line:#d8d2c9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:var(--black)}
body{color:var(--navy);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
a{text-decoration:none}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif}

.topbar{height:64px;background:var(--black);color:#525965}
.nav-inner{height:64px;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 3px}
.main-nav{height:100%;display:flex;align-items:center;gap:39px}
.main-nav a{height:100%;display:flex;align-items:center;position:relative;color:#c4c1bb;font-size:16px;font-weight:300;white-space:nowrap}
.main-nav a.active{color:#d2bea0}
.main-nav a.active::after{content:"";position:absolute;left:0;bottom:13px;width:72px;height:2px;background:#d2bea0}
.top-contact{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:300;color:#989b9f}
.top-contact b{width:1px;height:19px;background:#424242}

.site-shell{width:calc(100% - 30px);max-width:1643px;margin:0 auto;background:#fff}
.eyebrow{display:block;margin-bottom:18px;color:#a99473;font-size:13px;font-weight:600;letter-spacing:3.1px}
.eyebrow.light{color:#cbb99a}
.gold-line{width:136px;height:3px;background:#b9aa91;margin:29px 0 25px}

.knowledge-hero{background:#f7f5f1;padding:102px 8.5% 108px;display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:center;min-height:620px}
.hero-kicker{display:block;color:#a68f6e;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:700;letter-spacing:-.7px;margin-bottom:22px}
.knowledge-hero h1{margin:0;color:#26303e;font-size:65px;line-height:1.1;letter-spacing:-2.3px}
.hero-copy p{max-width:680px;margin:0 0 14px;color:#596068;font-size:19px;line-height:1.62;font-weight:300}
.hero-index{border-top:1px solid #ccc5bb}
.hero-index a{display:grid;grid-template-columns:46px 1fr;grid-template-areas:"n t" "n e";gap:4px 18px;padding:23px 0;border-bottom:1px solid #ccc5bb;color:#26303e}
.hero-index span{grid-area:n;font-family:Georgia,"Times New Roman",serif;color:#aa9678;font-size:17px}
.hero-index strong{grid-area:t;font-family:Georgia,"Times New Roman",serif;font-size:19px}
.hero-index em{grid-area:e;color:#777c80;font-size:14px;font-style:normal;font-weight:300}

.books{background:#d9cdba;padding:98px 8.5% 108px}
.section-heading{max-width:1360px;margin:0 auto 48px}
.section-heading.compact{margin-bottom:42px}
.section-heading h2{margin:0;color:#26303e;font-size:47px;line-height:1.18;letter-spacing:-1.6px}
.section-heading>p{max-width:790px;margin:19px 0 0;color:#62615e;font-size:17px;line-height:1.55;font-weight:300}
.book-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:35px}
.book-card{background:#f7f5f1;display:grid;grid-template-columns:235px 1fr;min-height:500px;border:1px solid rgba(65,55,43,.12)}
.book-visual{display:flex;align-items:center;justify-content:center;padding:35px 20px;background:rgba(255,255,255,.42);border-right:1px solid #d7d0c5}
.book-visual img{max-width:190px;max-height:395px;width:auto;height:auto;filter:drop-shadow(0 13px 13px rgba(0,0,0,.13))}
.book-copy{padding:40px 35px 34px}
.book-label{display:block;color:#967f60;font-size:11px;font-weight:600;letter-spacing:2.1px;margin-bottom:15px}
.book-copy h3{margin:0;color:#283341;font-size:27px;line-height:1.22;letter-spacing:-.7px}
.book-copy h4{margin:9px 0 17px;color:#65707a;font-family:"Roboto Condensed",Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:400}
.book-copy>p{margin:0 0 25px;color:#646a70;font-size:15.5px;line-height:1.55;font-weight:300}
.book-copy dl{margin:0;border-top:1px solid #d4cec5}
.book-copy dl div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #ded9d1}
.book-copy dt{color:#9b8668;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.book-copy dd{margin:0;color:#62686d;font-size:13px;line-height:1.4;font-weight:300}

.typographic-book{position:relative;overflow:hidden;display:block;padding:31px 24px;background:#244f67;color:#fff}
.typographic-book::after{content:"";position:absolute;left:-25%;right:-40%;bottom:-10%;height:43%;background:#16708c;transform:skewY(-13deg);opacity:.55}
.book-mark{position:relative;z-index:1;text-align:right;color:#d7edf3;font-size:17px;font-weight:600;letter-spacing:1px}
.book-band{position:relative;z-index:1;margin-top:27px;color:#a9d0dc;font-size:9px;letter-spacing:1.4px;line-height:1.4}
.book-title-small{position:relative;z-index:1;margin-top:34px;color:#fff;font-size:15px;font-weight:500;line-height:1.3}
.book-title-big{position:relative;z-index:1;margin-top:5px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.22}
.book-title-small + .book-title-big{}
.book-title-big + .book-title-small{margin-top:5px;font-size:18px}
.book-author{position:relative;z-index:1;margin-top:31px;color:#dce6e9;font-size:12px}
.book-note{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;color:#b8d1d8;font-size:10px;line-height:1.3}

.articles{background:#fff;padding:98px 8.5% 105px}
.topic-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5cfc6;border-bottom:1px solid #d5cfc6}
.topic-grid article{padding:31px 30px 35px;border-left:1px solid #d5cfc6}
.topic-grid article:first-child{border-left:0;padding-left:0}
.topic-grid span{display:block;color:#ae9b7d;font-family:Georgia,"Times New Roman",serif;font-size:17px;margin-bottom:20px}
.topic-grid h3{margin:0 0 11px;color:#2c3642;font-size:20px}
.topic-grid p{margin:0;color:#646a70;font-size:15px;line-height:1.52;font-weight:300}
.publication-note{max-width:1360px;margin:34px auto 0;display:grid;grid-template-columns:120px 1fr;gap:28px;padding:25px 0 0}
.publication-note span{color:#a18c6c;font-size:11px;font-weight:600;letter-spacing:2px}
.publication-note p{margin:0;max-width:890px;color:#757a7f;font-size:15px;line-height:1.52;font-weight:300}

.talks{background:#202020;color:#eee9e1;padding:98px 8.5% 107px;display:grid;grid-template-columns:.8fr 1.2fr;gap:105px}
.talks-head h2{margin:0;color:#f2eee8;font-size:45px;line-height:1.2;letter-spacing:-1.6px}
.talks-head>p{margin:23px 0 0;max-width:520px;color:#a7acb0;font-size:17px;line-height:1.58;font-weight:300}
.talk-list{border-top:1px solid #4c4842}
.talk-list article{display:grid;grid-template-columns:78px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid #4c4842}
.talk-year{color:#c3af8f;font-family:Georgia,"Times New Roman",serif;font-size:20px}
.talk-type{display:block;color:#9f8e73;font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:9px}
.talk-list h3{margin:0 0 8px;color:#f0ece5;font-size:19px;line-height:1.35}
.talk-list p{margin:0;color:#9da2a6;font-size:14.5px;line-height:1.5;font-weight:300}
.more-talks{opacity:.84}

.teaching{background:#f7f5f1;padding:98px 8.5% 108px;display:grid;grid-template-columns:.9fr 1.1fr;gap:105px}
.teaching-title h2{margin:0;color:#26303e;font-size:45px;line-height:1.22;letter-spacing:-1.6px}
.teaching-copy>p{margin:0 0 18px;color:#5f666c;font-size:18px;line-height:1.64;font-weight:300}
.teaching-fact{margin-top:32px;padding:25px 0;border-top:1px solid #cec7bc;border-bottom:1px solid #cec7bc}
.teaching-fact span{display:block;color:#a28a68;font-size:11px;font-weight:600;letter-spacing:2.1px;margin-bottom:11px}
.teaching-fact strong{display:block;color:#2b3541;font-family:Georgia,"Times New Roman",serif;font-size:21px}
.teaching-fact em{display:block;margin-top:7px;color:#777c80;font-size:14px;font-style:normal;font-weight:300}

.exchange{background:#d9cdba;padding:82px 8.5%;display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}
.exchange h2{margin:0;color:#26303e;font-size:41px;line-height:1.22;letter-spacing:-1.4px}
.exchange p{margin:0 0 24px;color:#5c5e5e;font-size:17px;line-height:1.55;font-weight:300}
.cta-button{min-width:183px;min-height:50px;padding:0 18px;border:1px solid #8f7d61;color:#26303e;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:15px}
.cta-button span{font-size:22px}

.contact-cta{background:#f7f5f1;padding:72px 8.5%;display:flex;align-items:center;justify-content:space-between;gap:80px}
.contact-cta h2{margin:0;color:#26303e;font-size:42px;line-height:1.18;letter-spacing:-1.3px}
.contact-box{display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.contact-box a{color:#2f3945;font-size:18px}

.footer{background:#202020;color:#777d84;padding:34px 8.5%;display:grid;grid-template-columns:150px 1fr 1fr auto;gap:32px;align-items:center;font-size:14px}
.footer>img{width:108px;height:auto}
.footer nav{display:flex;gap:24px}
.footer nav a{color:#777d84}

@media(max-width:1180px){
  .nav-inner{padding:0 24px}.top-contact{display:none}.main-nav{gap:27px;overflow:auto}
  .site-shell{width:calc(100% - 20px)}
  .knowledge-hero,.talks,.teaching,.exchange{gap:55px}
  .knowledge-hero,.books,.articles,.talks,.teaching,.exchange,.contact-cta,.footer{padding-left:6%;padding-right:6%}
  .book-card{grid-template-columns:190px 1fr}.book-visual img{max-width:155px}
}
@media(max-width:900px){
  .knowledge-hero,.talks,.teaching,.exchange{grid-template-columns:1fr}
  .book-grid{grid-template-columns:1fr}
  .book-card{grid-template-columns:220px 1fr}
  .topic-grid{grid-template-columns:1fr}
  .topic-grid article{border-left:0;border-top:1px solid #d5cfc6;padding-left:0}
  .topic-grid article:first-child{border-top:0}
  .footer{grid-template-columns:1fr}
}
@media(max-width:640px){
  .site-shell{width:calc(100% - 12px)}
  .knowledge-hero,.books,.articles,.talks,.teaching,.exchange,.contact-cta,.footer{padding-left:24px;padding-right:24px}
  .knowledge-hero h1{font-size:44px}
  .hero-kicker{font-size:24px}
  .section-heading h2,.talks-head h2,.teaching-title h2,.exchange h2,.contact-cta h2{font-size:32px}
  .book-card{grid-template-columns:1fr}
  .book-visual{border-right:0;border-bottom:1px solid #d7d0c5;min-height:320px}
  .typographic-book{min-height:360px}
  .publication-note{grid-template-columns:1fr}
  .talk-list article{grid-template-columns:58px 1fr}
  .contact-cta{align-items:flex-start;flex-direction:column}
  .contact-box{align-items:flex-start}
}


/* Fachliches Engagement / VDSI */
.engagement{
  background:#fff;
  padding:98px 8.5% 105px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:105px;
}
.engagement-title h2{
  margin:0;
  color:#26303e;
  font-size:45px;
  line-height:1.2;
  letter-spacing:-1.6px;
}
.engagement-copy>p{
  margin:0 0 18px;
  color:#5f666c;
  font-size:18px;
  line-height:1.64;
  font-weight:300;
}
.engagement-fact{
  margin-top:31px;
  padding:24px 0 25px;
  border-top:1px solid #d2ccc3;
  border-bottom:1px solid #d2ccc3;
}
.engagement-fact>span{
  display:block;
  color:#a28a68;
  font-size:11px;
  font-weight:600;
  letter-spacing:2.1px;
  margin-bottom:11px;
}
.engagement-fact>strong{
  display:block;
  color:#2b3541;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
}
.engagement-fact>a{
  margin-top:16px;
  min-width:174px;
  min-height:46px;
  padding:0 15px;
  border:1px solid #a18d6c;
  color:#2f3945;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  font-size:14px;
}
.engagement-fact>a b{
  font-size:19px;
  font-weight:300;
}
.logo-note{
  margin-top:22px;
  padding:19px 21px;
  background:#f7f5f1;
  border-left:3px solid #b9aa91;
}
.logo-note strong{
  color:#39434e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
}
.logo-note p{
  margin:7px 0 0;
  color:#747a7f;
  font-size:13.5px;
  line-height:1.45;
  font-weight:300;
}

/* Hochschul-Link */
.university-link{
  margin-top:18px;
  min-width:260px;
  min-height:48px;
  padding:0 16px;
  border:1px solid #a18d6c;
  color:#2f3945;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  font-size:14px;
}
.university-link b{
  font-size:20px;
  font-weight:300;
}

@media(max-width:900px){
  .engagement{grid-template-columns:1fr}
}
@media(max-width:640px){
  .engagement{padding-left:24px;padding-right:24px}
  .engagement-title h2{font-size:32px}
  .university-link{min-width:0;width:100%}
}


/* Offizielles, vom Nutzer bereitgestelltes VDSI-Signet */
.vdsi-logo-wrap{
  margin-top:24px;
  padding:22px 0 2px;
}
.vdsi-logo-wrap img{
  display:block;
  width:180px;
  max-width:100%;
  height:auto;
}
@media(max-width:640px){
  .vdsi-logo-wrap img{
    width:155px;
  }
}


/* V1.3 – echte Bilder auf Wissen & Praxis */
.ibdimg-talk-photo{
  margin:32px 0 0;
}
.ibdimg-talk-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}
.ibdimg-talk-photo figcaption{
  margin-top:9px;
  color:#878c90;
  font-size:12px;
  line-height:1.4;
  font-weight:300;
}

@media(max-width:640px){
  .ibdimg-talk-photo img{border-radius:14px;}
}