
/* Header-Balken in hellem Blau, Logos links, Navigation rechts */
.apf-bar{background:#0b7ea2;display:flex;align-items:center;gap:18px;padding:10px 16px}
.apf-brand{display:flex;align-items:center;gap:16px}
.apf-brand img{max-height:40px;width:auto;display:block;object-fit:contain}
.apf-brand img.ps{max-height:28px}

/* Navigation mit Dropdown */
.apf-menu{margin-left:auto;display:flex;gap:22px;list-style:none}
.apf-menu>li{position:relative}
.apf-menu>li>a{color:#fff;text-decoration:none;padding:8px 4px;display:block;font-weight:600}
.apf-menu li ul{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:10px;min-width:260px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);padding:8px 0;z-index:50}
.apf-menu li:hover ul{display:block}
.apf-menu li ul a{display:block;padding:10px 14px;color:#222;text-decoration:none}
.apf-menu li ul a:hover{background:#f4f7fb}

/* Grundlayout */
.apf-wrap{max-width:1080px;margin:22px auto;padding:0 16px}
.apf-section{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border-radius:14px;padding:0 0 18px}

/* Textbetonungen */
.apf-wrap b.mwd{font-weight:800}
.apf-wrap b.tel{font-weight:700}
.apf-alert{font-weight:700;color:#1a1a1a}
.apf-alert .sad{filter:grayscale(20%)}

/* Kontaktbox im TM-Layout */
.tm-contact{background:#fff;border:2px solid #d60000;border-radius:12px;display:flex;gap:18px;align-items:center;padding:18px}
.tm-contact img{max-width:300px;height:auto;border-radius:8px;display:block}
.tm-btn{display:inline-block;background:#d60000;color:#fff;text-decoration:none;padding:10px 20px;border-radius:12px;margin-right:8px}
.tm-btn:hover{opacity:.92}
.apf-footer{font-size:14px;padding:12px 16px;color:#888}
