Hallo tomas0987,

ich kann jetzt nicht testen ob es daran liegt, aber da das Bild existiert und ich auch keinen offensichtlichen Syntaxfehler sehe, fehlt möglicherweise einfach nur eine Leerstelle vor dem !important.

Die Frage, warum Du mit der !important Kanone die andere Regel abschießt, stellt sich natürlich auch. Reichen die üblichen Spezifitätsregeln nicht? Im vorliegenden Fall sollte die zweite Regel bereits deshalb die erste überschreiben, weil sie später kommt. Hast Du es bereits einmal ohne !important ausprobiert?

Die Frage, warum es zwei Style-Blöcke sind, stellt sich mir auch, aber ich kenne deine Rahmenbedingungen nicht, die das vielleicht nötig machen.

Dass Du eine ID header hast, lässt vermuten, dass dein HTML ein <div id="header"> enthält. Was mich zu dem Hinweis führt, dass dies HTML 4 ist. In modernem HTML gibt es passende Elemente dafür: Semantisches HTML

Und ich würde Dir generell etwas mehr Weißraum empfehlen.

  <style type="text/css">
  #header {
    background-image: url(https://media.seitenbox.de//css/public/033/hg_header.jpg);
  }
  </style>

  <style type="text/css">
  #header {
    background-image: url('https://media.seitenbox.de/p/107/images/big/69075aa8-1f50-40e1-991c-4e392ea34d35.jpg') !important;
  }
  </style>

liest sich besser und man sieht auch eher, ob was falsch ist.

Bei dir fehlte im ersten CSS das Semikolon hinter der Eigenschaft, aber solange es die letzte Eigenschaft ist, stört das nicht. Es ist trotzdem besser, immer eins zu machen. Irgendwann fügt man eine Eigenschaft hinzu und merkt nicht, dass eins fehlt.

Rolf