/*
  LocalTaxi – kleine Overrides über dem Sofbox-Template (canvas-3).
  Taxi-Look: Gelb #ffce00 (in style.css umgefärbt) + schwarze Schrift auf gelben Buttons.
*/

html, body { background: #fff; overflow-x: hidden; }

/* Gelbe Buttons mit schwarzer Schrift (Kontrast) */
.button { color: #111; font-weight: 600; }
.button:hover, .button:focus { color: #ffce00; background: #111; }
.button.bt-black { background: #111; color: #ffce00; }
.button.bt-black:hover, .button.bt-black:focus { background: #ffce00; color: #111; }
.button.bt-white:hover, .button.bt-white:focus { color: #111; }

/* Text-Logo statt Template-Bildlogo */
.navbar-brand.lt-brand { font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 800; color: #111 !important; letter-spacing: -0.5px; }
.navbar-brand.lt-brand b { color: #111; background: #ffce00; border-radius: 6px; padding: 0 6px; margin-left: 2px; }

/* Navigation: dunkle Schrift statt Gelb auf Weiß */
header.header-white .navbar .navbar-nav .nav-item a:hover,
header.header-white .navbar .navbar-nav .nav-item a:focus,
header.header-white .navbar .navbar-nav .nav-item a.active,
header.header-white .navbar .navbar-nav .nav-item a.active:focus,
header.header-white .navbar .navbar-nav .nav-item a.active:hover { color: #111; }
header.menu-sticky { background: rgba(255, 255, 255, 0.97); }

@media (max-width: 767px) { .heading-title p { padding: 0 10px; } }

/* Leicht gelbe Fläche für die Sektion "Einblicke in die App" */
.lt-yellow-soft { background: #fff6d9; }

/* Geräte-Tabs: Screenshots in der Höhe begrenzen (v. a. das Hochkant-Handybild) */
#myTabContent .tab-pane img { max-height: 620px; width: auto; }

/* Geräte-Tabs: Beschriftung nicht umbrechen, Icon und Text auf einer Linie */
.iq-amazing-tab .nav-tabs .nav-link { white-space: nowrap; display: flex; align-items: center; justify-content: center; }

/* Feature-Boxen: dunkle, kräftigere Icons statt dünnem Gelb auf Hellgrau */
.iq-fancy-box .iq-icon i { color: #1a1a1a; }

/* Preis-Köpfe: auch € und /Monat dunkel auf gelbem Overlay */
.iq-pricing .price-title h2.iq-font-black small { color: #1a1a1a; }
/* Plan-Namen: größer und fetter, damit sie klar lesbar sind */
.iq-pricing .price-title span { font-size: 22px; font-weight: 600; letter-spacing: 4px; }

/* Zähler-Band: dunkle Schrift und dezente Trennlinie auf gelbem Overlay */
.iq-counter-box { color: #1a1a1a; }
.iq-counter-box .counter label { color: #1a1a1a; font-weight: 600; }
.iq-counter-box .counter span { font-size: 30px; line-height: 36px; }
.iq-counter-box .counter i { color: #1a1a1a; }
.iq-counter-box p { color: #1a1a1a; }
.iq-counter-box .counter-info { border-top-color: rgba(0, 0, 0, 0.15); }

/* Screenshot-Slider: Rahmen im 16:9-Format der App-Screenshots (statt 780x580) */
@media (min-width: 992px) {
  .slider-container { height: 440px; margin-top: -240px; }
  .screenshots-slider { min-height: 470px; }
}
/* Slider-Pfeile: dunkle runde Buttons, auf dem gelben Hintergrund gut sichtbar */
.slider-container .slider-left,
.slider-container .slider-right { width: 46px; height: 46px; background: #111; color: #ffce00; border-radius: 50%; font-size: 24px; padding: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); }
.slider-container .slider-left:hover, .slider-container .slider-right:hover { background: #ffce00; color: #111; }
.slider-container .slider-left { right: 103%; }
.slider-container .slider-right { left: 103%; }

/* Mobil/Tablet: Slider füllt die Breite, Sektion ohne Riesen-Leerraum */
@media (max-width: 991px) {
  .iq-screenshots.overview-block-ptb { padding: 60px 0; }
  .iq-screenshots .heading-title { margin-bottom: 30px; }
  .screenshots-slider { position: relative; min-height: 0; padding-bottom: 57%; }
  .slider-container { width: 88%; height: 88%; left: 6%; top: 4%; margin: 0; }
  .slider-container .slider-content { width: 100%; height: 100%; }
  .slider-container .slider-left { right: auto; left: -12px; }
  .slider-container .slider-right { left: auto; right: -12px; }
}

/* Hero-Überschrift: etwas kompakter für längere B2B-Headline */
.iq-banner-03 .banner-text h1 { font-size: 42px; }
@media (max-width: 767px) { .iq-banner-03 .banner-text h1 { font-size: 32px; } }

/* Mobiler Login-Button neben dem Burger-Menü (Template blendet header .button auf Mobil aus) */
header .button.lt-login-mobile { display: inline-block; margin-left: auto; margin-right: 14px; margin-top: 0; padding: 8px 22px; font-size: 15px; }
@media (min-width: 992px) { header .button.lt-login-mobile { display: none; } }