.elementor-3498 .elementor-element.elementor-element-59659773{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-53214c31 *//* ============================================================
   DECKER Real Estate Solution – Report Stylesheet
   WordPress / Houzez Theme – Additional CSS
   → Einfügen unter: Design > Customizer > Zusätzliches CSS
   Brandfarben: Teal #008B7D | Navy #1B2A4A
   ============================================================ */

/* ── DECKER Brand Tokens ── */
:root {
  --decker-teal:       #008B7D;
  --decker-teal-light: #E6F4F2;
  --decker-navy:       #1B2A4A;
  --decker-navy-mid:   #2E4470;
  --decker-bg:         #F8F9FA;
  --decker-white:      #FFFFFF;
  --decker-gray:       #6B7280;
  --decker-text:       #1F2937;
  --radius:            8px;
  --shadow:            0 2px 12px rgba(0,0,0,.08);
}

/* ── Wrapper ── */
.decker-report {
  font-family: 'Arial', 'Helvetica Neue', sans-serif;
  color: var(--decker-text);
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ── Hero Banner ── */
.decker-hero {
  background: linear-gradient(135deg, var(--decker-navy) 0%, var(--decker-navy-mid) 60%, var(--decker-teal) 100%);
  border-radius: var(--radius);
  padding: 48px 40px 40px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.decker-hero::before {
  content: '';
  position: absolute;
  top: -40px; right: -40px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}
.decker-hero-logo {
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--decker-teal);
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.decker-hero-sub {
  font-size: .85rem;
  color: rgba(255,255,255,.65);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.decker-hero-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 10px;
  line-height: 1.3;
}
.decker-hero-meta {
  display: inline-flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
}
.decker-badge {
  background: rgba(255,255,255,.12);
  color: #FFFFFF;
  font-size: .78rem;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.2);
  letter-spacing: .5px;
}
.decker-hero-kw {
  color: var(--decker-teal);
  font-size: .95rem;
  font-weight: 600;
  margin-top: 14px;
}

/* ── Highlights Box ── */
.decker-highlights {
  background: var(--decker-teal-light);
  border-left: 4px solid var(--decker-teal);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 24px 28px;
  margin-bottom: 40px;
}
.decker-highlights h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--decker-teal);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 14px 0;
}
.decker-highlights ul {
  margin: 0; padding: 0;
  list-style: none;
}
.decker-highlights ul li {
  padding: 6px 0;
  font-size: .93rem;
  color: var(--decker-navy);
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.decker-highlights ul li::before {
  content: '▸';
  color: var(--decker-teal);
  font-size: .9rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* ── TOC ── */
.decker-toc {
  background: var(--decker-white);
  border: 1px solid #E5E7EB;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-bottom: 40px;
  box-shadow: var(--shadow);
}
.decker-toc h3 {
  font-size: .95rem;
  font-weight: 700;
  color: var(--decker-navy);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 14px 0;
}
.decker-toc ol {
  margin: 0;
  padding-left: 20px;
}
.decker-toc ol li {
  margin-bottom: 6px;
}
.decker-toc a {
  color: var(--decker-teal);
  text-decoration: none;
  font-size: .92rem;
  font-weight: 500;
}
.decker-toc a:hover {
  text-decoration: underline;
}

/* ── Section ── */
.decker-section {
  margin-bottom: 48px;
}
.decker-section-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
}
.decker-section-icon {
  width: 44px; height: 44px;
  border-radius: 10px;
  background: var(--decker-navy);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.decker-section-title {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--decker-navy);
  margin: 0;
  line-height: 1.2;
}
.decker-divider {
  height: 3px;
  background: linear-gradient(90deg, var(--decker-teal) 0%, transparent 100%);
  border: none;
  border-radius: 2px;
  margin: 10px 0 28px 0;
}

/* ── News Cards ── */
.decker-card {
  background: var(--decker-white);
  border: 1px solid #E5E7EB;
  border-radius: var(--radius);
  padding: 22px 24px;
  margin-bottom: 16px;
  box-shadow: var(--shadow);
  position: relative;
}
.decker-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--decker-teal);
  border-radius: var(--radius) 0 0 var(--radius);
}
.decker-card h4 {
  font-size: 1.03rem;
  font-weight: 700;
  color: var(--decker-navy);
  margin: 0 0 10px 0;
  line-height: 1.35;
}
.decker-card p {
  font-size: .92rem;
  color: var(--decker-text);
  margin: 0 0 10px 0;
  line-height: 1.7;
}
.decker-card .decker-source {
  font-size: .78rem;
  color: var(--decker-gray);
  font-style: italic;
  margin: 0;
}
.decker-card .decker-source::before {
  content: '📌 Quelle: ';
  font-style: normal;
}

/* ── Stat Grid ── */
.decker-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}
.decker-stat {
  background: var(--decker-navy);
  border-radius: var(--radius);
  padding: 18px 16px;
  text-align: center;
  color: var(--decker-white);
}
.decker-stat-value {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--decker-teal);
  display: block;
  line-height: 1;
  margin-bottom: 6px;
}
.decker-stat-label {
  font-size: .75rem;
  color: rgba(255,255,255,.7);
  line-height: 1.3;
}

/* ── Alert / Hinweis ── */
.decker-alert {
  background: #FEF9EC;
  border: 1px solid #F0D060;
  border-left: 4px solid #C5A55A;
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 16px 20px;
  margin-bottom: 16px;
  font-size: .9rem;
  color: #7A5B1A;
}
.decker-alert strong {
  color: #5A3D00;
}

.decker-warning {
  background: #FFF0F0;
  border: 1px solid #FCA5A5;
  border-left: 4px solid #EF4444;
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 16px 20px;
  margin-bottom: 16px;
  font-size: .9rem;
  color: #7F1D1D;
}

/* ── Quick Takes ── */
.decker-quicktakes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.decker-qt-item {
  background: var(--decker-teal-light);
  border-radius: var(--radius);
  padding: 16px 18px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.decker-qt-num {
  background: var(--decker-teal);
  color: white;
  font-size: .75rem;
  font-weight: 700;
  width: 24px; height: 24px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.decker-qt-item p {
  font-size: .88rem;
  color: var(--decker-navy);
  margin: 0;
  line-height: 1.5;
}

/* ── Trend Analyse ── */
.decker-trend-block {
  background: var(--decker-white);
  border: 1px solid #E5E7EB;
  border-radius: var(--radius);
  padding: 22px 24px;
  margin-bottom: 16px;
  box-shadow: var(--shadow);
}
.decker-trend-block h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--decker-teal);
  margin: 0 0 8px 0;
}
.decker-trend-block p {
  font-size: .92rem;
  color: var(--decker-text);
  margin: 0;
  line-height: 1.7;
}

/* ── Fazit CTA ── */
.decker-fazit {
  background: linear-gradient(135deg, var(--decker-navy) 0%, var(--decker-navy-mid) 100%);
  border-radius: var(--radius);
  padding: 36px 32px;
  text-align: center;
  margin-bottom: 32px;
}
.decker-fazit h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 12px 0;
}
.decker-fazit p {
  font-size: .95rem;
  color: rgba(255,255,255,.82);
  margin: 0 0 10px 0;
  line-height: 1.7;
}
.decker-cta-btn {
  display: inline-block;
  margin-top: 18px;
  background: var(--decker-teal);
  color: #FFFFFF !important;
  font-size: .9rem;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none !important;
  letter-spacing: .5px;
  transition: background .2s;
}
.decker-cta-btn:hover {
  background: #006B61;
}

/* ── Disclaimer ── */
.decker-disclaimer {
  background: #F3F4F6;
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-top: 32px;
}
.decker-disclaimer p {
  font-size: .78rem;
  color: var(--decker-gray);
  margin: 0;
  line-height: 1.6;
}
.decker-disclaimer strong {
  color: var(--decker-navy);
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .decker-hero { padding: 32px 20px 28px; }
  .decker-hero-logo { font-size: 2rem; }
  .decker-hero-title { font-size: 1.25rem; }
  .decker-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .decker-quicktakes { grid-template-columns: 1fr; }
}/* End custom CSS */