/* Coleoidea Header-, Footer- und gemeinsame Komponenten */
.header-logo-link{min-width:0;width:50%;padding-left:20px;display:flex;align-items:center}
.header-logo{display:block;width:100%;height:auto;transform:translateY(3px)}
.header-copy{min-width:0;padding-left:50px;display:grid;grid-column:2/4;grid-row:1;grid-template-rows:auto auto;row-gap:7px;justify-self:end;margin-right:117.63px;text-align:right;transform:translateY(16.167px)}
.header-title{grid-row:1;margin:0;color:var(--orange);font-size:clamp(18px,2.35vw,30px);font-weight:200;line-height:1;letter-spacing:.06em;white-space:nowrap}
.header-title-secondary{color:var(--grey)}
.header-logline{grid-row:2;margin:0;color:#464646;font-size:clamp(8px,1.05vw,10.667px);font-weight:300;line-height:1;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;transform:translateY(7px)}
.header-actions{height:32px;grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px;border-left:.5px solid var(--soft);padding-left:15px;margin-right:20px}
.header-icon{width:30px;height:30px;border:0;background:#666666;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.header-icon:hover,.header-icon.active{background:var(--orange);color:#fff}
.header-icon.ai.active{animation:ai-active-blink 1s steps(1,end) infinite}
@keyframes ai-active-blink{0%,49%{background:var(--orange);color:#fff}50%,100%{background:#666666;color:#fff}}
.header-icon svg{width:20px;height:20px}
.header-icon.ai{font:400 10px/1 Arial,sans-serif;letter-spacing:.03em}
.footer-zone{position:relative;height:40px;margin:0 25px 20px;background:#464646;color:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11.333px;line-height:1;letter-spacing:.04em}
.footer-zone::before{content:"";position:absolute;left:0;right:0;top:-15px;border-top:.125px solid #b8b8b8}
.footer-links{display:flex;gap:20px}
.footer-links a{color:#fff;text-decoration:none}
@media(max-width:900px),(max-aspect-ratio:4/3){
.header-logo-link{padding-left:8px}
.header-copy{padding-left:16px}
.header-actions{margin-right:8px;padding-left:8px;gap:5px}
.header-icon{width:26px;height:26px}
.footer-zone{margin:0 20px 20px;font-size:10px}
.footer-links{gap:10px}
}
.header-title{transform:translateY(5.5px);text-transform:lowercase}
header .atlas-icon{width:auto;height:71.4px;transform:translateY(15.3px)}
.atlas-icon-link{display:inline-flex;color:inherit;text-decoration:none}
.atlas-icon-link .atlas-icon{display:block}
.header-actions{border-left:0;padding-left:0}
.dashboard-header-actions{display:flex;align-items:center;gap:8px}
header::after{content:"";position:absolute;left:20px;right:20px;bottom:-15px;border-top:.125px solid #b8b8b8}
@media(max-width:900px),(max-aspect-ratio:4/3){
header::after{left:20px;right:8px}
}
.header-copy{padding-left:20px}
@media(max-width:900px),(max-aspect-ratio:4/3){
.header-copy{padding-left:16px;margin-right:105.63px}
}
.footer-zone{margin-left:45px;margin-right:45px;font-weight:200}
@media(max-width:900px),(max-aspect-ratio:4/3){
.footer-zone{margin-left:40px;margin-right:28px}
}
.footer-links{gap:0}
.footer-links a+a{margin-left:10px;padding-left:10px;border-left:.125px solid #b8b8b8}
.header-icon{border-radius:var(--radius-control)}
.footer-zone{border-radius:var(--radius-panel)}