/* Verkehrsverein Speyer CMS v1.0.2 - Dynamische Styles */

:root {
    --primary-color: #d5d5d5;
    --secondary-color: #feffff;
    --accent-color: #ff2600;
    --background-color: #ffffff;
    --text-color: #5e5e5e;
    --heading-color: #000000;
    --link-color: #0432ff;
    --link-hover-color: #ff9300;
    --caption-color: #86868b;
    --button-text-color: #ffffff;
}

/* Body mit Hintergrund */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-color);
    background-color: var(--background-color);
    background-image: url('https://verkehrsverein-speyer.de/uploads/backgrounds/bg_1768321614.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: auto;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
    line-height: 1.3;
}

h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* Links */
a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

/* Bildunterschriften */
figcaption,
.caption,
.image-caption {
    font-size: 13px;
    color: var(--caption-color);
}

/* Buttons */
.button-primary {
    background: var(--primary-color);
    color: var(--button-text-color);
}

.button-primary:hover {
    background: var(--link-hover-color);
}

/* Logo im Header */
.site-logo img {
    max-width: 350px;
}

/* TinyMCE Content Styles */
.mce-content-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-color);
}

.mce-content-body h1 { font-size: 40px; }
.mce-content-body h2 { font-size: 32px; }
.mce-content-body h3 { font-size: 24px; }
.mce-content-body h4 { font-size: 20px; }
.mce-content-body h5 { font-size: 18px; }
.mce-content-body h6 { font-size: 16px; }