/* Maktabi – Basis-Styles. Schriften lokal, keine Verbindung zu Google. */
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/alexandria-arabic-300-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/alexandria-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/alexandria-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/alexandria-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/alexandria-arabic-900-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/alexandria-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/alexandria-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/alexandria-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/alexandria-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/alexandria-latin-900-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F4F1EA;color:#14171C;font-family:'Alexandria',sans-serif;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:#14171C}
a:hover{color:#8F2A12}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #D2401F;outline-offset:3px}
summary{cursor:pointer}
input,select,button{font:inherit}

/* WhatsApp-Knopf, immer sichtbar */
.wa-float{position:fixed;bottom:18px;z-index:50;display:flex;align-items:center;gap:10px;background:#14171C;color:#F4F1EA!important;text-decoration:none;padding:14px 20px 14px 16px;font-weight:700;font-size:17px;box-shadow:5px 5px 0 #D2401F;border:2px solid #F4F1EA}
.wa-float:hover{background:#000}

/* Handy */
@media (max-width:760px){
  header > div{padding:12px 16px!important;gap:10px!important}
  .nav{order:3;width:100%;flex-wrap:nowrap!important;overflow-x:auto;gap:18px!important;padding:6px 0 4px;font-size:16px!important;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;padding:6px 0}
  section{padding-left:16px!important;padding-right:16px!important}
  section > div[style*="padding: 48px"],section > div[style*="padding: 40px"]{padding:28px 22px!important}
  footer{padding-bottom:84px}
  .wa-float{padding:12px 16px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.wa-float,.nav{display:none}}
html{overflow-x:clip}
@media (max-width:760px){[style*="right: -28px"]{right:-4px!important}[style*="left: -28px"],[style*="left: -44px"]{left:-4px!important}}
@media (max-width:760px){
  div[style*="minmax(min(250px"]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  div[style*="minmax(min(250px"] > div{padding:18px!important;gap:10px!important}
  div[style*="minmax(min(250px"] > div p:first-of-type{font-size:19px!important}
  div[style*="minmax(min(250px"] > div p:last-of-type{font-size:14px!important}
  div[style*="minmax(min(250px"] svg{width:34px;height:34px}
}
@media (max-width:760px){div[style*="width: 176px; height: 176px"]{width:128px!important;height:128px!important;bottom:-56px!important}div[style*="width: 176px; height: 176px"] span{font-size:22px!important}div[style*="width: 176px; height: 176px"] span:first-of-type{font-size:9px!important}}