/* ·····························································
   Doradoo - Suchfeld aus
   Bedingung: Seiten <front>, Modus "alle ausser den aufgelisteten".
   Nur unter 1240 px.

   Das grosse Suchfeld gibt es NUR NOCH AUF DER STARTSEITE. Ueberall
   sonst uebernimmt die Lupe im Kopfbereich (eigene Regel "Doradoo -
   Suche als Lupe", die auf allen Seiten laeuft).

   Warum getrennt: auf der Startseite ist Suchen die haeufigste erste
   Handlung. Ein sichtbares Feld fordert dazu auf, eine Lupe will
   erst erkannt werden. Darum bleibt das Feld dort stehen - die Lupe
   kommt zusaetzlich dazu, fuer den Fall, dass jemand schon
   gescrollt hat.

   Die Verankerung des Hamburger-Behaelters steht ebenfalls hier und
   nicht in der Lupen-Regel: Sie ist nur noetig, WEIL das Suchfeld
   fehlt und sich der Kopfbereich dadurch verschiebt. Auf der
   Startseite mit Suchfeld sitzt er richtig und darf nicht angefasst
   werden.
   ····························································· */

@media screen and (max-width: 1239px) {

  /* display: none, nicht entfernt - das Feld wird im Ueberlager
     weiter benutzt, und das Theme haengt Handler daran. */
  header #headerform { display: none !important; }

  /* Der Kopfbereich war auf Logo-Streifen PLUS Suchleiste
     gerechnet. Ohne die Leiste bleibt nur der Streifen. */
  body header .container .container-header {
    padding-top: 62px !important;
  }

  /* Hamburger, Lupe und Filterzeichen auf Logo-Hoehe.

     Die Huelle .header-menu-dropdown ist im Theme position: fixed
     OHNE top-Wert. Ein fixiertes Element ohne top bleibt dort, wo
     das Layout es hinsetzt - es wandert also mit, wenn sich der
     Innenabstand darueber aendert. Genau das passiert, sobald das
     Suchfeld ausgeblendet ist: der Hamburger rutschte 54 px unter
     das Logo.

     Gemessen bei 390 px:
       Logo            oben 20, hoch 24  -> Mitte 30
       Zeichen darin   sitzen 20 px unter dem Huellen-Anfang

     ZWEITER ANLAUF: top: 0 allein reichte nicht - die Huelle traegt
     margin-top: -160px. Mit top: 0 landete sie dadurch bei -160 und
     die Zeichen weit ueber dem Bildschirm. Darum margin-top: 0 dazu.
     Feinschliff: top: -2px, damit die Zeichenmitte auf 30 liegt,
     genau wie die Logomitte.

     Der Behaelter mit Lupe und Filter sitzt bei top: 15px und ist
     34 hoch: Mitte 15 + 17 = 32 relativ zur Huelle - dasselbe wie
     das Hamburger-Zeichen (20 + 12). Er passt deshalb auf jeder
     Seite, auch ohne diese Korrektur. */
  header .container .container-header .header-menu-dropdown {
    top: -2px !important;
    bottom: auto !important;
    margin-top: 0 !important;
    transform: none !important;
  }

}