/* ================================================== Kattendorfer Hof – Header + Global Buttons FINAL Kompatible Version ohne > und ohne :where() Header-CSS regelt Layout. Button-CSS regelt zentrale Button-Optik inkl. Header-CTA. Hero-/Headerbild-Buttons werden über Reset erhalten. Voraussetzung: - Header-Zeile: .kh-header-row - Menü-Modul: .kh-main-menu - Header-CTA-Menüpunkt: .kh-menu-cta - Hero/Headerbild-Bereich: .kh-home-hero Farben: - Petrol: #2e636a - Orange: #e84e0f ================================================== */ /* ================================================== HEADER BASIS ================================================== */ body header.et-l--header { position: relative !important; z-index: 9999 !important; background: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; } /* ================================================== DESKTOP FIXED HEADER ================================================== */ @media (min-width: 1440px) { body { padding-top: var(--kh-desktop-header-height, 130px) !important; } body header.et-l--header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 999999 !important; background: #ffffff !important; } body.admin-bar header.et-l--header { top: 32px !important; } } /* ================================================== DESKTOP HEADER LAYOUT ================================================== */ body .et-l .kh-header-row.et_pb_row { display: flex !important; align-items: center !important; width: 90% !important; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; overflow: visible !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column { float: none !important; display: flex !important; align-items: center !important; margin-right: 0 !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(1) { flex: 0 0 250px !important; width: 250px !important; } body .et-l .kh-header-row img { width: 250px !important; max-width: 250px !important; height: auto !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(2) { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; padding-left: 58px !important; padding-right: 0 !important; justify-content: flex-start !important; } /* ================================================== MENÜ LAYOUT ================================================== */ body .et-l .kh-main-menu, body .et-l .kh-main-menu .et_pb_menu_inner_container, body .et-l .kh-main-menu .et_pb_menu__wrap, body .et-l .kh-main-menu .et_pb_menu__menu, body .et-l .kh-main-menu .et-menu-nav { width: auto !important; } body .et-l .kh-main-menu .et_pb_menu__wrap { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; } body .et-l .kh-main-menu .et-menu { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; justify-content: flex-start !important; width: auto !important; gap: 19px !important; } body .et-l .kh-main-menu .et-menu li { white-space: nowrap !important; margin-left: 0 !important; margin-right: 0 !important; } body .et-l .kh-main-menu .et-menu li a { color: #5f6b70 !important; font-weight: 400 !important; text-decoration: none !important; } body .et-l .kh-main-menu .et-menu li a:hover, body .et-l .kh-main-menu .et-menu li.current-menu-item a, body .et-l .kh-main-menu .et-menu li.current_page_item a { color: #e84e0f !important; opacity: 1 !important; } /* ================================================== HEADER CTA – NUR POSITIONIERUNG Optik kommt aus dem globalen Button-CSS ================================================== */ @media (min-width: 1440px) { body .et-l .kh-main-menu .et-menu li.kh-menu-cta { display: flex !important; align-items: center !important; margin-left: 4px !important; white-space: nowrap !important; } } /* ================================================== SUCHE DESKTOP ================================================== */ body .et-l .kh-main-menu .et_pb_menu__search-button { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: 36px !important; padding: 0 !important; color: #e84e0f !important; line-height: 1 !important; transform: none !important; } body .et-l .kh-main-menu .et_pb_menu__search-button:after { color: #e84e0f !important; font-size: 22px !important; line-height: 1 !important; } body .et-l .kh-main-menu .et_pb_menu__search-container { background: #ffffff !important; } body .et-l .kh-main-menu .et_pb_menu__search-input { color: #2e636a !important; } /* ================================================== LAPTOP / KLEINERE DESKTOPS ================================================== */ @media (min-width: 1440px) and (max-width: 1600px) { body .et-l .kh-header-row.et_pb_row { width: 96% !important; max-width: 1500px !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(1) { flex: 0 0 220px !important; width: 220px !important; } body .et-l .kh-header-row img { width: 220px !important; max-width: 220px !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(2) { padding-left: 26px !important; } body .et-l .kh-main-menu .et-menu { gap: 11px !important; } body .et-l .kh-main-menu .et-menu li a { font-size: 17px !important; } body .et-l .kh-main-menu .et_pb_menu__search-button { margin-left: 18px !important; } } /* ================================================== MOBILE / TABLET HEADER ================================================== */ @media (max-width: 1439.98px) { body { overflow-x: hidden !important; } body.kh-mobile-menu-open { overflow: hidden !important; } header.et-l--header, body .et-l .kh-header-row.et_pb_row { overflow: visible !important; } body .et-l .kh-header-row.et_pb_row { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 18px !important; box-sizing: border-box !important; position: relative !important; z-index: 99999 !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column { float: none !important; clear: none !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; width: auto !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(1) { flex: 0 1 auto !important; width: auto !important; max-width: 70% !important; } body .et-l .kh-header-row img { width: 190px !important; max-width: 100% !important; height: auto !important; } body .et-l .kh-header-row.et_pb_row .et_pb_column:nth-child(2) { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; padding-left: 0 !important; padding-right: 0 !important; justify-content: flex-end !important; } body .et-l .kh-main-menu .et_pb_menu__menu { display: none !important; } body .et-l .kh-main-menu .et_pb_menu__search-button { display: none !important; } body .et-l .kh-main-menu .et_mobile_nav_menu { display: block !important; margin-left: 0 !important; position: static !important; } body .et-l .kh-main-menu, body .et-l .kh-main-menu .et_pb_menu, body .et-l .kh-main-menu .et_pb_menu_inner_container, body .et-l .kh-main-menu .et_pb_menu__wrap, body .et-l .kh-main-menu .et_mobile_nav_menu, body .et-l .kh-main-menu .mobile_nav { position: static !important; } body .et-l .kh-main-menu .et_pb_menu__wrap { justify-content: flex-end !important; width: auto !important; } body .et-l .kh-main-menu .et_pb_menu_inner_container { width: auto !important; } body .et-l .kh-main-menu .mobile_menu_bar:before { font-size: 46px !important; color: #2e636a !important; } body .et-l .kh-main-menu .mobile_nav ul.et_mobile_menu, body .et-l .kh-main-menu .et_mobile_menu { position: fixed !important; top: var(--kh-mobile-menu-top, 110px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; transform: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 3px solid #2e636a !important; z-index: 999999 !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: calc(100vh - var(--kh-mobile-menu-top, 110px)) !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; } body .et-l .kh-main-menu .et_mobile_menu li a { color: #2e636a !important; line-height: 1.25em !important; padding: 13px 22px !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } body .et-l .kh-main-menu .et_mobile_menu li.current-menu-item a, body .et-l .kh-main-menu .et_mobile_menu li.current_page_item a { color: #e84e0f !important; } body .et-l .kh-main-menu .et_mobile_menu li.kh-menu-cta { padding: 14px 20px 18px 20px !important; background: #ffffff !important; } } /* ================================================== KLEINE MOBILE SCREENS ================================================== */ @media (max-width: 480px) { body .et-l .kh-header-row.et_pb_row { padding: 12px 16px !important; } body .et-l .kh-header-row img { width: 170px !important; } body .et-l .kh-main-menu .mobile_menu_bar:before { font-size: 44px !important; } body .et-l .kh-main-menu .mobile_nav ul.et_mobile_menu, body .et-l .kh-main-menu .et_mobile_menu { left: 0 !important; right: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; transform: none !important; } body .et-l .kh-main-menu .et_mobile_menu li a { padding: 12px 20px !important; } } /* ================================================== GLOBALES BUTTON-STYLING Normale Buttons + Header-CTA ================================================== */ body .et_pb_button, body .et_pb_promo_button, body .et_pb_more_button, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .wp-element-button, body input[type="submit"], body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta a { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #e84e0f !important; border: 1px solid #e84e0f !important; border-radius: 0 !important; color: #ffffff !important; box-shadow: none !important; text-decoration: none !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; padding: 12px 22px !important; cursor: pointer !important; opacity: 1 !important; transition: all 0.18s ease-in-out !important; } body .et_pb_button:hover, body .et_pb_promo_button:hover, body .et_pb_more_button:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover, body .wp-element-button:hover, body input[type="submit"]:hover, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a:hover, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta a:hover { background-color: #2e636a !important; border-color: #2e636a !important; border-radius: 0 !important; color: #ffffff !important; box-shadow: none !important; text-decoration: none !important; padding: 12px 22px !important; opacity: 1 !important; } /* ================================================== HERO-/HEADERBILD-BUTTONS WIEDERHERSTELLEN Diese Buttons sollen nicht vom globalen Styling verändert werden. ================================================== */ body .kh-home-hero .et_pb_button, body .kh-home-hero .et_pb_button:hover, body .kh-home-hero .et_pb_button_one, body .kh-home-hero .et_pb_button_one:hover, body .kh-home-hero .et_pb_button_two, body .kh-home-hero .et_pb_button_two:hover { text-transform: none !important; font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; letter-spacing: 0.04em !important; box-shadow: none !important; text-decoration: none !important; opacity: 1 !important; } body .kh-home-hero .et_pb_button_one, body .kh-home-hero .et_pb_button_one:hover { background-color: #e84e0f !important; border: 1px solid #e84e0f !important; color: #ffffff !important; } body .kh-home-hero .et_pb_button_two, body .kh-home-hero .et_pb_button_two:hover { background-color: #ffffff !important; border: 1px solid #ffffff !important; color: #263836 !important; } /* ================================================== HEADER CTA ACTIVE STATE ================================================== */ body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta.current-menu-item a, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta.current_page_item a, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta.current-menu-item a, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta.current_page_item a { background-color: #e84e0f !important; border-color: #e84e0f !important; color: #ffffff !important; } body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta.current-menu-item a:hover, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta.current_page_item a:hover, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta.current-menu-item a:hover, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta.current_page_item a:hover { background-color: #2e636a !important; border-color: #2e636a !important; color: #ffffff !important; } /* ================================================== HEADER CTA FEINJUSTIERUNG ================================================== */ @media (min-width: 1440px) { body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a { min-height: 44px !important; white-space: nowrap !important; } } @media (max-width: 1439.98px) { body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta a { display: flex !important; width: 100% !important; text-align: center !important; } } /* ================================================== DIVI BUTTON ICON ENTFERNEN ================================================== */ body .et_pb_button:after, body .et_pb_button:hover:after, body .et_pb_more_button:after, body .et_pb_more_button:hover:after, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a:before, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a:after, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a:hover:before, body header.et-l--header .kh-main-menu .et-menu li.kh-menu-cta a:hover:after { display: none !important; content: none !important; } /* ================================================== MOBILE BUTTON-GRÖSSE ================================================== */ @media (max-width: 600px) { body .et_pb_button, body .et_pb_promo_button, body .et_pb_more_button, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .wp-element-button, body input[type="submit"], body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta a { font-size: 14px !important; padding: 10px 18px !important; } body .et_pb_button:hover, body .et_pb_promo_button:hover, body .et_pb_more_button:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover, body .wp-element-button:hover, body input[type="submit"]:hover, body header.et-l--header .kh-main-menu .et_mobile_menu li.kh-menu-cta a:hover { font-size: 14px !important; padding: 10px 18px !important; } body .kh-home-hero .et_pb_button, body .kh-home-hero .et_pb_button:hover { font-size: inherit !important; } }

Gebratener Blumenkohl – einfach, schnell & so gut!

Dein Feierabendretter mit Biss

Du hast einen Blumenkohl im Kühlschrank und keine Lust auf Ofen oder Dämpfen? Dann schnapp Dir einfach eine Pfanne – und los geht’s! Gebratener Blumenkohl ist nicht nur super easy, sondern auch überraschend würzig und sättigend. Ganz ohne Schnickschnack – oder mit allem, was Dein Kühlschrank noch so hergibt.

Rezept Gebratener Blumenkohl – einfach, schnell & so gut!

Gebratener Blumenkohl – einfach, schnell & so gut!

Gebratener Blumenkohl ist der Beweis, dass schnelles Essen richtig gut sein kann – ob als Hauptgericht oder als Resteverwerter deluxe.
Und wenn er aus der Gemüsekiste vom Kattendorfer Hof stammt, schmeckt er gleich doppelt so gut – mit gutem Gewissen für Dich, Deine Familie und die Erde.
Vorbereitungszeit 10 Minuten
Zubereitungszeit 10 Minuten
Gesamtzeit 20 Minuten
Gericht Hauptgericht
Küche Deutsch
Portionen 2 Personen

Zutaten
  

  • 1 Blumenkohl
  • 2-3 EL Bratöl oder anderes hoch erhitzbares Öl
  • Optional: Deine Lieblings-Gewürzmischung (z. B. Curry, Harissa, Ras el Hanout…)
  • Optional: Reste von Reis, Kartoffeln, gegartem Gemüse
  • Optional: 1–2 Eier

Anleitungen
 

  • Blumenkohl vorbereiten
    Den Blumenkohl in kleine Röschen oder dickere Scheiben schneiden (für „Blumenkohlsteaks“).
    Je kleiner die Stücke, desto schneller gar – aber größere Brocken geben mehr Biss.
  • Ab in die Pfanne
    Pfanne gut erhitzen, Öl hinzufügen.
    Blumenkohl hineingeben und 5–8 Minuten rundum anbraten, bis er goldbraun und gar ist – aber noch ein bisschen „Crunch“ hat.
    Mit Salz würzen, nach Lust und Laune mit einer Gewürzmischung abschmecken.
    Tipp: Würzige Mischungen wie Curry, Garam Masala oder Kreuzkümmel funktionieren hervorragend.Weniger geeignet: feine grüne Kräutermischungen – die verbrennen leicht oder passen geschmacklich nicht ganz so gut.
  • Reste retten (optional)
    Wenn Du gekochten Reis oder Kartoffeln übrig hast – einfach mit in die Pfanne werfen.
    Ein oder zwei Eier aufschlagen, kurz stocken lassen und unterheben – fertig ist Dein gebratener Gemüsemix!

Notizen

Serviervorschlag:
  • Als eigenständiges Gericht mit einem Joghurt-Dip
  • Als Beilage zu Linsen, gebratenem Tofu oder Fleisch
  • Oder als Füllung in Wraps oder geröstetem Fladenbrot
Variationen & Ideen:
  • Mit etwas Tahini oder Sojasauce verfeinern
  • Chiliöl oder Sesamöl zum Schluss für extra Aroma
  • Feta-Würfel oder Kichererbsen für mehr Protein
Keyword Blumenkohl