/* Eigene CSS-Angaben für WP-ImmoMakler.
Wird nach dem mitgelieferten Plugin-CSS geladen,
Sie können somit die CSS-Angaben überschreiben oder ergänzen */

body {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.03em !important;
    color: #333333 !important; /* optional */
}
/* H1 - großes Hauptheading */
.immomakler h1 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 62px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* H2 - große Sekundärüberschrift, italic */
.immomakler h2 {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

/* H3 - Kartenüberschrift, uppercase */
.immomakler h3 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.property-title a {
    display: inline-block !important; /* damit padding wirkt */
    padding-bottom: 10px !important;
}

/* H4 */
.immomakler h4 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* H5 */
.immomakler h5 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* H6 */
.immomakler h6 {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Titel der Karten bleibt Cormorant Garamond */
.wpi-object-title {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Preis */
.wpi-object-price {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    color: #c8a46b !important;
}

/* Ort / Zusatzinfo */
.wpi-object-location,
.wpi-object-details {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    color: #666666 !important;
}

/* Untertitel */
.property-subtitle {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

.property-data[role="list"] a {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* Links */
.immomakler a {
    text-decoration: none !important;
    color: #1a1a1a !important;
}

.immomakler a:hover {
    text-decoration: none !important;
    color: #c8a46b !important; /* optional Goldton beim Hover */
}

@media (max-width: 992px) {
    .immomakler h1 { font-size: 48px !important; }
    .immomakler h2 { font-size: 32px !important; }
    .immomakler h3 { font-size: 36px !important; }
    .immomakler h4 { font-size: 28px !important; }
    .immomakler h5 { font-size: 24px !important; }
    .immomakler h6 { font-size: 20px !important; }

    .wpi-object-title { font-size: 24px !important; }
    .wpi-object-price { font-size: 22px !important; }
}

@media (max-width: 768px) {
    .immomakler h1 { font-size: 36px !important; }
    .immomakler h2 { font-size: 28px !important; }
    .immomakler h3 { font-size: 28px !important; }
    .immomakler h4 { font-size: 24px !important; }
    .immomakler h5 { font-size: 20px !important; }
    .immomakler h6 { font-size: 18px !important; }

    .wpi-object-title { font-size: 20px !important; }
    .wpi-object-price { font-size: 18px !important; }
}

/* H3 Titel der Immobilienkarten */
.property-title {
    color: #373e50 !important;
}

/* Untertitel */
.property-subtitle {
    color: #929fa7 !important;
}

/* Property Details / Data */
.property-data[role="list"] {
    color: #5d6a70 !important;
}

.num-posts.col-xs-6 {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

.pages-nav.col-xs-6 {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

.property-container {
    background: #ffffff !important;        /* weiße Karte */
    border-radius: 0px !important;        /* abgerundete Ecken */
    box-shadow: 0 6px 15px rgba(0,0,0,0.12) !important; /* leichter Schatten */
    padding: 20px !important;              /* Innenabstand */
    margin-bottom: 30px !important;        /* Abstand zwischen Karten */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* sanfte Animation */
}

/* Hover-Effekt: leichte Hebung und Schattenverstärkung */
.property-container:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.20) !important;
}

.property-subtitle {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

.panel-heading {
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.25em !important;
    text-transform: none !important;
}



/* Icon im Button verstecken */
.btn .glyphicon {
    display: none !important;
}

/* Button transparent mit Outline und Uppercase-Text */
.btn.btn-default {
    background-color: transparent !important;  /* transparenter Hintergrund */
    border: 1px solid #929fa7 !important;     /* Outlinefarbe */
    box-shadow: none !important;               /* kein Schatten */
    color: #929fa7 !important;                 /* Textfarbe */
    text-transform: uppercase !important;      /* Text in Großbuchstaben */
}

/* Hover: Outline und Textfarbe gleich */
.btn.btn-default:hover {
    background-color: transparent !important;  /* transparent */
    border: 1px solid #929fa7 !important;     /* Outlinefarbe */
    color: #929fa7 !important;                 /* Textfarbe */
}

.property-data[role="list"] {
    padding-top: 20px !important;
}