/* Hotel-Guenstig-Buchen.de — brand & typography pass v5.0.0 */
/* Visible brand uses title case. Technical URLs/canonicals remain lowercase. */
.site-header .brand--premium{gap:12px;min-width:0}
.site-header .brand__mark{display:grid;place-items:center;flex:0 0 52px}
.site-header .brand__mark img{display:block;width:52px;height:52px;max-width:none}
.site-header .brand__copy{display:block;min-width:0}
.site-header .brand__copy strong{
  display:block;color:#0a3568;font-size:24px;line-height:1.08;
  letter-spacing:-.028em;font-weight:800;white-space:nowrap
}
.site-header .brand__copy small{
  display:block;margin-top:3px;color:#60778d;font-size:13.2px;
  line-height:1.25;font-weight:650;letter-spacing:-.005em;white-space:nowrap
}
.site-footer{
  margin-top:0;background:#082f59;color:#d9e5ee;
  border-top:1px solid rgba(255,255,255,.08)
}
.site-footer__inner{
  width:min(1180px,calc(100% - 40px));margin:0 auto;padding:42px 0 28px;
  display:grid;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(130px,.72fr));
  gap:48px;align-items:start
}
.footer-intro{min-width:0}
.footer-brand-lockup{
  display:inline-flex;align-items:center;gap:13px;color:#fff!important;text-decoration:none
}
.footer-brand-lockup img{width:48px;height:48px;flex:0 0 48px}
.footer-brand-lockup span{display:grid;gap:2px;min-width:0}
.footer-brand-lockup strong{
  color:#fff;font-size:21px;line-height:1.14;letter-spacing:-.022em;font-weight:800
}
.footer-brand-lockup small{
  color:#b9cbd9;font-size:12.5px;line-height:1.3;font-weight:640;letter-spacing:-.004em
}
.footer-intro p{
  max-width:380px;margin:18px 0 14px;color:#c9d7e2;font-size:13.8px;line-height:1.55
}
.footer-booking-cta{
  display:inline-flex!important;align-items:center;gap:7px;width:max-content;min-height:35px;
  padding:0 0 2px;border:0;border-bottom:1px solid rgba(255,255,255,.54);border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#fff!important;text-decoration:none;
  font-size:13.5px;line-height:1.2;font-weight:760
}
.footer-booking-cta::after{content:"→";font-size:15px;line-height:1}
.footer-booking-cta:hover{border-bottom-color:#fff;color:#fff!important}
.site-footer nav{min-width:0;display:flex;flex-direction:column;gap:7px;padding-top:2px}
.site-footer h2{
  margin:0 0 11px;color:#b8cad8;font-size:13px;line-height:1.25;font-weight:760;
  letter-spacing:.005em;text-transform:none
}
.site-footer nav a{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:25px;padding:1px 0;
  color:#f0f5f8;text-decoration:none;border-bottom:1px solid transparent;
  font-size:14px;line-height:1.35;font-weight:520
}
.site-footer nav a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.48)}
.site-footer a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.site-footer__bottom{
  width:min(1180px,calc(100% - 40px));margin:0 auto;padding:16px 0 20px;
  border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;
  align-items:flex-start;gap:28px;color:#aabfce;font-size:11.5px;line-height:1.45
}
.site-footer__bottom span:last-child{text-align:right}
@media(max-width:1100px){
  .site-header .brand__mark{flex-basis:48px}.site-header .brand__mark img{width:48px;height:48px}
  .site-header .brand__copy strong{font-size:21px}.site-header .brand__copy small{font-size:12px}
}
@media(max-width:980px){
  .site-footer__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px 48px;padding-top:36px}
  .footer-intro{grid-row:1 / span 2}.site-footer__bottom{padding-bottom:18px}
}
@media(max-width:720px){
  .site-header .brand--premium{gap:10px}
  .site-header .brand__mark{flex-basis:44px}.site-header .brand__mark img{width:44px;height:44px}
  .site-header .brand__copy strong{font-size:18.5px}.site-header .brand__copy small{font-size:11.2px;margin-top:2px}
  .site-footer__inner,.site-footer__bottom{width:min(100% - 32px,1180px)}
  .site-footer__inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;padding:32px 0 25px}
  .footer-intro{grid-column:1/-1;grid-row:auto}.footer-intro p{max-width:520px}
  .site-footer nav a{min-height:32px;font-size:14px}
  .site-footer__bottom{display:grid;gap:7px;padding:15px 0 19px}
  .site-footer__bottom span:last-child{text-align:left;max-width:560px}
}
@media(max-width:560px){
  .site-header .brand--premium{gap:8px}
  .site-header .brand__mark{flex-basis:40px}.site-header .brand__mark img{width:40px;height:40px}
  .site-header .brand__copy strong{font-size:16.5px;letter-spacing:-.022em}
  .site-header .brand__copy small{font-size:10.7px}
  .site-footer__inner,.site-footer__bottom{width:min(100% - 28px,1180px)}
  .site-footer__inner{grid-template-columns:1fr;gap:24px;padding-top:29px}
  .footer-intro{grid-column:auto}.footer-brand-lockup img{width:46px;height:46px;flex-basis:46px}
  .footer-brand-lockup strong{font-size:20px}.footer-brand-lockup small{font-size:12px}
  .site-footer nav{padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
  .site-footer h2{margin-bottom:8px;font-size:13.5px}
}
@media(max-width:390px){
  .site-header .brand__copy strong{font-size:15.5px}.site-header .brand__copy small{font-size:10.3px}
  .footer-brand-lockup strong{font-size:19px}.footer-brand-lockup small{font-size:11.7px}
}