/**
 * Custom Styles
 * Generiert von ISN CMS Custom Style Editor
 * Letzte Aktualisierung: 09.01.2026 11:17:50
 */

:root {
    /* Farben */
    --primary-color: #f5cf7c;
    --bs-primary: #f5cf7c;
    --secondary-color: #e0c874;
    --bs-secondary: #e0c874;
    --dark-color: #2c3e50;
    --bs-dark: #2c3e50;
    --light-color: #f8f9fa;
    --bs-light: #f8f9fa;

    --bs-topbar-bg: rgba(0, 0, 0, 0.9);
    --bs-footer-bg: rgba(0, 0, 0, 0.9);
    --bs-section-bg: rgba(245, 206, 124, 0.2);
    --bs-team-bg: rgba(245, 206, 124, 0.3);
    --bs-form-bg: rgba(245, 206, 124, 0.5);
    --bs-section-hover-bg: rgba(245, 206, 124, 0.3);
    --bs-service-hover-bg: rgba(245, 206, 124, 0.3);

    /* Post Template Colors */
    --post-gradient-start: #26241f;
    --post-gradient-end: #1a1813;
    --post-text-dark: #1a202c;
    --post-text-medium: #2d3748;
    --post-text-muted: #4a5568;
    --post-bg-light: #f7fafc;
    --post-bg-gradient-start: #f8f9fa;
    --post-bg-gradient-end: #e9ecef;
    --post-bg-white: #ffffff;
    --post-border-light: #e2e8f0;
    --post-border-medium: #e8ecef;
    --post-icon-muted: #6c757d;

    /* Typografie */
    --font-family: 'Open Sans', sans-serif;
    --heading-font-family: 'Open Sans', sans-serif;
    --base-font-size: 16px;
    --line-height: 1.6;

    /* Abstände */
    --section-padding-y: 80px;
    --container-max-width: 1200px;

    /* Border Radius */
    --border-radius: 10px;
    --button-border-radius: 50px;
}

/* Typografie Anwendung */
body {
    font-family: var(--font-family);
    font-size: var(--base-font-size);
    line-height: var(--line-height);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font-family);
}

/* Container Max-Width */
.container {
    max-width: var(--container-max-width);
}

/* Section Padding */
.service,
.team,
.blog,
.contact,
section.py-5 {
    padding-top: var(--section-padding-y) !important;
    padding-bottom: var(--section-padding-y) !important;
}

/* Border Radius Anwendung */
.rounded,
.card,
.btn,
.service-item,
.team-item,
.blog-item {
    border-radius: var(--border-radius) !important;
}

.btn,
.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    border-radius: var(--button-border-radius) !important;
}

/* Benutzerdefiniertes CSS */