/* Briefkopf / Praxislogo 2026-10-08 */
:root{
  --praxis-pink:#ea5198;
  --praxis-pink-light:#f29fc5;
  --praxis-pink-wash:#fff5fa;
}
.praxis-header-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:clamp(24px,4vw,56px);
  padding:14px max(5vw,calc((100vw - 1320px)/2));
  background:linear-gradient(100deg,#fff 0%,#fff 62%,var(--praxis-pink-wash) 100%);
  border-bottom:1px solid #d5e0dd;
}
.praxis-brand{
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,26px);
  min-width:0;
  color:var(--praxis-ink,#193b48);
  text-decoration:none;
}
.praxis-brand__mark{
  display:block;
  flex:0 0 auto;
  width:auto;
  height:auto;
  object-fit:contain;
}
.praxis-brand__text{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
.praxis-brand__name{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.025em;
}
.praxis-brand__tagline{
  display:block;
  margin-top:.34em;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.015em;
}
.praxis-brand--header{
  width:max-content;
  max-width:100%;
  flex:0 1 auto;
}
.praxis-brand--header .praxis-brand__mark{
  width:72px;
}
.praxis-brand--header .praxis-brand__name{
  font-size:clamp(21px,2vw,29px);
}
.praxis-brand--header .praxis-brand__tagline{
  font-size:clamp(14px,1.25vw,18px);
}
.praxis-brand--header:hover .praxis-brand__name{
  color:var(--praxis-pink);
}
.praxis-header-contact{
  display:flex;
  flex:0 0 auto;
  min-width:240px;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  text-align:right;
}
.praxis-header-contact__label{
  margin-bottom:1px;
  color:var(--praxis-pink);
  font:700 11px/1.2 Arial,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.praxis-header-contact__phone{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--praxis-ink,#193b48);
  font:700 clamp(22px,2vw,28px)/1.15 Arial,sans-serif;
  text-decoration:none;
  white-space:nowrap;
}
.praxis-header-contact__phone:hover,
.praxis-header-contact__mail:hover{
  color:var(--praxis-pink);
}
.praxis-header-contact__phone span[aria-hidden="true"]{
  color:var(--praxis-pink);
  font-size:.8em;
}
.praxis-header-contact__mail{
  display:flex;
  align-items:center;
  gap:7px;
  color:#35515a;
  font:500 14px/1.35 Arial,sans-serif;
  text-decoration:none;
  white-space:nowrap;
}
.praxis-header-contact__mail span[aria-hidden="true"]{
  color:var(--praxis-pink);
}
.praxis-brand--hero{
  align-items:center;
  margin:0 0 26px;
}
.praxis-brand--hero .praxis-brand__mark{
  width:clamp(116px,12vw,174px);
}
.praxis-brand--hero h1{
  margin:0!important;
  padding:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(34px,4.1vw,58px)!important;
  font-weight:700!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  color:var(--praxis-ink,#193b48)!important;
}
.praxis-brand--hero .praxis-brand__name{
  font-size:inherit;
}
.praxis-brand--hero .praxis-brand__tagline{
  margin-top:.38em;
  font-size:clamp(22px,2.25vw,32px);
  color:var(--praxis-ink,#193b48);
}
.praxis-intro__copy>.praxis-brand--hero + .wp-block-buttons{
  margin-top:18px;
}
.praxis-branch-open .praxis-brand--hero{
  display:none!important;
}
.praxis-footer__identity{
  min-width:0;
}
.praxis-brand--footer{
  color:#fff;
  width:max-content;
  max-width:100%;
  margin-bottom:16px;
}
.praxis-brand--footer .praxis-brand__mark{
  width:78px;
  padding:7px;
  border-radius:14px;
  background:#fff;
}
.praxis-brand--footer .praxis-brand__name{
  font-size:clamp(19px,1.7vw,25px);
}
.praxis-brand--footer .praxis-brand__tagline{
  font-size:clamp(13px,1.2vw,16px);
  color:#fff;
}
.praxis-footer__contact{
  margin-top:10px!important;
}
@media(max-width:980px){
  .praxis-menu-ready .praxis-intro__copy{order:-1}
  .praxis-menu-ready .praxis-intro__photo{order:0}
  .praxis-brand--hero{gap:18px}
  .praxis-brand--hero .praxis-brand__mark{width:112px}
  .praxis-brand--hero h1{font-size:clamp(31px,7vw,46px)!important}
  .praxis-brand--hero .praxis-brand__tagline{font-size:clamp(20px,4.5vw,28px)}
  .praxis-header-contact{min-width:215px}
  .praxis-header-contact__phone{font-size:22px}
}
@media(max-width:700px){
  .praxis-header-row{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding-top:10px;
    padding-bottom:12px;
  }
  .praxis-brand{gap:12px}
  .praxis-brand--header{width:max-content}
  .praxis-brand--header .praxis-brand__mark{width:55px}
  .praxis-brand--header .praxis-brand__name{font-size:18px}
  .praxis-brand--header .praxis-brand__tagline{font-size:12px;margin-top:4px}
  .praxis-header-contact{
    width:100%;
    min-width:0;
    align-items:stretch;
    gap:7px;
    text-align:center;
  }
  .praxis-header-contact__label{display:none}
  .praxis-header-contact__phone{
    justify-content:center;
    width:100%;
    min-height:46px;
    padding:11px 14px;
    border-radius:10px;
    background:#236c78;
    color:#fff;
    font-size:18px;
    box-shadow:0 6px 16px rgba(17,45,58,.10);
  }
  .praxis-header-contact__phone span[aria-hidden="true"]{color:#fff}
  .praxis-header-contact__phone:hover{background:#193b48;color:#fff}
  .praxis-header-contact__mail{
    justify-content:center;
    color:#35515a;
    font-size:13px;
  }
  .praxis-brand--hero{align-items:flex-start;margin-bottom:18px}
  .praxis-brand--hero .praxis-brand__mark{width:82px}
  .praxis-brand--hero h1{font-size:clamp(27px,8vw,36px)!important;line-height:1.06!important}
  .praxis-brand--hero .praxis-brand__tagline{font-size:18px;line-height:1.2}
  .praxis-brand--footer .praxis-brand__mark{width:62px}
  .praxis-brand--footer .praxis-brand__name{font-size:18px}
  .praxis-brand--footer .praxis-brand__tagline{font-size:13px}
}
@media(max-width:390px){
  .praxis-brand--header .praxis-brand__mark{width:48px}
  .praxis-brand--header .praxis-brand__name{font-size:16px}
  .praxis-brand--header .praxis-brand__tagline{font-size:11px}
  .praxis-brand--hero{gap:10px}
  .praxis-brand--hero .praxis-brand__mark{width:70px}
  .praxis-brand--hero h1{font-size:25px!important}
  .praxis-brand--hero .praxis-brand__tagline{font-size:16px}
}
@media print{
  .praxis-brand__mark{filter:grayscale(1)}
  .praxis-header-contact{display:none!important}
}