Seitenfenster

• Auf der rechten Seite wird ein zusätzliches Fenster eingebunden.
• In diesem Fenster könnt ihr per HTML alles einfügen was ihr wollt.
• Die Farben und die Größe des Fensters könnt ihr im CSS ändern.
• Sobald in der Mobilen Ansicht der Platz für das Fenster nicht mehr ausreicht wird dieses dort eingeblendet wo ihr den Code eingebunden habt. In meinem Fall ist dies am Ende als letzter Artikel im Inhaltsbereich. Ihr könnt natürlich den Code für das Fenster auch am Anfang der Seite oder auch mitten drin einbinden, dann wird das Fenster in der mobilen Ansicht dort eingeblendet.
• Der Wert "@media (max-width: 1490px)" im CSS bestimmt ab welcher Fensterbreite das Fenster neu positioniert wird. Diesen müsst ihr je nach Layoutbreite und Breite des Fensters anpassen.
• Ebenso könnt ihr in diesem letzten Abschnitt des CSS das aussehen des Fenstern in der neuen Position anpassen.