*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#243342;background:#f5f7f9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #336595;outline-offset:5px}header,footer,main{width:min(1080px,calc(100% - 96px));margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600}header small{font-size:11px;letter-spacing:1.8px;font-weight:400;color:#586775}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce1e5;padding:22px 0;font-size:12px;color:#5c6974}footer nav{display:flex;gap:24px}footer a{display:inline-flex;align-items:center;min-height:44px}h1{font-weight:400;letter-spacing:-2px;margin:0;font-size:68px;line-height:1.12}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:0 0 25px;color:#5d6e7c}.intro{font-size:17px;color:#5e6e7d;line-height:1.6}.arrow{font-size:25px;font-weight:400}.links a:hover{border-color:#537c9f;background:#f3f7fa}.links a{transition:background .15s}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}footer{margin-top:48px}@media(max-width:650px){header,footer,main{width:calc(100% - 40px)}header{height:82px}header small{font-size:9px;letter-spacing:1px}h1{font-size:48px}footer{font-size:11px;margin-top:32px;gap:10px}footer nav{gap:14px}}body{background:#fff}main{padding-top:20px}.hero{height:255px;border-radius:3px;overflow:hidden;margin-bottom:38px}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.lower{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}h1{font-size:54px}.intro{margin-bottom:0}.links{display:flex;flex-direction:column}.links a{display:flex;justify-content:space-between;align-items:center;min-height:66px;border-bottom:1px solid #dce2e7;gap:20px;font-size:16px}.links a:first-child{border-top:1px solid #dce2e7}.links .arrow{color:#57768c}footer{margin-top:42px}@media(max-width:650px){main{padding-top:8px}.hero{height:185px;margin-bottom:28px}.lower{grid-template-columns:1fr;gap:26px}h1{font-size:45px}.links a{min-height:66px}.intro{font-size:16px}}
/* Variante 3, zweite Fassung: warmes Steingrau statt Reinweiß. */
body{background:#deded8;color:#27332f}
header small{color:#535e57}
.hero{background:#c7cac3}
.hero img{filter:brightness(.92) saturate(.88)}
.intro{color:#535f58}
.links a,.links a:first-child{border-color:#b5bdb5}
.links a:hover{background:#d2d6ce;border-color:#8e9b90}
.links .arrow{color:#4f6858}
footer{border-color:#b5bdb5;color:#525e56}
a:focus-visible{outline-color:#4f6858}
.hero{position:relative}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}.slide.active{opacity:1}.slide:nth-child(2) img{object-position:center 57%;filter:brightness(.97) saturate(.88)}.slideshow-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:4px;z-index:2}.slideshow-controls button{border:1px solid #ffffff66;background:#26342de8;color:#fff;border-radius:4px;width:44px;height:44px;font-size:21px;cursor:pointer}.slideshow-controls button:hover{background:#17271f}.slideshow-controls button:focus-visible{outline:3px solid white;outline-offset:2px}@media(prefers-reduced-motion:reduce){.slide{transition:none}}
:root{color-scheme:light}.hero{height:320px;background:#cbd0c5}.slide.portrait img{object-fit:contain;object-position:center;filter:none}.slideshow-controls button{background:#e9ece3e8;color:#344a3b;border-color:#82917f}.slideshow-controls button:hover{background:#fff}.slideshow-controls button:focus-visible{outline-color:#344a3b}@media(max-width:650px){.hero{height:340px}}
footer>span{display:flex;align-items:center}

/* Ortsangaben: Bestandteil des jeweiligen Bildes. */
.slide{display:flex;justify-content:center}.slide-photo{position:relative;width:100%;height:100%}.slide.portrait .slide-photo{width:auto;max-width:100%;aspect-ratio:3/4}.slide-photo img{display:block}.photo-caption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:3px;background:rgba(32,43,36,.82);color:#fff;font-size:13px;line-height:1.25;letter-spacing:.025em;pointer-events:none}

@media(max-width:650px){.photo-caption-wide{bottom:68px;max-width:calc(100% - 24px)}}

/* Preview: restrained silver and brass details. */
header{height:112px;gap:14px;justify-content:flex-start;border-bottom:1px solid transparent;border-image:linear-gradient(100deg,#899386,#f4f1e7 28%,#b3a380 60%,#eae9df 84%,#879488) 1}header img{width:54px;height:54px;display:block}header span{font-size:18px;letter-spacing:.035em;font-weight:500}
main{padding-top:28px}.hero{border:1px solid #b5b4a5;box-shadow:0 1px 0 #f6f3e9,0 5px 13px #25382a0d}
.links{gap:9px}.links a,.links a:first-child{position:relative;border:1px solid transparent;border-radius:4px;min-height:62px;padding:0 18px;background:linear-gradient(105deg,#e9e9df,#dce0d5 58%,#e8e8df) padding-box,linear-gradient(125deg,#8d9b8f,#faf7e9 33%,#ac9d7a 65%,#718675) border-box;box-shadow:inset 0 1px 0 #ffffff60,0 1px 2px #293b2f0a}.links a:hover{background:linear-gradient(105deg,#f0f0e6,#e6eadf) padding-box,linear-gradient(125deg,#8d9b8f,#faf7e9,#ac9d7a,#718675) border-box}
.slideshow-controls button{border:1px solid transparent;background:linear-gradient(135deg,#f0f0e5,#c9d0c3 55%,#e5e7db) padding-box,linear-gradient(135deg,#fbf6df,#8e977f,#d7cbaa) border-box;box-shadow:inset 0 1px 0 #ffffff80;color:#344a3b}.slideshow-controls button:hover{background:linear-gradient(135deg,#faf8ee,#e3e8db) padding-box,linear-gradient(135deg,#fbf6df,#8e977f,#d7cbaa) border-box}
footer{border-top:1px solid transparent;border-image:linear-gradient(100deg,#899386,#ecece0 30%,#b9aa86 65%,#859383) 1}
@media(max-width:650px){header{height:92px;gap:12px}header img{width:46px;height:46px}header span{font-size:17px}main{padding-top:20px}.links a,.links a:first-child{min-height:58px;padding:0 15px}}

/* Subtle warm metallic background, no animation. */
body{background-color:#deded8;background-image:radial-gradient(ellipse at 18% 0%,rgba(255,253,240,.62),transparent 64%),linear-gradient(135deg,#e8e6da 0%,#dcded4 43%,#c3ccc1 100%);background-repeat:no-repeat;background-size:100% 100%;}

/* Light blue and silver: replace green surfaces, retain approved logo. */
body{color:#2d4050;background-color:#dce5ec;background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.82),transparent 63%),linear-gradient(135deg,#f0f2f4 0%,#dfe8ef 43%,#b9d1e3 100%);background-repeat:no-repeat;background-size:100% 100%}
header{border-image:linear-gradient(105deg,#95a9b9,#ffffff 30%,#bccbd7 63%,#dbe7ef 85%,#8ea9bd) 1}header span{color:#304758}.intro{color:#556a7a}.hero{background:#d3dfe7;border-color:#a9bdcd;box-shadow:0 1px 0 #f9fcff,0 5px 13px #233e550c}.hero img{filter:brightness(.97) saturate(.92)}
.links a,.links a:first-child{border:1px solid transparent;color:#30495c;background:linear-gradient(115deg,#f5f8fa,#d6e3ee 55%,#edf3f7) padding-box,linear-gradient(125deg,#93afc3,#ffffff 33%,#b3c5d5 65%,#7f9fb7) border-box;box-shadow:inset 0 1px 0 #ffffffa0,0 1px 3px #304d680d}.links a:hover{background:linear-gradient(115deg,#fff,#e6f0f7) padding-box,linear-gradient(125deg,#93afc3,#fff,#aac5d9) border-box}
.slideshow-controls button{color:#36536a;background:linear-gradient(135deg,#fbfdff,#ccdce8 55%,#eaf2f8) padding-box,linear-gradient(135deg,#fff,#8faabe,#d4e5f2) border-box}.slideshow-controls button:hover{background:linear-gradient(135deg,#fff,#e6f1fa) padding-box,linear-gradient(135deg,#fff,#8faabe,#d4e5f2) border-box}.photo-caption{background:rgba(39,61,79,.85)}
footer{color:#526b7e;border-image:linear-gradient(100deg,#98afc0,#f1f7fb 30%,#b2c9da 65%,#91afc5) 1}a:focus-visible{outline-color:#527d9d}.slideshow-controls button:focus-visible{outline-color:#527d9d}

@font-face{font-family:"Cinzel";src:url("/assets/blue-silver-20260908/font-f4d83d34d1f6.ttf") format("truetype");font-weight:200 900;font-display:swap}@font-face{font-family:"Manrope";src:url("/assets/blue-silver-20260908/font-d0639be45d0a.ttf") format("truetype");font-weight:200 900;font-display:swap}
body{font-family:Manrope,sans-serif}
h1{font-family:Cinzel,serif;font-size:43px;line-height:1.22;font-weight:700;letter-spacing:-.025em}
header span{font-family:Cinzel,serif;font-size:24px;font-weight:700;letter-spacing:.025em}
.metal-title{position:relative;display:inline-block;text-transform:uppercase;isolation:isolate}
.metal-title::before{content:attr(data-title);position:absolute;inset:0;z-index:-1;color:#405568;text-shadow:0 1px 0 #516b80,0 2px 0 #50677a,0 3px 0 #718799,0 4px 4px #30485b33}
.metal-face{display:block;background:linear-gradient(180deg,#faffff 0%,#d7e4ed 17%,#90a7b9 39%,#edf6fc 45%,#fcffff 48%,#698397 51%,#9cb3c6 74%,#e0edf5 96%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.6px #536e83;filter:drop-shadow(0 -.5px 0 #fff)}
header .metal-title::before{text-shadow:0 1px 0 #647c8d,0 2px 2px #30485b26}
header .metal-face{-webkit-text-stroke:.4px #4f697d}
.intro{font-size:15px;line-height:1.65}.links a{font-family:Manrope,sans-serif;font-size:15px;font-weight:500;letter-spacing:.015em}.photo-caption{font-family:Manrope,sans-serif;font-size:12px}footer{font-size:11px}
@media(max-width:650px){h1{font-size:clamp(27px,8.65vw,38px);letter-spacing:-.03em}header span{font-size:clamp(17px,5.1vw,22px);letter-spacing:.005em}.intro{font-size:14px}.links a{font-size:14px}footer{font-size:10px;gap:8px}footer nav{gap:12px}}
@media(forced-colors:active){.metal-face{background:none;color:CanvasText;-webkit-text-stroke:0;filter:none}.metal-title::before{display:none}}

/* Move identity from page header to former welcome position. */
main{padding-top:36px}.identity{display:flex;align-items:center;gap:16px}.identity>img{display:block;flex:0 0 58px;width:58px;height:58px}.identity h1{font-size:30px;letter-spacing:0;line-height:1.25;white-space:nowrap}.identity .metal-title::before{text-shadow:0 1px 0 #647c8d,0 2px 2px #30485b26}.identity .metal-face{-webkit-text-stroke:.4px #4f697d}
@media(max-width:650px){main{padding-top:20px}.identity{gap:12px}.identity>img{width:48px;height:48px;flex-basis:48px}.identity h1{font-size:clamp(18px,5.5vw,25px);letter-spacing:-.015em}}

@font-face{font-family:"Barlow Condensed";src:url("/assets/blue-silver-20260908/font-7b619d14bc23.ttf") format("truetype");font-weight:600;font-display:swap}

.identity h1{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:38px;letter-spacing:.045em;line-height:1.1}
.identity .metal-face{background-image:linear-gradient(180deg,#60798b 0%,#324d62 37%,#8098aa 44%,#455f73 49%,#2b4355 55%,#577184 100%);-webkit-text-stroke:0;filter:drop-shadow(0 -1px 0 #ffffffc0)}
.identity .metal-title::before{color:#8aa1b2;text-shadow:0 1px 0 #e8f5fe,0 2px 0 #92aabc,0 3px 3px #324b6326}
a,button{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,filter .22s ease,color .22s ease,background-color .22s ease;border-radius:4px;-webkit-tap-highlight-color:transparent}
.links a{overflow:hidden;isolation:isolate}.links a::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 10%,#ffffffb0 48%,transparent 86%);transform:translateX(-120%);transition:transform .55s ease}
footer a{position:relative}footer a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:#5a7c96;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
/* Hover styles also work with synthetic desktop pointers. */
@media (pointer:fine), (pointer:none), (any-hover:hover){
 a:hover,button:hover{transform:translateY(-2px);filter:brightness(1.055)}
 .links a:hover{box-shadow:inset 0 1px 0 #fff,0 6px 14px #304f6c24}
 .links a:hover::after{transform:translateX(120%)}
 .slideshow-controls button:hover{box-shadow:0 4px 8px #18384f45}
 footer a:hover{color:#243f55}footer a:hover::after{transform:scaleX(1)}
}
a:focus-visible,button:focus-visible{transform:translateY(-2px);outline:2px solid #527d9d;outline-offset:4px;box-shadow:0 4px 10px #304f6c22}
footer a:focus-visible::after{transform:scaleX(1)}
a:active,button:active{transform:translateY(1px) scale(.985);filter:brightness(.96);transition-duration:.08s}
@media(max-width:650px){.identity h1{font-size:clamp(26px,7.6vw,32px);letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){a,button,.links a::after,footer a::after{transition:none!important}a:hover,button:hover,a:focus-visible,button:focus-visible,a:active,button:active{transform:none}.links a::after{display:none}}
@media(forced-colors:active){.identity .metal-face{background:none;color:CanvasText;filter:none}}
@font-face{font-family:CD-Barlow;src:url("/assets/blue-silver-20260908/font-7b619d14bc23.ttf") format("truetype");font-weight:600;font-display:swap}
.cd-brandbar{box-sizing:border-box;display:flex;align-items:center;flex-shrink:0;min-height:72px;padding:10px max(20px,calc((100% - 1080px)/2));margin:0;background:linear-gradient(115deg,#f2f6f9,#d5e4ef);border-bottom:1px solid #adbfcd}
a.cd-home{box-sizing:border-box;display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;min-height:48px;padding:2px 0;color:#304c60;text-decoration:none;border:0;background:transparent;box-shadow:none;transition:transform .22s ease,filter .22s ease;flex-shrink:0}
.cd-home img{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:contain;filter:none}
.cd-home .cd-name{position:relative;isolation:isolate;display:inline-block;font:600 28px/1.15 CD-Barlow,sans-serif;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,#60798b,#324d62 37%,#8098aa 44%,#455f73 49%,#2b4355 55%,#577184);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 -1px 0 #ffffffc0)}
.cd-name::before{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:#8aa1b2;text-shadow:0 1px 0 #e8f5fe,0 2px 0 #92aabc,0 3px 3px #324b6326}
a.cd-home:hover{transform:translateY(-2px);filter:brightness(1.1);background:transparent;box-shadow:none}
a.cd-home:focus-visible{outline:2px solid #527d9d;outline-offset:4px;border-radius:4px}
a.cd-home:active{transform:translateY(1px) scale(.99)}
body.cd-chat{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
.cd-chat>.cd-brandbar{height:68px;min-height:68px;padding-top:8px;padding-bottom:8px}
body.cd-chat>main{height:calc(100vh - 68px);height:calc(100dvh - 68px);min-height:0;flex:1 1 auto;overflow:hidden}
.cd-chat .app-shell,.cd-chat .standalone,.cd-chat .attachment-view{height:100%;min-height:0}
.cd-chat .login-shell{height:100%;min-height:0;overflow:auto}
.cd-chat .main-stage{min-height:0}
@media(max-width:650px){.cd-brandbar{min-height:64px;padding:8px 20px}.cd-home .cd-name{font-size:26px}.cd-home img{width:40px;height:40px;flex-basis:40px}.cd-chat>.cd-brandbar{min-height:64px;height:64px}body.cd-chat>main{height:calc(100vh - 64px);height:calc(100dvh - 64px)}}
@media(prefers-reduced-motion:reduce){a.cd-home{transition:none}a.cd-home:hover,a.cd-home:active{transform:none}}
@media(forced-colors:active){.cd-home .cd-name{background:none;color:CanvasText;filter:none}.cd-name::before{display:none}}

.identity .cd-home img{width:48px;height:48px;flex-basis:48px}.identity .cd-name{font-size:32px}@media(max-width:650px){.identity .cd-name{font-size:28px}}