/* Farbanpassungen - Trauschmuck Sperling GmbH */

:root {
    --primary-blue: #1175b8;
    --primary-blue-hover: #0e5d94;
    --primary-blue-active: #0a4670;
    
    --primary-gold: #826F37;
    --primary-gold-hover: #6b5c2e;
    --primary-gold-active: #574a25;
    --primary-gold-light: #a08d4a;
    
    --primary-text: #555555;
}

/* ====================================== */
/* BASIS TEXTFARBEN */
/* ====================================== */

body, p, label, small {
    color: var(--primary-text) !important;
}

/* Überschriften */
h2, h5, h6 {
    color: var(--primary-text) !important;
}

h3, h4 {
    color: var(--primary-gold) !important;
}

/* h1 Spezialregeln */
.container h1 {
    color: var(--primary-gold) !important;
}

.title-v1 h1 {
    color: var(--primary-text) !important;
}

/* Listen, Tabellen, Divs und Spans - nur wenn keine spezifische Klasse */
ul:not([class*="gold"]):not([class*="star"]), 
ol:not([class*="gold"]):not([class*="star"]), 
li:not([class*="gold"]):not([class*="star"]) {
    color: var(--primary-text) !important;
}

td:not(.text-gold):not(tr.text-gold td), 
th:not(.text-gold):not(tr.text-gold th) {
    color: var(--primary-text) !important;
}

div:not([class*="gold"]):not([class*="star"]):not([class*="text-"]):not(.pe-richsnippets):not(.copyright) {
    color: var(--primary-text) !important;
}

span:not([class*="gold"]):not([class*="star"]):not([class*="text-"]):not(.star-rating):not(.price_time):not(.panel-title):not(.pe-richsnippets span):not(.copyright span) {
    color: var(--primary-text) !important;
}

/* Text Utility Classes */
.text-muted, .text-dark, .text-secondary {
    color: var(--primary-text) !important;
}

/* ====================================== */
/* SPEZIELLE ELEMENTE */
/* ====================================== */

/* Panel Elemente */
.panel-title, span.panel-title, .panel-heading span.panel-title, .panel-title i {
    color: #ffffff !important;
}

.price_time, .panel-heading .price_time {
    color: #ffffff !important;
}

.panel-grey > .panel-heading {
    background-color: #687879 !important;
}

/* Service und Testimonial Blocks */
.service-block-desc h4,
.service-block-desc p,
.testimonials-desc p,
.testimonials-desc span {
    color: var(--primary-text) !important;
}


/* ====================================== */
/* LINKS */
/* ====================================== */

a {
    color: var(--primary-blue) !important;
}

a:hover, a:focus {
    color: var(--primary-blue-hover) !important;
}

a:active {
    color: var(--primary-blue-active) !important;
}

/* Icon Links */
a .fa, a .icon {
    color: inherit !important;
}

/* ====================================== */
/* BUTTONS */
/* ====================================== */

/* Primary Buttons */
.btn-primary {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--primary-blue-hover) !important;
    border-color: var(--primary-blue-hover) !important;
    color: #fff !important;
}

/* Outline Primary Buttons */
.btn-outline-primary {
    color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: #fff !important;
}

/* Link Buttons */
.btn-link {
    color: var(--primary-blue) !important;
}

.btn-link:hover,
.btn-link:focus {
    color: var(--primary-blue-hover) !important;
}

/* Custom Blue Buttons */
.btn-blue,
.button-blue,
.btn-u.btn-u-blue {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: #fff !important;
}

.btn-blue:hover,
.button-blue:hover,
.btn-u.btn-u-blue:hover {
    background-color: var(--primary-blue-hover) !important;
    border-color: var(--primary-blue-hover) !important;
    color: #fff !important;
}

/* Calculator Buttons */
.calc-button,
.calculator .btn {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

.calc-button:hover,
.calculator .btn:hover {
    background-color: var(--primary-blue-hover) !important;
    border-color: var(--primary-blue-hover) !important;
}

/* ====================================== */
/* UTILITY CLASSES */
/* ====================================== */

.text-primary {
    color: var(--primary-blue) !important;
}

.bg-primary {
    background-color: var(--primary-blue) !important;
}

.border-primary {
    border-color: var(--primary-blue) !important;
}

.badge-primary {
    background-color: var(--primary-blue) !important;
}

/* ====================================== */
/* FORM ELEMENTS */
/* ====================================== */

.form-control:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(17, 117, 184, 0.25);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Sky Forms */
.sky-form header,
.sky-form .label,
.sky-form input,
.sky-form textarea,
.sky-form select {
    color: var(--primary-text) !important;
}

.sky-form input::placeholder,
.sky-form textarea::placeholder {
    color: #999 !important;
}

.sky-form input:focus,
.sky-form textarea:focus,
.sky-form select:focus {
    border-color: var(--primary-blue) !important;
}

.sky-form .button {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

.sky-form .button:hover {
    background-color: var(--primary-blue-hover) !important;
    border-color: var(--primary-blue-hover) !important;
}

/* ====================================== */
/* NAVIGATION COMPONENTS */
/* ====================================== */

/* Pagination */
.pagination .page-link {
    color: var(--primary-blue) !important;
}

.pagination .page-link:hover {
    color: var(--primary-blue-hover) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Navigation Pills */
.nav-pills .nav-link.active {
    background-color: var(--primary-blue) !important;
}

/* List Groups */
.list-group-item.active {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-blue) !important;
}

/* ====================================== */
/* TOOLTIPS */
/* ====================================== */

.tooltip .tooltip-inner {
    background-color: #eeeeee !important;
    color: #555555 !important;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #eeeeee !important;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #eeeeee !important;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #eeeeee !important;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #eeeeee !important;
}

/* ====================================== */
/* HEADER */
/* ====================================== */

/* Header Top Bar */
.header .topbar a {
    color: var(--primary-text) !important;
}

.header .topbar a:hover {
    color: var(--primary-blue-hover) !important;
}

/* Header Navigation */
.header #menu a,
.header .navbar a,
.header .navbar-nav a,
.navbar-default .navbar-nav > li > a {
    color: var(--primary-text) !important;
}

.header #menu a:hover,
.header .navbar a:hover,
.header .navbar-nav a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: var(--primary-blue) !important;
}

/* Active Menu Items */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-nav > li.active > a,
.navbar-nav li.active a,
.header .navbar-nav > li.active > a,
.header .navbar-nav li.active a,
.header .navbar li.active a,
.header #menu li.active a {
    color: var(--primary-blue) !important;
}

.header .navbar-nav>li>a:hover, 
.header .navbar-nav>.active>a {
    color: var(--primary-blue) !important;
    border-bottom: solid 2px var(--primary-blue);
}

/* Dropdown Menu */
.dropdown-menu > li > a {
    color: var(--primary-text) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: var(--primary-blue) !important;
}

/* Header Icons (Search, etc.) - Gold */
.header .fa,
.header .fa-search,
.header .navbar .fa,
.header .navbar-nav .fa,
.header .search .fa {
    color: var(--primary-gold) !important;
}

/* Form Icons - Gold */
.icon-append,
.icon-prepend,
form .fa,
.sky-form .fa,
.sky-form .icon-append,
.sky-form .icon-prepend {
    color: var(--primary-gold) !important;
}

/* Panel Title Icons - Override form icons */
.panel-title i,
.panel-title .fa,
.panel-heading .panel-title i,
.panel-heading .panel-title .fa {
    color: #ffffff !important;
}

/* ====================================== */
/* FOOTER */
/* ====================================== */

/* Footer Links */
.footer a,
.footer-v1 a,
#footer a,
footer a {
    color: #eeeeee !important;
    text-decoration: underline !important;
    text-decoration-color: #C8B274 !important;
    text-underline-offset: 2px !important;
}

.footer a:hover,
.footer-v1 a:hover,
#footer a:hover,
footer a:hover {
    color: #eeeeee !important;
    text-decoration: underline !important;
    text-decoration-color: #eeeeee !important;
}

/* Footer Headlines */
.footer .headline,
.footer-v1 .headline,
#footer .headline,
footer .headline,
.footer .headline h2,
.footer-v1 .headline h2,
#footer .headline h2,
footer .headline h2,
.footer .headline h3,
.footer-v1 .headline h3,
#footer .headline h3,
footer .headline h3,
.footer .headline h4,
.footer-v1 .headline h4,
#footer .headline h4,
footer .headline h4 {
    color: #eeeeee !important;
}

/* Footer Social Icons */
.footer-socials.list-inline li a,
.footer .footer-socials.list-inline li a,
.footer-v1 .footer-socials.list-inline li a,
.footer-socials.list-inline a,
.footer-socials a,
.footer .footer-socials a,
.footer-v1 .footer-socials a,
#footer .footer-socials a {
    color: #eeeeee !important;
    text-decoration: none !important;
}

.footer-socials.list-inline li a:hover,
.footer .footer-socials.list-inline li a:hover,
.footer-v1 .footer-socials.list-inline li a:hover,
.footer-socials.list-inline a:hover,
.footer-socials a:hover,
.footer .footer-socials a:hover,
.footer-v1 .footer-socials a:hover,
#footer .footer-socials a:hover,
.footer .footer-socials.list-inline a:hover {
    color: #eeeeee !important;
    text-decoration: none !important;
    opacity: 0.8;
}

/* Copyright & ProvenExpert */
.copyright,
.copyright p,
.copyright span,
.copyright div,
.pe-richsnippets,
.pe-richsnippets p,
.pe-richsnippets span,
.pe-richsnippets div,
.pe-richsnippets * {
    color: #eeeeee !important;
}

/* ====================================== */
/* BREADCRUMBS */
/* ====================================== */

.breadcrumb a {
    color: var(--primary-blue) !important;
}

.breadcrumb a:hover {
    color: var(--primary-blue-hover) !important;
}

/* ====================================== */
/* GOLD FARBE ANPASSUNGEN */
/* ====================================== */

/* Gold Text Classes */
.text-gold,
.gold-text,
.color-gold,
tr.text-gold,
tr.text-gold th,
tr.text-gold td {
    color: var(--primary-gold) !important;
}

/* Gold Background Classes */
.bg-gold,
.gold-bg,
.background-gold {
    background-color: var(--primary-gold) !important;
}

/* Gold Border Classes */
.border-gold,
.gold-border {
    border-color: var(--primary-gold) !important;
}

/* Service Block Hover */
.service-block-v1:hover .service-block-desc h4,
.service-block-v1:hover .service-block-desc p,
.service-block-v1:hover .service-block-desc a {
    color: var(--primary-gold) !important;
}

.service-block:hover {
    border-color: var(--primary-gold) !important;
}

.service-block:hover .service-icon {
    color: var(--primary-gold) !important;
}

/* Gold Buttons */
.btn-gold {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: #fff !important;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
    background-color: var(--primary-gold-hover) !important;
    border-color: var(--primary-gold-hover) !important;
    color: #fff !important;
}

/* Gold Outline Buttons */
.btn-outline-gold {
    color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    background-color: transparent !important;
}

.btn-outline-gold:hover,
.btn-outline-gold:focus,
.btn-outline-gold:active {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: #fff !important;
}

/* Gold Utility Classes */
.icon-gold,
.fa-gold {
    color: var(--primary-gold) !important;
}

.badge-gold {
    background-color: var(--primary-gold) !important;
    color: #fff !important;
}

/* Gold Links */
a.gold-link {
    color: var(--primary-gold) !important;
}

a.gold-link:hover {
    color: var(--primary-gold-hover) !important;
    text-decoration: underline;
}

/* ====================================== */
/* SOCIAL MEDIA BUTTONS */
/* ====================================== */

/* Twitter */
.btn-twitter,
.btn-twitter-inversed {
    background-color: #5873BE !important;
    border-color: #5873BE !important;
    color: #ffffff !important;
}

.btn-twitter:hover,
.btn-twitter-inversed:hover {
    background-color: #4862ad !important;
    border-color: #4862ad !important;
}

/* LinkedIn */
.btn-linkedin,
.btn-linkedin-inversed {
    background-color: #0D7FA4 !important;
    border-color: #0D7FA4 !important;
    color: #ffffff !important;
}

.btn-linkedin:hover,
.btn-linkedin-inversed:hover {
    background-color: #0b6e8f !important;
    border-color: #0b6e8f !important;
}

/* Flickr */
.btn-flickr,
.btn-flickr-inversed {
    background-color: #E31168 !important;
    border-color: #E31168 !important;
    color: #ffffff !important;
}

.btn-flickr:hover,
.btn-flickr-inversed:hover {
    background-color: #cc0f5d !important;
    border-color: #cc0f5d !important;
}

/* YouTube */
.btn-youtube,
.btn-youtube-inversed {
    background-color: #EA0505 !important;
    border-color: #EA0505 !important;
    color: #ffffff !important;
}

.btn-youtube:hover,
.btn-youtube-inversed:hover {
    background-color: #d10404 !important;
    border-color: #d10404 !important;
}

/* Social Media Icons */
.btn-twitter i, .btn-twitter-inversed i,
.btn-linkedin i, .btn-linkedin-inversed i,
.btn-flickr i, .btn-flickr-inversed i,
.btn-youtube i, .btn-youtube-inversed i {
    color: #ffffff !important;
}

/* ====================================== */
/* SPEZIELLE ICONS */
/* ====================================== */

.fa-check-circle-o,
.afk-o {
    color: #37850D !important;
}

/* ====================================== */
/* ÜBERSCHREIBUNGEN - AM ENDE */
/* ====================================== */

/* Star Ratings */
.star-rating,
span.star-rating {
    color: #DB6B22 !important;
    font-size: 34px;
}

.star-rating-gold {
    color: var(--primary-gold) !important;
    font-size: 34px;
}

.star-rating * {
    color: inherit !important;
}

/* Links ohne Button-Unterstreichung */
a:has(button),
a:has(.btn),
a:has([class*="btn-"]),
a:has(.btn-youtube-inversed),
a:has(.btn-facebook-inversed),
a:has(.btn-twitter-inversed),
a:has(.btn-instagram-inversed),
a.has-button {
    text-decoration: none !important;
}

a button,
a .btn,
a [class*="btn-"] {
    text-decoration: none !important;
}

/* Testimonials v6 - Spezielle Stile */
.testimonials-v6 cite a {
    color: var(--primary-blue) !important;
    font-style: normal !important;
    font-size: 18px !important;
}

.testimonials-v6 p,
.testimonials-v6 blockquote p,
.testimonials-desc p{
    font-style: normal !important;
    color: var(--primary-text) !important;
    font-size: 18px !important;
}

.testimonials-v6 blockquote {
    font-style: normal !important;
}

/* Mobile Menu Active State Fix - White text on gold background */
@media (max-width: 991px) {


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav > li.active > a, .navbar-nav li.active a, .header .navbar-nav > li.active > a, .header .navbar-nav li.active a, .header .navbar li.active a, .header #menu li.active a {
        color: #ffffff !important;
    }

    span:not([class*="gold"]):not([class*="star"]):not([class*="text-"]):not(.star-rating):not(.price_time):not(.panel-title):not(.pe-richsnippets span):not(.copyright span) {
        color: #ffffff !important;
    }
}


blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: "" !important;
}

blockquote footer a {
    font-weight: normal !important;
}