/* ============================================================
   Lokale Schriften – ersetzt die Einbindung von Google Fonts.
   Variable Fonts, SIL Open Font License (siehe assets/fonts/OFL-*.txt).

   Fraunces: Achsen opsz (optische Groesse) und wght (Strichstaerke)
   Figtree:  Achse wght
   Der unicode-range sorgt dafuer, dass die latin-ext-Datei nur geladen
   wird, wenn tatsaechlich ein Zeichen daraus vorkommt.
   ============================================================ */

/* ---------- Fraunces (Ueberschriften, Zitate) ---------- */
@font-face{
  font-family:'Fraunces';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/fraunces-latin-opsz-normal.woff2') format('woff2-variations');
  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:'Fraunces';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/fraunces-latin-ext-opsz-normal.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces';
  font-style:italic;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/fraunces-latin-opsz-italic.woff2') format('woff2-variations');
  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:'Fraunces';
  font-style:italic;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/fraunces-latin-ext-opsz-italic.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- Figtree (Fliesstext, Navigation) ---------- */
@font-face{
  font-family:'Figtree';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/figtree-latin-wght-normal.woff2') format('woff2-variations');
  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:'Figtree';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/figtree-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Figtree';
  font-style:italic;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/figtree-latin-wght-italic.woff2') format('woff2-variations');
  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:'Figtree';
  font-style:italic;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/figtree-latin-ext-wght-italic.woff2') format('woff2-variations');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

.brand img {
  width: 200px;
}
@media (min-width: 768px) {
  .brand img {
    max-width: 196px;
  }	
}
	
/* Optische Groessenachse der Fraunces aktiv lassen */
h1,h2,h3,h4,.brand-name,blockquote{font-optical-sizing:auto}
h1, h2 {
	hyphens: auto;	
}
#anlaesse h3 {
  font-size: 1.2rem;
}

.btn.btn-gold.text-black {
  color: #000;	
}

.site-header .btn.btn-gold {
  color: #fff;
  box-shadow: none;
}
.site-header .btn.btn-gold:hover {
  color: #000; 
  background: var(--mint-200);
}

#was-ist-immobilienbewertung {
  background: url(/img/bg-house.webp) 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
#was-ist-immobilienbewertung::after {
  content: "";
  position: absolute;
  display: flex;
  background: rgba(0,0,0,0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#was-ist-immobilienbewertung .reveal {
  position: relative;
  z-index: 1;
}
#was-ist-immobilienbewertung .card {
  background: rgba(255,255,255,0.9);
}
#was-ist-immobilienbewertung .grid-2 .reveal:first-child * {
  color: #fff;
}
.portrait-frame img {
  margin-bottom: 1.5rem;	
}