/* 
    Audi CI Stylesheet 
    Wird nur geladen, wenn der Beitrag zur Kategorie '>> Audi' gehört.
*/

/* =================================================
  Start CI SETTINGS & GLOBAL BASICS
==================================================== */

:root {
    --audi-black: hsl(216, 23%, 8%); /* Neuer Audi CI Dark Blue/Black Hintergrund */
    --audi-white: #ffffff;
    --audi-grey: #677080; /* Audi CI Grey neu definiert */
    --audi-dark-grey: #333333;
    --audi-red: #bb0a30; /* Audi Red Akzent */
    --audi-font-normal: 400;
    --audi-font-bold: 700;
}

body.audi-ci {
    background-color: var(--audi-black);
    color: var(--audi-white);
    line-height: 1.6;
    font-family: 'AudiType', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* =================================================
  Start HEADER CUSTOMIZATIONS
==================================================== */

.audi-header-top {
    background-color: var(--audi-black);
    border-bottom: 1px solid var(--audi-dark-grey) !important;
}

.audi-ci-logo img {
    max-width: 150px;
    height: auto;
}

.audi-ci-text p a.audi-dealer-name {
    text-decoration: none !important;
    font-weight: 400;
    color: #b6b5b5 !important;
    font-size: 17px !important;
    line-height: 1.2;
    letter-spacing: 0.01em;
    display: inline-block;
}

.audi-ci-text p a.audi-dealer-name:hover {
    color: var(--audi-white) !important;
    text-decoration: none !important;
}

.audi-ci-powered span {
    font-size: 17px !important; /* Von 0.8rem auf 17px angepasst */
    font-style: normal !important;
    letter-spacing: 0.01em;
    color: #b6b5b5;
}

/* =================================================
  Start TYPOGRAPHY & CONTENT TEXT
==================================================== */

/* Überschriften - Audi Type mit präzisem Clamp-Design & Font-Stretch */
body.audi-ci h1, 
body.audi-ci h2, 
body.audi-ci h3, 
body.audi-ci h4,
body.audi-ci h5,
body.audi-ci h6 {
    color: var(--audi-white) !important;
    font-family: 'AudiType', sans-serif !important;
    font-weight: 400 !important;
    text-transform: none;
    letter-spacing: 0 !important;
    margin: 0 0 1.5rem 0 !important;
    font-style: normal !important;
}

body.audi-ci h1 {
    font-size: clamp(40px, 5vw, 64px) !important;
    line-height: 1.125 !important;
}

body.audi-ci h2 {
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.17 !important;
}

body.audi-ci h3 {
    font-size: clamp(28px, 3vw, 36px) !important;
    line-height: 1.22 !important;
}

body.audi-ci h4 {
    font-size: 18px !important; /* Synchronisiert mit Accordion-Titel */
    font-weight: 700 !important;
    line-height: 1 !important; /* Maximale Reduktion für kompakten Look */
}

/* Audi Text / Lead Paragraph */
body.audi-ci .audi-text {
    margin: 0 0 2rem 0 !important;
    color: rgb(252, 252, 253) !important;
    font-family: 'AudiType', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    font-size: 24px !important;
    line-height: 36px !important;
    font-style: normal !important;
}

/* Fließtext-Optimierung */
body.audi-ci p {
    font-size: 1.125rem; /* Etwas größer für bessere Lesbarkeit auf Schwarz */
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.85); /* Leicht abgedunkeltes Weiß für Text */
}

/* Akzentfarben für Links */
body.audi-ci a:not(.btn) {
    color: var(--audi-white);
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.3s ease;
}

body.audi-ci a:not(.btn):hover {
    color: var(--audi-grey) !important;
}

/* 
    Audi CI Content & Layout 
    Optimierung der WPBakery Elemente und allgemeine Inhaltsstruktur
*/

/* Trennlinien (Separators) im Audi Look */
body.audi-ci hr,
body.audi-ci .vc_separator {
    border-top: 1px solid var(--audi-dark-grey) !important;
    margin: 3rem 0 !important;
    opacity: 0.3;
}


/* Bilder-Optimierung */
body.audi-ci .wpb_single_image figure {
    margin: 0;
}

body.audi-ci .wpb_single_image img {
    border-radius: 0 !important;
    filter: brightness(0.9); /* Dezente Abdunkelung für bessere Integration */
    transition: filter 0.3s ease;
}

body.audi-ci .wpb_single_image img:hover {
    filter: brightness(1);
}

/* WPBakery Text-Spalte Abstände */
body.audi-ci .wpb_text_column {
    margin-bottom: 2rem;
}

/* Fokus-Text / Lead-Paragraph */
body.audi-ci p.lead,
body.audi-ci .audi-lead-text p {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    font-weight: var(--audi-font-normal);
    color: var(--audi-white) !important;
    letter-spacing: -0.01em;
}

/* Styling für h5 und h6 (Details) */
body.audi-ci h5 {
    font-size: 1.25rem;
    font-weight: var(--audi-font-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--audi-white);
}

body.audi-ci h6 {
    font-size: 1rem;
    font-weight: var(--audi-font-bold);
    color: var(--audi-red);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

/* =================================================
  Start CONTENT MODULES: LAYOUT & CLEANUP
==================================================== */

/* Haupt-Container & Layout-Weite */
body.audi-ci,
body.audi-ci #page,
body.audi-ci #main-content,
body.audi-ci .main-container {
    background-color: var(--audi-black) !important;
    color: var(--audi-white);
    padding: 0 !important;
}

/* Ausblenden von Standard-Theme-Elementen auf Audi-Seiten */
body.audi-ci .blog-single .post-content {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

body.audi-ci .post-navigation,
body.audi-ci .author-box,
body.audi-ci .related-post,
body.audi-ci #comments,
body.audi-ci .entry-footer,
body.audi-ci .ts-footer-classic .footer-top-area, /* Verstecke ggf. doppelte Footer-Bereiche */
body.audi-ci .induxo-banner-area {
    display: none !important;
}

/* =================================================
  Start CONTENT MODULES: WPBakERY ELEMENTS
==================================================== */

/* Accordion (Audi CI Style - Overwrite Fix für js_composer_tta.min.css) */

body.audi-ci .vc_tta-container {
    margin-bottom: 3rem;
}

body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel-heading,
body.audi-ci .vc_tta.vc_general .vc_tta-panel-heading,
body.audi-ci .vc_tta-panel-heading {
    background: transparent !important;
    padding: 0 !important;
    border: 2px solid #ffffff !important; /* 2px Solid Weiß wie gewünscht */
    margin-bottom: 0 !important; /* Kein Abstand zum Body, da dieser den Rahmen fortführt */
}

/* Accordion Body */
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel.vc_active .vc_tta-panel-body,
body.audi-ci .vc_tta-panel.vc_active .vc_tta-panel-body {
    border: 2px solid #ffffff !important;
    border-top: none !important; /* Schließt nahtlos an den Header an */
    margin-bottom: 15px !important; /* Abstand nach dem kompletten Block */
    padding: 20px 20px 30px 20px !important; /* Horizontales Padding auf 20px gesetzt wie im Header */
}

/* Accordion Body Base */
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel-body,
body.audi-ci .vc_tta-panel-body {
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 20px 30px 20px !important; /* Start-Padding links bündig zum Header-Rahmen */
}

/* Spezifisches Listen-Styling im Body (Checkmark Version) */
body.audi-ci .vc_tta-panel-body ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

body.audi-ci .vc_tta-panel-body ul li {
    position: relative;
    padding-left: 26px; /* 16px Icon + 10px Gap = 26px Einrückung für perfekte Fluchtlinie zum Titel-Text */
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6;
    color: #ffffff !important;
}

body.audi-ci .vc_tta-panel-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.audi-ci .vc_tta-panel {
    margin-bottom: 10px !important; /* Abstand zwischen geschlossenen Panels */
}

/* Panels Reset */
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel,
body.audi-ci .vc_tta-panel {
    background: transparent !important;
    border: none !important;
}

body.audi-ci .vc_tta-panel-title {
    margin: 0 !important;
    padding: 0 !important;
}

body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel-title a,
body.audi-ci .vc_tta-panel-title a {
    font-family: 'AudiType', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--audi-white) !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center;
    padding: 24px 20px !important;
    transition: color 0.3s ease !important;
}

body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-panel-title a:hover,
body.audi-ci .vc_tta-panel-title a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Das + Icon (Links positioniert) - Höchste Spezifität gegen Plugin-Styles */
body.audi-ci .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-controls-icon,
body.audi-ci .vc_tta-controls-icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    order: -1 !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Linien-Farbe des Icons erzwingen */
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-controls-icon::before,
body.audi-ci .vc_tta.vc_tta-style-outline.vc_tta-color-black .vc_tta-controls-icon::after,
body.audi-ci .vc_tta-controls-icon::before,
body.audi-ci .vc_tta-controls-icon::after {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Horizontale Linie (Zentriert) */
body.audi-ci .vc_tta-controls-icon::before {
    width: 16px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Vertikale Linie (Zentriert) */
body.audi-ci .vc_tta-controls-icon::after {
    width: 2px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Active State Transformation */
body.audi-ci .vc_active .vc_tta-controls-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

/* WPBakery Tabs */
body.audi-ci .vc_tta-tabs-list {
    border-bottom: 1px solid var(--audi-dark-grey) !important;
    margin-bottom: 2rem !important;
}

body.audi-ci .vc_tta-tab a {
    background: transparent !important;
    font-family: 'Audi Type', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: rgba(255, 255, 255, 0.5) !important;
    border: none !important;
    padding: 15px 30px !important;
}

body.audi-ci .vc_tta-tab.vc_active a {
    color: var(--audi-white) !important;
    border-bottom: 2px solid var(--audi-white) !important;
}

/* =================================================
  Start CONTENT MODULES: SPECIAL BLOCKS
==================================================== */

/* Audi CI Grau Kasten (.audi-ci-grau-kasten) */
body.audi-ci .audi-ci-grau-kasten {
    background-color: var(--audi-grey) !important;
    border: 1px solid var(--audi-white) !important;
    border-radius: 20px !important; /* Vereinheitlicht auf 20px wie die moderne Box */
    padding: 30px !important;
    margin-bottom: 2rem !important;
    color: var(--audi-white) !important;
}

body.audi-ci .audi-ci-grau-kasten p {
    margin-bottom: 1rem !important;
    color: var(--audi-white) !important;
}

body.audi-ci .audi-ci-grau-kasten table {
    margin: 20px 0 !important;
    border: none !important;
}

body.audi-ci .audi-ci-grau-kasten table td {
    border: none !important;
    vertical-align: middle !important;
}

body.audi-ci .audi-ci-grau-kasten strong {
    font-weight: 700 !important;
}

/* Audi CI Modern Grau Kasten (.audi-ci-grau-modern-kasten) */
body.audi-ci .audi-ci-grau-modern-kasten {
    --gradient-start: hsla(216, 20%, 17%, 1);
    --gradient-end: hsla(216, 21%, 12%, 1);
    
    background: linear-gradient(180deg, var(--gradient-start) 0%, var(--gradient-end) 100%) !important;
    backdrop-filter: blur(40px);
    
    border: none !important;
    border-radius: 20px !important; /* Stärker abgerundet nach Vorlage */
    box-shadow: rgb(44, 52, 63) 0px 0px 0px 1px inset !important;
    
    padding: 24px !important;
    margin-bottom: 2rem !important;
    overflow: hidden;
    text-align: left;
    
    transition: box-shadow 250ms cubic-bezier(0.75, 0.02, 0.5, 1) !important;
    cursor: pointer;
}

body.audi-ci .audi-ci-grau-modern-kasten:hover {
    box-shadow: rgb(75, 85, 100) 0px 0px 0px 1px inset !important;
}

body.audi-ci .audi-ci-grau-modern-kasten p,
body.audi-ci .audi-ci-grau-modern-kasten span,
body.audi-ci .audi-ci-grau-modern-kasten strong {
    color: var(--audi-white) !important;
}

/* =================================================
  Start CONTENT MODULES: POST GRID & TEAM
==================================================== */

/* Team-Elemente (Ansprechpartner) im Audi Look */
body.audi-ci .vc_gitem_row {
    align-items: center !important; /* Vertikale Zentrierung von Bild und Text */
    background-color: hsla(216, 20%, 15%, 0.5) !important; /* Ganz dezenter Hintergrund wie moderne Box */
    padding: 20px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}

/* Ausnahme für verschachtelte Ansprechpartner Blöcke */
body.audi-ci .audi-ci-anspechpartner-block .vc_gitem_row {
    margin-bottom: 0 !important;
    background-color: transparent !important; /* Optional, falls der äußere Container die Farbe hält */
    padding: 10px !important;
}

body.audi-ci .audi-ci-anspechpartner-block {
    background-color: hsla(216, 20%, 15%, 0.5) !important;
    padding: 10px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}

/* Bild-Container Optimierung */
body.audi-ci .vc_gitem-col .wpb_single_image {
    margin-bottom: 0 !important;
}

body.audi-ci .vc_gitem-col .vc_single_image-wrapper {
    border: none !important;
    box-shadow: none !important; /* Weg mit dem alten 3D Schatten */
}

body.audi-ci .vc_gitem-col .vc_single_image-img {
    border-radius: 4px !important;
    filter: grayscale(1) brightness(1.1) !important; /* Edler Schwarz-Weiß Look für Portraits */
    transition: filter 0.4s ease !important;
}

body.audi-ci .vc_gitem_row:hover .vc_single_image-img {
    filter: grayscale(0) brightness(1) !important; /* Farbe bei Hover */
}

/* Text-Bereich Ansprechpartner */
body.audi-ci .vc_gitem-col .vc_custom_heading {
    font-size: 20px !important;
    color: var(--audi-white) !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
}

body.audi-ci .vc_gitem-post-meta-field-funktion_berufsbezeichnung {
    color: #b6b5b5 !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Kontaktdaten (Tel, Mail, etc.) */
body.audi-ci .vc_gitem-col strong {
    color: #b6b5b5 !important;
    font-weight: 400 !important;
    margin-right: 5px;
}

body.audi-ci .vc_gitem-col a,
body.audi-ci .vc_gitem-col div {
    font-size: 15px !important;
    color: var(--audi-white) !important;
    line-height: 1.8 !important;
}

body.audi-ci .vc_gitem-col a:hover {
    color: var(--audi-grey) !important; /* Umstellung auf Audi CI Grau (#677080) bei Hover */
    text-decoration: none !important;
}

/* =================================================
  Start INTERACTIVE ELEMENTS: BUTTONS
==================================================== */

/* Standard Audi-Button (Basis: btn-block & btn & input submit) */
body.audi-ci .btn,
body.audi-ci .button,
body.audi-ci input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: 'AudiType', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: 4px !important; /* Dezent abgerundet für modernen techn. Look */
    height: 48px !important;
    padding: 0 32px !important;
    transition: all 0.25s cubic-bezier(0.75, 0.02, 0.5, 1) !important;
    border: 1px solid var(--audi-white) !important;
    background-color: transparent !important;
    color: var(--audi-white) !important;
    cursor: pointer;
    box-sizing: border-box;
}

body.audi-ci .btn:hover,
body.audi-ci .button:hover,
body.audi-ci input[type="submit"]:hover {
    background-color: var(--audi-white) !important;
    color: var(--audi-black) !important;
}

/* Spezieller Inzahlungnahme Button (Modern Kasten Style) */
body.audi-ci .btn-block {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Farben & Verlauf basierend auf der modernen Box */
    --gradient-start: hsla(216, 20%, 17%, 1);
    --gradient-end: hsla(216, 21%, 12%, 1);
    background: linear-gradient(180deg, var(--gradient-start) 0%, var(--gradient-end) 100%) !important;
    
    color: var(--audi-white) !important;
    font-family: 'AudiType', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    
    /* Form & Schatten */
    height: 54px !important;
    border: none !important;
    border-radius: 20px !important; /* Harmonisiert mit den Kästen */
    box-shadow: rgb(44, 52, 63) 0px 0px 0px 1px inset !important;
    
    transition: all 250ms cubic-bezier(0.75, 0.02, 0.5, 1) !important;
    cursor: pointer;
}

body.audi-ci .btn-block:hover {
    box-shadow: rgb(75, 85, 100) 0px 0px 0px 1px inset !important;
    background: linear-gradient(180deg, hsla(216, 20%, 22%, 1) 0%, hsla(216, 21%, 17%, 1) 100%) !important;
    transform: translateY(-2px);
    color: var(--audi-white) !important; /* Text bleibt Weiß bei Hover */
}

/* Audi CI Link-Button (.btn-audi-ci-link) - Sticky-Arrow Version */

body.audi-ci .btn-audi-ci-link {
    display: inline !important; /* Zurück auf inline für perfekten Textfluss */
    font-family: 'AudiType', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: rgb(252, 252, 253) !important;
    text-decoration: underline 1px rgb(252, 252, 253) !important;
    text-underline-offset: 7px;
    cursor: pointer;
    font-style: normal !important;
    white-space: normal;
    padding-right: 28px !important; /* Platz für den Pfeil */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgb(252, 252, 253)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 6l6 6-6 6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 2px center !important; /* Pfeil klebt am rechten Rand des Inlines */
    background-size: 24px 24px !important;
    transition: color 250ms cubic-bezier(0.75, 0.02, 0.5, 1), 
                text-decoration-color 250ms cubic-bezier(0.75, 0.02, 0.5, 1),
                background-position 250ms cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

/* Entfernung des ::after, da der Pfeil jetzt direkt im Hintergrund des Links sitzt */
body.audi-ci .btn-audi-ci-link::after {
    display: none !important;
}

/* Hover-Zustand */
body.audi-ci .btn-audi-ci-link:hover {
    color: rgba(252, 252, 253, 0.7) !important;
    text-decoration-color: rgba(252, 252, 253, 0.7) !important;
    background-position: right -2px center !important; /* Pfeil schiebt sich nach rechts */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(252, 252, 253, 0.7)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 6l6 6-6 6'/%3E%3C/svg%3E") !important;
}

/* =================================================
  Start MOBILE RESPONSIVENESS
==================================================== */

@media (max-width: 767px) {
    body.audi-ci h1 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    body.audi-ci h2 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    body.audi-ci h3 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    body.audi-ci h4 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    body.audi-ci .button, 
    body.audi-ci a.button {
        width: 100%;
        display: flex !important;
    }
    .audi-ci-text {
        text-align: left;
    }
}

/* =================================================
  Start FOOTER & CONTACT INFORMATION
==================================================== */

.ts-footer {
    padding: 60px 0 40px;
    background-color: var(--audi-black);
    color: var(--audi-white);
    border-top: 1px solid var(--audi-dark-grey);
}

.category_label {
    font-size: 1.125rem;
    font-weight: var(--audi-font-bold);
    margin-bottom: 20px;
    display: block;
    color: var(--audi-white) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ts-footer a {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s ease;
    text-decoration: none !important;
}

.ts-footer a:hover {
    color: var(--audi-grey) !important;
}

/* AZR Contact Box Styles */
.azr-kontaktliste {
    list-style: none;
    padding: 0;
    margin: 0;
}

.azr-kontaktliste li {
    margin-bottom: 15px;
}

.azr-kontaktlink {
    display: flex;
    align-items: center; /* Vertikale Zentrierung von Icon und Text */
    gap: 12px;
    color: rgba(255, 255, 255, 0.8) !important;
}

.azr-kontakticon {
    width: 20px;
    min-width: 20px;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 18px;
    color: var(--audi-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.azr-kontakticon--map::before { content: "\f041"; }
.azr-kontakticon--phone::before { content: "\f095"; }
.azr-kontakticon--mail::before { content: "\f0e0"; }
.azr-kontakticon--vcard::before { content: "\f2bb"; }

.azr-kontakttext {
    line-height: 1;
    font-size: 1rem;
}

/* Footer Bottom Bereich */
.ts-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 20px !important;
    padding-top: 0 !important; /* Padding komplett weg wie gewünscht */
}

.ts-footer p {
    color: #d5d5d5 !important;
    margin-top: 15px !important; /* Von 35px auf 15px reduziert */
    padding-right: 0px !important; /* Von 45px auf 0px reduziert */
}

.ts-footer p.small {
    font-size: 14px !important; /* Auf 14px angepasst */
    letter-spacing: 0.02em;
}

.ts-footer .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
    margin-top: 5px !important; /* Kompakterer Abstand zwischen den Textzeilen */
}