/* ImmoAdvo – Variante 2 (frische Farbe, neue Wortmarke) – Vorschau Startseite */
:root{
  --navy:#1c3a52;
  --teal:#2a9d8f;
  --akzent:#16685e;   /* dunkles Blaugrün – Texthervorhebungen */
  --paper:#f6f8f9;
  --ink:#1d2a33;
  --text:#36454f;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
}
b,strong,.akz{color:var(--akzent);}
a{color:var(--akzent);}
/* Kopf */
.site-head{
  background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:18px 6vw;
}
.brand .mark{
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;font-weight:500;letter-spacing:.5px;line-height:1.1;
}
.brand .mark .advo{color:var(--teal);}
.brand .name{font-size:15px;margin-top:4px;color:#eef3f6;letter-spacing:.3px;}
.brand .name .dot{color:#8fa6b5;}
.brand .tag{font-size:11px;margin-top:3px;color:#8fa6b5;letter-spacing:1.5px;text-transform:uppercase;}
.nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:15px;}
.nav a{color:#cdd9e1;text-decoration:none;}
.nav a:hover{color:#fff;}
.nav .en{border:1px solid #46627a;border-radius:5px;padding:2px 8px;}
/* Hinweis-Banner */
.ribbon{
  background:#eaf3f1;border-left:4px solid var(--teal);
  padding:12px 6vw;font-size:15px;color:#223;line-height:1.55;
}
.ribbon b{color:var(--navy);}
/* Lesespalte */
.wrap{max-width:720px;margin:0 auto;padding:38px 24px 48px;}
.lead{font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 6px;}
.wrap h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;font-weight:500;color:var(--ink);
  margin:30px 0 8px;padding-bottom:4px;border-bottom:1px solid #dce3e6;
}
.wrap p{margin:0 0 14px;}
/* Fuß */
.site-foot{
  background:var(--navy);color:#cdd9e1;
  padding:30px 6vw;font-size:14px;line-height:1.7;
  display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;
}
.site-foot a{color:#cdd9e1;}
.site-foot .label{color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;}
.site-foot .legal{align-self:flex-end;color:#7f95a4;font-size:13px;}
.site-foot a:hover{color:#fff;}
/* Navigation aktiv */
.nav a.active{color:#fff;border-bottom:2px solid var(--teal);padding-bottom:2px;}
/* Unter-Überschriften & Listen im Text */
.wrap h3{font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500;color:var(--ink);margin:24px 0 6px;}
.wrap ul{margin:0 0 14px;padding-left:22px;}
.wrap li{margin:0 0 4px;}
.wrap h4{font-size:16px;font-weight:600;color:var(--ink);margin:18px 0 4px;}
/* Porträt */
figure.portrait{float:right;width:180px;margin:6px 0 16px 22px;text-align:center;}
figure.portrait img{width:100%;height:auto;border-radius:6px;}
figure.portrait figcaption{font-size:12px;color:#6c7a82;margin-top:5px;}
/* Callout-Karten (frühere Infospalten-Blöcke) */
.callout{background:#eef5f3;border-left:4px solid var(--teal);border-radius:0 8px 8px 0;padding:14px 18px;margin:22px 0;font-size:15px;line-height:1.6;}
.callout .ct{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--akzent);margin-bottom:6px;font-weight:600;}
.callout ul{margin:0;padding-left:20px;}
.callout p{margin:0;}
/* Formular (Kontakt) */
.formlabel{display:block;margin-top:12px;font-weight:600;color:var(--ink);}
.formfield{width:100%;max-width:520px;padding:9px;border:1px solid #c2ccd1;border-radius:6px;font:inherit;background:#fff;}
fieldset{margin:14px 0;border:1px solid #c2ccd1;border-radius:8px;padding:12px 16px;}
legend{padding:0 6px;color:var(--akzent);font-weight:600;}
button[type=submit],input[type=submit]{background:var(--teal);color:#fff;border:0;padding:11px 20px;border-radius:6px;font:inherit;cursor:pointer;margin-top:6px;}
button[type=submit]:hover,input[type=submit]:hover{background:#23857a;}
@media (max-width:680px){
  .site-head{flex-direction:column;align-items:flex-start;}
  .nav{gap:14px;}
  .wrap{padding:28px 18px 38px;}
}