/* ==================================================
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.
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 Min.
Zubereitungszeit 10 Minuten Min.
Gesamtzeit 20 Minuten Min.
Gericht Hauptgericht
Küche Deutsch
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
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!
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
Wählen Sie Ihr Barrierefreiheitsprofil aus
Modus für Sehbehinderte
Verbessert das Erscheinungsbild der Website
Profil für Anfallsicherheit
Entfernt Blitze und reduziert die Farbe
ADHS-freundlicher Modus
Fokussiertes Browsen, ablenkungsfrei
Blindmodus
Reduziert Ablenkungen, verbessert die Konzentration
Sicherer Modus bei Epilepsie
Dimmt die Farben und stoppt das Blinken
Inhaltsmodule
Lesbare Schrift
Mauszeiger
Zeichenabstand
Text ausrichten
Schriftstärke
Farbmodule
Heller Kontrast
Hoher Kontrast
Einfarbig
Orientierungsmodule
Leselinie
Leseansicht
Bilder ausblenden
Inhalt hervorheben
Animationen stoppen
Links hervorheben
Skip To Content
Choose...
Main Content
Navigation
Footer
Einstellungen zurücksetzen
Sie müssen den Inhalt von reCAPTCHA laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr Informationen
Sie müssen den Inhalt von Turnstile laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr Informationen
Sie sehen gerade einen Platzhalterinhalt von Facebook . Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen
Sie sehen gerade einen Platzhalterinhalt von TrustIndex . Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen
Sie müssen den Inhalt von hCaptcha laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr Informationen
Sie sehen gerade einen Platzhalterinhalt von Turnstile . Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen