/* Arenda GmbH — statische Website (DE)
   Layout-Styles bleiben inline im HTML. Diese Datei enthaelt nur Resets,
   :hover/:focus-Zustaende und Bild-Platzhalter. */

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:#faf6ef;font-family:'IBM Plex Sans',sans-serif;color:#16233c;text-wrap:pretty;}
img{max-width:100%;}
a{color:#d0342c;text-decoration:none;}
a:hover{color:#a8241e;}
button{font-family:inherit;}
/* Champs de formulaire : style par défaut (les champs sans style inline
   s'affichaient à la largeur navigateur ~150px -> décalés/texte coupé). */
input,select,textarea{font-family:inherit;font-size:15px;color:#16233c;width:100%;height:46px;
  padding:0 14px;border:1px solid #d8d2c6;border-radius:9px;background:#fff;}
textarea{height:auto;min-height:88px;padding:12px 14px;line-height:1.5;resize:vertical;}
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;}
/* Barres de recherche (flex : select catégorie + champ) : NE PAS forcer width:100%,
   sinon le <select> écrase le champ de recherche. On restaure la largeur auto + hauteur. */
#searchbox select,#searchbox input,
[role="search"] select,[role="search"] input,
[data-search-panel] select,[data-search-panel] input{width:auto;height:100%;border-radius:0;}
label{display:block;font-size:13px;font-weight:600;color:#475467;margin-bottom:6px;}
input:focus,select:focus,textarea:focus{outline:none;border-color:#d0342c;box-shadow:0 0 0 3px rgba(208,52,44,0.12);}
[hidden]{display:none !important;}

/* Bild-Platzhalter — durch <img src="/site-de/img/…"> oder <Image> ersetzen */
.img-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;
  background:#f1ece2;border:1px dashed #d8d2c6;border-radius:8px;padding:10px;text-align:center;}
.img-slot span{font-size:12px;line-height:1.35;color:#98a2b3;max-width:22ch;}

/* Interaktive Zustaende */
.x1:hover{background:#d0342c;}
.x2:hover{border-color:#16233c;color:#16233c;}
.x3:hover{background:#d0342c;color:#fff;}
.x4:hover{background:#a8241e;color:#fff;}
.x5:hover{background:#a8241e;}
.x6:hover{border-color:#d0342c;box-shadow:0 16px 32px -22px rgba(16,24,40,0.45);}
.x7:hover{border-color:#16233c;box-shadow:0 16px 32px -22px rgba(16,24,40,0.4);}
.x8:hover{border-color:#d0342c;transform:translateY(-2px);}
.x9:hover{border-color:#fff;color:#fff;}
.x10:hover{border-color:#8f1a14;color:#8f1a14;}
.x11:hover{border-color:#d0342c;background:#f7f9ff;}
.x12:hover{background:#0d1626;color:#fff;}
.x13:hover{border-color:#16233c;}
.x14:hover{background:#0d1626;}
.x15:hover{border-color:#98a2b3;}
.x16:hover{background:#faf6ef;color:#d0342c;}