/* ------------------------------------------------------------
   1. Schrift (lokal gehostet, DSGVO-freundlich)
   ------------------------------------------------------------ */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/inter-latin-800-normal.woff2") format("woff2")}

/* ------------------------------------------------------------
   2. Design-Tokens
   ------------------------------------------------------------ */
:root{
  --tc-violet:#8000FF;
  --tc-violet-dark:#5C00B8;
  --tc-violet-light:#C49BFF;
  --tc-violet-soft:#F1E6FF;
  --tc-ink:#0D0C10;
  --tc-ink-2:#15131A;
  --tc-paper:#F7F5F2;
  --tc-line:#E6E2EA;
  --tc-grey:#5E5967;
  --tc-radius:4px;
  --tc-radius-card:8px;
}

/* ------------------------------------------------------------
   3. Typografie
   ------------------------------------------------------------ */
#top, #top input, #top select, #top textarea, #top button,
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
#top .av-special-heading-tag, #top .main_menu a, #top .avia-button,
#top .pricing-table, #top .iconbox_content_title{
  font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#top{color:var(--tc-ink);-webkit-font-smoothing:antialiased}
#top h1, #top h2, #top h3, #top .av-special-heading-tag{font-weight:800;letter-spacing:-0.02em;text-transform:none}
#top .entry-content-wrapper p{line-height:1.65}

/* Überschriften mit Kicker (av_heading, Unterüberschrift „oben“) */
#top .tc-heading .av-special-heading-tag{font-weight:800;letter-spacing:-0.02em;line-height:1.12}
#top .tc-heading .av-subheading{
  font-size:13px !important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tc-violet);opacity:1;margin-bottom:10px;
}
#top .tc-heading .av-subheading p{margin:0}
#top .tc-heading.tc-on-dark .av-subheading{color:var(--tc-violet-light)}
#top .tc-heading .special-heading-border{display:none}
#top .tc-lead, #top .tc-lead p{font-size:18px;line-height:1.6;color:var(--tc-grey)}
#top .tc-on-dark .tc-lead, #top .tc-on-dark.tc-lead p{color:#D8D3DF}

/* ------------------------------------------------------------
   4. Header & Menü
   ------------------------------------------------------------ */
#top #header_main{border-bottom-color:var(--tc-line)}
#top .logo img{max-height:44px;width:auto}
#top .av-main-nav > li > a{font-weight:500;font-size:15px;color:#2B2833}
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current-menu-ancestor > a,
#top .av-main-nav > li > a:hover{color:var(--tc-violet)}
#top .av-main-nav > li > a .avia-menu-fx{background-color:var(--tc-violet);height:2px;bottom:0}
#top .av-main-nav > li > a .avia-menu-fx .avia-arrow{display:none}
/* Menüpunkt als Button: CSS-Klassen „av-menu-button av-menu-button-colored“ im Menü vergeben */
#top .av-main-nav > li.av-menu-button-colored > a .avia-menu-text{
  background:var(--tc-violet);border-color:var(--tc-violet);color:#fff;border-radius:var(--tc-radius);font-weight:600;
}
#top .av-main-nav > li.av-menu-button-colored > a:hover .avia-menu-text{background:var(--tc-violet-dark);border-color:var(--tc-violet-dark)}

/* Titelleiste mit Brotkrumen */
#top .title_container{background:var(--tc-paper);border-color:var(--tc-line)}
#top .title_container .main-title{font-weight:800;letter-spacing:-0.01em}
#top .title_container .breadcrumb a{color:var(--tc-violet)}

/* ------------------------------------------------------------
   5. Buttons & Links
   ------------------------------------------------------------ */
#top .main_color a{color:var(--tc-violet)}
#top .main_color a:hover{color:var(--tc-violet-dark)}
#top .avia-button{border-radius:var(--tc-radius);font-weight:700;letter-spacing:0;text-transform:none}
#top .avia-button.avia-size-large{padding:17px 28px;font-size:16px}
#top .avia-button.avia-color-theme-color,
#top .avia-button.tc-btn-violet{background-color:var(--tc-violet);border-color:var(--tc-violet);color:#fff}
#top .avia-button.avia-color-theme-color:hover,
#top .avia-button.tc-btn-violet:hover{background-color:var(--tc-violet-dark);border-color:var(--tc-violet-dark)}
#top .avia-button.tc-btn-outline-light{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff}
#top .avia-button.tc-btn-outline-light:hover{border-color:#fff}
#top :focus-visible{outline:3px solid var(--tc-violet-light);outline-offset:2px}

/* ------------------------------------------------------------
   6. Sektionen
   ------------------------------------------------------------ */
/* Hero: dunkel mit großem Logo-Ring */
#top .avia-section.tc-hero{background-color:var(--tc-ink);color:#fff;position:relative;overflow:hidden}
#top .avia-section.tc-hero::before{
  content:"";position:absolute;right:-180px;top:-120px;width:760px;height:760px;pointer-events:none;
  background:url("../img/ring-white.svg") no-repeat center/contain;
}
#top .avia-section.tc-hero .container{position:relative;z-index:1}
#top .tc-hero h1, #top .tc-hero .av-special-heading-tag{color:#fff;font-size:68px;line-height:1.04;letter-spacing:-0.03em}
#top .tc-hero .tc-violet-text{color:var(--tc-violet-light)}

/* Partnerseite: Ring links unten */
#top .avia-section.tc-hero.tc-ring-left::before{
  right:auto;left:-160px;top:auto;bottom:-260px;width:560px;height:560px;opacity:.35;
  background-image:url("../img/ring-outline-violet.svg");
}

/* Call-to-Action-Band in Violett */
#top .avia-section.tc-cta{background-color:var(--tc-violet);color:#fff;position:relative;overflow:hidden}
#top .avia-section.tc-cta::before{
  content:"";position:absolute;right:-80px;top:-90px;width:460px;height:460px;opacity:.25;pointer-events:none;
  background:url("../img/ring-outline-white.svg") no-repeat center/contain;
}
#top .avia-section.tc-cta .container{position:relative;z-index:1}
#top .tc-cta .av-subheading{color:#E9DBFF !important}

#top .avia-section.tc-soft{background-color:var(--tc-violet-soft)}
#top .avia-section.tc-paper{background-color:var(--tc-paper)}
#top .avia-section.tc-dark{background-color:var(--tc-ink);color:#fff}
#top .tc-dark h1, #top .tc-dark h2, #top .tc-dark h3, #top .tc-cta h2, #top .tc-cta h3{color:#fff}


/* Text in dunklen und violetten Sektionen */
#top .avia-section.tc-hero, #top .avia-section.tc-hero p,
#top .avia-section.tc-dark, #top .avia-section.tc-dark p{color:#D8D3DF}
#top .avia-section.tc-cta, #top .avia-section.tc-cta p{color:#F1E8FF}
#top .tc-dark .tc-form-box p, #top .tc-dark .tc-form-box{color:var(--tc-ink)}
#top .tc-chip{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--tc-violet);color:#fff;font-size:12px;font-weight:700;letter-spacing:.18em}
#top .tc-hero p.tc-hero-sub{font-size:20px;line-height:1.55;max-width:560px}
#top .tc-mock{background:#fff;color:var(--tc-ink);border-radius:10px;padding:14px;box-shadow:0 30px 80px -30px rgba(128,0,255,.55)}
#top .tc-mock-img{height:220px;border-radius:6px;background:#2A1F3D;color:#B9A6D6;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.12em}
#top .tc-mock-body{padding:20px 10px 8px}
#top .tc-mock-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#top .tc-mock-tags span{padding:6px 12px;border-radius:999px;background:var(--tc-violet-soft);color:#4B1A8F;font-size:13px}
#top .tc-mock-btn{margin-top:18px;padding:14px;border-radius:4px;background:var(--tc-ink);color:#fff;text-align:center;font-size:15px;font-weight:600}
#top .tc-step h3{margin:22px 0 8px;font-size:20px}
#top .tc-step-row{display:flex;gap:18px;margin-bottom:22px}
#top .tc-step-row .tc-step-num{flex:none;width:44px;height:44px;font-size:14px;border-width:2px}
#top .tc-step-row h3{margin:0 0 4px;font-size:18px;color:#fff}
#top .tc-step-row p{margin:0;color:#CFCAD6}

/* ------------------------------------------------------------
   7. Karten, Kacheln, Schritte
   ------------------------------------------------------------ */
#top .flex_column.tc-card{background:#fff;border:1px solid var(--tc-line);border-radius:var(--tc-radius-card);padding:32px}
#top .flex_column.tc-card-dark{background:var(--tc-ink);border-radius:var(--tc-radius-card);padding:32px;color:#E4DEEC}
#top .flex_column.tc-card-dark h3{color:var(--tc-violet-light)}

/* Kategorie-Kacheln (Spalte mit Hintergrundbild + Link) */
#top .flex_column.tc-tile{border-radius:var(--tc-radius-card);overflow:hidden;position:relative;background-size:cover;background-position:center}
#top .flex_column.tc-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,12,16,.85),rgba(13,12,16,0) 60%);pointer-events:none}
#top .flex_column.tc-tile .av_textblock_section{position:relative;z-index:1}
#top .flex_column.tc-tile h3{color:#fff;font-size:24px;margin:0}
#top .flex_column.tc-tile p{color:#E4DEEC;margin:6px 0 0}

/* Iconboxen: Icon im schwarzen Ring, Symbol in Violett */
#top .iconbox_top .iconbox_icon{
  background:#fff !important;border:3px solid var(--tc-ink) !important;color:var(--tc-violet) !important;
}
#top .iconbox_top .iconbox_content{border-radius:var(--tc-radius-card);box-shadow:none;border:1px solid var(--tc-line)}
#top .iconbox .iconbox_content_title{font-weight:700;font-size:22px;letter-spacing:-0.01em;text-transform:none}

/* Schrittnummer als Ring */
#top .tc-step-num{
  width:56px;height:56px;border-radius:50%;border:3px solid var(--tc-ink);background:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--tc-ink);
}
#top .tc-step-num.tc-step-active{background:var(--tc-violet);border-color:var(--tc-violet);color:#fff}
#top .tc-dark .tc-step-num{background:transparent;border-color:#fff;color:#fff}
#top .tc-dark .tc-step-num.tc-step-active{background:var(--tc-violet);border-color:var(--tc-violet)}

/* Häkchenliste */
#top ul.tc-checks{list-style:none;margin:0;padding:0}
#top ul.tc-checks li{position:relative;padding-left:34px;margin:0 0 12px}
#top ul.tc-checks li::before{
  content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;
  background:var(--tc-violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.3l3 3 6-6.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;
}

/* Hinweisbox */
#top .tc-note{background:var(--tc-violet-soft);border-radius:var(--tc-radius-card);padding:14px 20px;color:#3A2260;font-size:14px}

/* ------------------------------------------------------------
   8. Preistabelle
   ------------------------------------------------------------ */
#top .pricing-table{border-radius:var(--tc-radius-card);overflow:hidden;box-shadow:none;border:1px solid var(--tc-line)}
#top .pricing-table > li{border-color:var(--tc-line)}
#top .pricing-table > .avia-heading-row{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
#top .pricing-table > .avia-pricing-row{font-size:48px;font-weight:800;letter-spacing:-0.03em}
#top .pricing-table > .avia-pricing-row small{display:block;font-size:14px;font-weight:400;letter-spacing:0;opacity:.8}
#top .pricing-table.avia-highlight-col{border:2px solid var(--tc-violet);box-shadow:0 24px 60px -30px rgba(128,0,255,.55)}



/* ------------------------------------------------------------
   9. Formulare (Enfold-Kontaktformular & Suchformular)
   ------------------------------------------------------------ */
#top .avia_ajax_form input[type=text], #top .avia_ajax_form input[type=email],
#top .avia_ajax_form input[type=tel], #top .avia_ajax_form select, #top .avia_ajax_form textarea{
  border:1px solid #D6D0DE;border-radius:var(--tc-radius);min-height:46px;padding:10px 12px;font-size:15px;background:#fff;
}
#top .avia_ajax_form .button{background:var(--tc-violet);border-color:var(--tc-violet);border-radius:var(--tc-radius);min-height:54px;font-weight:700;font-size:16px}
#top .avia_ajax_form .button:hover{background:var(--tc-violet-dark)}
#top .tc-form-box{background:#fff;border-radius:var(--tc-radius-card);padding:32px;color:var(--tc-ink)}
#top .tc-form-box label{color:var(--tc-ink)}

/* Suchleiste im Hero ([the_circle_suche]) */
#top .tc-search{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius:8px;padding:10px;max-width:900px;margin-top:36px;box-shadow:0 24px 60px -24px rgba(128,0,255,.45)}
#top .tc-search label{flex:1 1 200px;display:flex;flex-direction:column;gap:4px;padding:8px 14px;margin:0;color:var(--tc-ink)}
#top .tc-search label + label{border-left:1px solid var(--tc-line)}
#top .tc-search label span{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--tc-grey)}
#top .tc-search select, #top .tc-search input{border:0;margin:0;padding:2px 0;font-size:16px;background:transparent;color:var(--tc-ink);box-shadow:none;min-height:0}
#top .tc-search button{flex:0 0 auto;min-height:56px;padding:0 28px;border:0;border-radius:6px;background:var(--tc-violet);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
#top .tc-search button:hover{background:var(--tc-violet-dark)}

/* Platzhalter-Karten ([the_circle_anbieter]) */
#top .tc-providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
#top .tc-provider{display:block;border:1px solid var(--tc-line);border-radius:var(--tc-radius-card);overflow:hidden;background:#fff;color:var(--tc-ink);text-decoration:none}
#top .tc-provider-img{height:220px;background:#EDE5F8;display:flex;align-items:center;justify-content:center;color:#5B4B73;font-size:13px;letter-spacing:.12em}
#top .tc-provider-body{padding:24px}
#top .tc-provider-tag{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--tc-violet)}
#top .tc-provider-name{margin-top:8px;font-size:20px;font-weight:700}
#top .tc-provider-meta{margin-top:6px;font-size:15px;color:var(--tc-grey)}

/* ------------------------------------------------------------
   10. Footer & Socket
   ------------------------------------------------------------ */
#top #footer{background-color:var(--tc-ink-2);color:#CFCAD6;border:0}
#top #footer .widgettitle{color:#fff;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
#top #footer a{color:#CFCAD6}
#top #footer a:hover{color:#fff}
#top #socket{background-color:var(--tc-ink);border:0}
#top #socket, #top #socket a{color:#A9A3B3}

/* ------------------------------------------------------------
   11. Mobil
   ------------------------------------------------------------ */
@media only screen and (max-width:767px){
  #top .tc-hero h1, #top .tc-hero .av-special-heading-tag{font-size:42px}
  #top .avia-section.tc-hero::before{width:420px;height:420px;right:-160px;top:-80px;opacity:.5}
  #top .tc-search label + label{border-left:0;border-top:1px solid var(--tc-line)}
  #top .tc-search button{width:100%}
}
@media (prefers-reduced-motion:reduce){#top *{transition:none !important}}

/* Social Lead Boost – Karten */
#top .tc-boost-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
#top .tc-boost-card{background:#fff;border-radius:var(--tc-radius-card);padding:30px}
#top .tc-boost-card h3{margin:0 0 10px;font-size:20px}
#top .tc-boost-card p{margin:0;color:#3D3946;font-size:15px}


/* ============================================================
   Version 1.1 – Korrekturen nach Durchsicht der Live-Seite
   ============================================================ */

/* Überschriften in Fast-Schwarz statt Enfold-Grau */
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
#top .av-special-heading-tag, #top .iconbox_content_title{color:var(--tc-ink)}
#top .tc-hero h1, #top .tc-hero h2, #top .tc-dark h1, #top .tc-dark h2, #top .tc-dark h3,
#top .tc-cta h2, #top .tc-cta h3, #top .flex_column.tc-tile h3, #top .tc-step-row h3,
#top .tc-hero .av-special-heading-tag, #top .tc-dark .av-special-heading-tag{color:#fff}
#top .tc-form-box h3, #top .tc-mock .tc-provider-name{color:var(--tc-ink)}

/* Kategorie-Kacheln: feste Höhe, Text unten, auch mobil */
#top .flex_column.tc-tile{padding:240px 28px 28px !important;vertical-align:bottom}
#top .flex_column.tc-tile:hover::after{background:linear-gradient(0deg,rgba(13,12,16,.9),rgba(128,0,255,.15) 70%)}

/* Iconboxen: weiße Karte statt Enfold-Grau */
#top .iconbox_top .iconbox_content{background:#fff}

/* Suchleiste: Eingabefeld ohne grauen Hintergrund */
#top .tc-search input, #top .tc-search select{background:transparent !important;border:0 !important}

/* Preistabelle: nur Premium violett, Lead Boost dunkel, Basis hell */
#top .pricing-table > li.avia-heading-row,
#top .pricing-table > li.avia-pricing-row{background:#fff !important;color:var(--tc-ink) !important}
#top .pricing-table > li{background:#fff}
#top .pricing-table > li.avia-heading-row .first-table-item{color:inherit}
#top .pricing-table .currency-symbol{font-size:.5em;vertical-align:top;position:relative;top:.35em;margin-left:2px}
#top .pricing-table.avia-highlight-col > li.avia-heading-row,
#top .pricing-table.avia-highlight-col > li.avia-pricing-row{background:var(--tc-violet) !important;color:#fff !important}
#top .pricing-table-wrap:last-child .pricing-table > li.avia-heading-row,
#top .pricing-table-wrap:last-child .pricing-table > li.avia-pricing-row{background:var(--tc-ink) !important;color:#fff !important}
#top .pricing-table-wrap:last-child .pricing-table > li.avia-heading-row{color:var(--tc-violet-light) !important}
#top .pricing-table.avia-highlight-col{transform:translateY(-8px)}

/* Core-Plugin (Marktplatz) an das Design angleichen */
#top .circle-kicker{color:var(--tc-violet);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
#top .circle-marketplace h2{color:var(--tc-ink)}
#top .circle-filters{background:var(--tc-paper);border:1px solid var(--tc-line);border-radius:var(--tc-radius-card);color:var(--tc-ink)}
#top .circle-filters label{color:var(--tc-ink);font-weight:600}
#top .circle-filters input, #top .circle-filters select{border:1px solid #D6D0DE !important;border-radius:var(--tc-radius);background:#fff !important;color:var(--tc-ink) !important}
#top .circle-filters button[type=submit]{background:var(--tc-violet);border-color:var(--tc-violet);color:#fff;border-radius:var(--tc-radius);font-weight:700}
#top .circle-filters button[type=submit]:hover{background:var(--tc-violet-dark)}
#top .circle-result-card{border-radius:var(--tc-radius-card);border:1px solid var(--tc-line);color:var(--tc-ink)}
#top .circle-result-card h2, #top .circle-result-card h3, #top .circle-result-card a{color:var(--tc-violet)}

/* Mobil */
@media only screen and (max-width:767px){
  #top .tc-cta .avia-button-wrap{text-align:left;float:none}
  #top .tc-cta .avia-button{width:100%;text-align:center}
  #top .avia-section.tc-hero::before{right:-230px;top:-110px;opacity:.35}
  #top .flex_column.tc-tile{padding-top:180px !important}
  #top .pricing-table.avia-highlight-col{transform:none}
}
#top .pricing-table > li.avia-pricing-row small,
#top .pricing-table > li.avia-pricing-row .currency-symbol{color:inherit !important;text-shadow:none !important;font-style:normal;opacity:.75}
#top #footer h1, #top #footer h2, #top #footer h3, #top #footer h4, #top #footer .widgettitle{color:#fff}

/* Logo: Symbol + Schriftzug „THE EVENT CIRCLE“
   Das hochgeladene Symbol (SVG oder Bild) bleibt, der Schriftzug kommt per CSS dazu.
   Wer später ein Logo MIT Schriftzug hochlädt, entfernt den Block „::after“. */
#top .logo a{display:flex !important;align-items:center;gap:14px;width:auto;height:100%;text-decoration:none}
#top .logo.avia-svg-logo svg{height:48px;width:auto;min-width:48px;max-height:none;flex:none}
#top .logo img{height:48px;width:auto;max-height:none;flex:none}
#top .logo a::after{
  content:"THE EVENT CIRCLE";
  font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:700;font-size:18px;letter-spacing:.22em;line-height:1;white-space:nowrap;
  color:var(--tc-ink);
}
@media only screen and (max-width:767px){
  /* Enfold begrenzt das Logo mobil auf 45 % Breite und setzt height:auto !important */
  .responsive #top .logo, .responsive #top .logo a{max-width:none !important;overflow:visible}
  .responsive #top .logo.avia-svg-logo svg, .responsive #top .logo img{height:40px !important;width:40px !important;min-width:40px;max-width:none !important}
  .responsive #top .logo a{gap:10px}
  .responsive #top .logo a::after{font-size:14px;letter-spacing:.14em}
}
@media only screen and (max-width:374px){
  .responsive #top .logo.avia-svg-logo svg, .responsive #top .logo img{height:34px !important;width:34px !important;min-width:34px}
  .responsive #top .logo a{gap:8px}
  .responsive #top .logo a::after{font-size:12.5px;letter-spacing:.1em}
}

/* ============================================================
   Version 1.4 – Buttons: Text bleibt beim Hover lesbar
   (die allgemeine Link-Hover-Farbe darf Buttons nicht einfärben)
   ============================================================ */
#top .avia-button .avia_iconbox_title{color:inherit}

/* Violett gefüllt */
#top a.avia-button.avia-color-theme-color,
#top a.avia-button.tc-btn-violet,
#top a.avia-button.avia-color-theme-color:hover,
#top a.avia-button.tc-btn-violet:hover,
#top a.avia-button.avia-color-theme-color:focus,
#top a.avia-button.tc-btn-violet:focus{color:#fff !important}
#top a.avia-button.avia-color-theme-color:hover,
#top a.avia-button.tc-btn-violet:hover{background-color:var(--tc-violet-dark) !important;border-color:var(--tc-violet-dark) !important}

/* Weißer Rahmen auf dunklem Grund */
#top a.avia-button.tc-btn-outline-light,
#top a.avia-button.tc-btn-outline-light:hover,
#top a.avia-button.tc-btn-outline-light:focus{color:#fff !important;background-color:transparent}
#top a.avia-button.tc-btn-outline-light:hover{background-color:rgba(255,255,255,.12) !important;border-color:#fff !important}

/* Helle Buttons (z. B. „Mehr für Anbieter“ im violetten Band) */
#top a.avia-button.avia-color-light{color:#fff !important;border:2px solid #fff !important;background-color:transparent}
#top a.avia-button.avia-color-light:hover,
#top a.avia-button.avia-color-light:focus{color:var(--tc-ink) !important;background-color:#fff !important}

/* Dunkle Rahmen-Buttons (Preistabelle) */
#top a.avia-button.avia-color-dark{color:var(--tc-ink) !important;border:2px solid var(--tc-ink) !important;background-color:transparent !important}
#top a.avia-button.avia-color-dark:hover,
#top a.avia-button.avia-color-dark:focus{color:#fff !important;background-color:var(--tc-ink) !important}

/* Menü-Button */
#top .av-main-nav > li.av-menu-button-colored > a,
#top .av-main-nav > li.av-menu-button-colored > a:hover,
#top .av-main-nav > li.av-menu-button-colored > a .avia-menu-text,
#top .av-main-nav > li.av-menu-button-colored > a:hover .avia-menu-text{color:#fff !important}

/* Formular-Buttons */
#top .avia_ajax_form .button, #top .avia_ajax_form .button:hover,
#top .tc-search button, #top .tc-search button:hover,
#top .circle-filters button[type=submit], #top .circle-filters button[type=submit]:hover{color:#fff !important}

/* Karten-Links: Text behält seine Farben beim Hover */
#top a.tc-provider:hover, #top a.tc-provider:hover .tc-provider-name{color:var(--tc-ink)}
#top a.tc-provider:hover{border-color:var(--tc-violet)}