/** ------------------------------------------ * Gesamt Hintergrundbild * ------------------------------------------- */ body { background-image: url("../Img/hauptgebaeude.jpg"); background-size:cover; } /** ------------------------------------------ * Header-Hintergrundfarbe * ------------------------------------------- */ #page-header { background: #cceffb; } /** ------------------------------------------ * Teaser-Hintergrundbild falls kein Teaser vorhanden * ------------------------------------------- */ .js #teaser-bar #teaser { background: #f0f0f0 url("https://www-dev.tuhh.de/t3resources/v8/layout01INSTITUTE/Img/teaser_def_800_344.jpg") 50% 50% no-repeat; } /** ------------------------------------------ * E-mails * ------------------------------------------- **/ /** ------------------------------------------ * Deklaration, damit im Firefox die Skalierung * des InstitutsLogos richtig funktioniert. * ------------------------------------------- */ #page-header h1 img { height: 142px; width: auto; /* 227px */ } .fold-header #page-header h1 img { height: 60px; width: auto; /* 99px */ } @media screen and (max-width: 1024px) { #page-header h1 img, .fold-header #page-header h1 img { height: 60px; width: auto; /* 99px */ } }