/* farlove-fix.css — Korrekturen am statischen Spiegel
   ---------------------------------------------------
   Diese Datei wird in jede HTML-Seite vor </head> eingebunden. Sie ist der
   einzige Ort fuer Layout-Korrekturen, damit spaetere Aenderungen nicht wieder
   in 130 Dateien gesucht werden muessen.

   Die Selektoren beginnen mit "html body", weil die Thrive-Styles im Body
   stehen und damit spaeter kommen als diese Datei. Hoehere Spezifitaet
   gewinnt unabhaengig von der Reihenfolge.

   07.09.2026 — Leere dritte Kopfspalte
   Der Kopfbereich hatte drei Spalten: Logo, Menue, Quiz-Button. Der
   Quiz-Button wurde beim Aufraeumen entfernt, die Spalte blieb leer stehen
   und schob das Menue nach links — mobil sass das Burger-Icon dadurch
   mitten im Kopf statt am rechten Rand. Die leere Spalte wird ausgeblendet,
   das Menue bekommt ihren Platz.
*/
html body .thrv_symbol_2333 [data-css="tve-u-16eff0726c0"] {
    display: none !important;
}
html body .thrv_symbol_2333 [data-css="tve-u-16eff067395"] {
    max-width: 66.7% !important;
}

/* 07.09.2026 — Hero-Bild auf der Startseite
   Im runden Rahmen war nur der Mann zu sehen: Das Bild lag als quadratischer
   Zuschnitt vor (2020 im WordPress-Medieneditor beschnitten), und der Rahmen
   zoomte mobil zusaetzlich auf 124 % hinein. Jetzt liegt das ungeschnittene
   Original (800 x 535) im Querformat-Rahmen — beide sind im Bild.
   Das <img> im index.html wurde dafuer auf die Originaldatei umgestellt.
*/
html body [data-css="tve-u-1743168fe72"] {
    /* Feste Breite statt 100 %: Die Bildspalte ist eine Flex-Spalte und
       schrumpft sonst auf ihre flex-basis zusammen — das Bild wurde auf dem
       Desktop nur noch 165 px breit. Mit max-width:100% passt es mobil
       trotzdem in die schmale Spalte. */
    width: 440px !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
    border-width: 12px !important;
    float: none !important;
}
html body [data-css="tve-u-1743168fe72"] .tve_image_frame {
    height: auto !important;
    display: block !important;
    line-height: 0 !important;
}
html body img[data-css="tve-u-1743168fe73"] {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
    aspect-ratio: 800 / 535;
    object-fit: cover;
}