Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise AMP - eigene amp-sidebar nicht valide
#1
Hallo liebe Leute hier.

Neu im Forum habe ich gleich eine Frage und hoffe, dass da eventuell jemand weiterhelfen kann:

Ich möchte mit Mobirise eine AMP-Seite erstellen und hier aber für die Navigation eine eigene Sidebar einsetzen. Habe also mit dem Code-Editor eigenes HTML und CSS eingetragen. Das Ergebnis fuktioniert auch schon leidlich, wenn ich das Ergebnis jedoch im AMP-Validator überprüfe, kommt eine Fehlermeldung, weil Mobirise um den gesamten Block anscheinend ein
<div id="custom-html-..."> setzt und es danach erst mit <amp-sidebar> weitergeht. Das gehört aber gleich als erstes hinter den <body>


.jpg  neu-1.jpg (Größe: 507,47 KB / Downloads: 23)


Hat jemand eine Idee, wie ich das trotzdem hinkriegen kann?
Ich habe auch schon probiert, einfach mal den Original-Menü-Block von Mobirise zu nehmen, dort alles zu ersetzen, außer dem Mobirise-eigenen umschließenden <section ...> Tag - dann wird's zwar valide, aber funktioniert leider nicht mehr richtig ...
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Hallo,

und willkommen bei uns im Forum.

Ich habe mich bisher nur sehr wenig mit AMP beschäftigt - eben genau aus diesem Grund, denn ich möchte externe oder auch eigene Skripte einbauen und verwende daher nur die Bootstrap-Themen von Mobirise.

Dieser Hinweis von Mobirise ist daran sicherlich nicht Schuld, sondern eher Dein Skript und die CSS.

AMP verlangt einen ganz speziellen Syntax, sonst wird die Seite ungültig. Man darf z.B. auch keine CSS-Dateien einlesen, sondern muss die CSS immer direkt im Quellcode eintragen.

Wenn Du eigene Scripts verwenden willst, kann ich Dir nur raten kein AMP-Thema zu verwenden - oder Du müsstest ganz fit in der Programmierung von AMP werden.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Moin,

wenn man weis was man will, und wenn man weis was Mobirise M4 und AMP
beinhalten, welchen Regeln es unterliegt, wo die Unterschiede liegen, dann muss und sollte man prüfen, was eine (deine) Website denn letztendlich rüberbringen soll.

Nicht nur das, was soll die Website können, zulassen?
Eigene CMS-Module? PHP-Seiten-spricht Formulare? Scripteinbindung? und und und.

M4
Mit M4 kannst du viel erreichen, alles machen. Alle M4 Templates sind untereinander mischbar, kompatibel. PHP, Scripte usw., alles kein Problem.

AMP
Hier must du streng die Regel einhalten, AMP Templates sind nur bedingt untereinander mischbar, kompatibel. Wenn,-muss das sehr genau geprüft werden. (Siehe meine Signatur unten) AMP mit M4 mischen geht gar nicht, bzw. verursacht nur Chaos, M4 und AMP verhalten sich wie  Hund und Katze :D
Wie Tommy schon sagte: Eingriffe in AMP sind "Unzulässig", nicht valide.
Außerdem wird der gesamte Grundsatz verletzt, bei Veränderungen sagt Google immer: "Ungültig!"

Wenn du allerdings mit AMP nichts veränders, dich an die Regeln hälst, bietet AMP dir mehr als M4, mehr kreativen Spielraum.
Das ergibt sich auch schon aus dem Mobirise Angebot:
11 M4 Templates/25 AMP Templates.


Viel Spaß und Glück bei deiner Entscheidung
Claus
Mit freundlichen Grüßen
Claus aus dem hohen Norden

(Berge sind ja ganz schön, nur platt müssen sie sein!)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Wow, das ging schnell - danke erstmal für die wirklich schnelle Antwort.

Kurz zurück:
Ja, ist mir schon klar, dass es mit mit bootstrap und eigenen Skripten sicher einfacher wäre.

Aber, was ich mit dem Code-Editor eingetragen habe ist ja wirklich nur reines HTML und die angepassten CSS-Teile werden von Mobirise auch richtig in die <style amp-custom> übernommen. Kein Script, keine externe CSS. Gerade das find' ich ja eigentlich gut bei AMP - nur HTML und CSS auf einer Seite.

Bei kleineren Anpassungen (auch in den Mobirise-eigenen Blöcken) klappt das auch ganz gut und es lässt sich ja schon wirklich viel darstellen allein mit ein bisschen CSS und auch ganz ohne Javascript etc.. Bei codepen.io z.B. gibt es eine Menge Beispiele (AMP + only CSS), da habe ich's auch her und halt an meine Bedürfnisse angepasst. Falls es interessiert hier die Test-URL meiner Seite: http://yachtcharter-mola.de/

Nur halt, dass Mobirise den Code-Editor-Teil beim Veröffentlichen in diesen <div id="custom-html-..."> Container packt - das möchte ich weg kriegen ...


Ich versuch's weiter, ist halt eine Herausforderung. Das muss doch irgendwie hinzukriegen sein!
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
WOW - mein Hobby Smiling Hatte 25 Jahre eine "Maxi 999"

... da ist was mit der Sliedbar nicht valide

Zitat:"Das Parent-Tag des Tags "amp-sidebar" ist "div", kann jedoch nur "body" sein"

https://search.google.com/test/amp?id=4I...Y5zIDUIXpg
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
(10.02.2019, 19:11)Tommy Herrmann schrieb: WOW - mein Hobby Smiling Hatte 25 Jahre eine "Maxi 999"

Schönes Hobby - und kostet auch schön viel Zeit  Wink

... da ist was mit der Sliedbar nicht valide

Zitat:"Das Parent-Tag des Tags "amp-sidebar" ist "div", kann jedoch nur "body" sein"

https://search.google.com/test/amp?id=4I...Y5zIDUIXpg

Ja eben, und genau das meine ich ja  thumbs up, kommt erst von Mobirise selbst dazu, wenn man veröffentlichen will ...
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
... ja aber dann passt dieser Slider eben nicht zu Mobirise. Verwende doch einen Mobirise-Slider anstelle dessen. Musst Du mal in den AMP-Themen gucken, was da so angeboten wird.

Da gibt es Unmengen an Beispielen - hier mal nur von einem Thema:

https://mobirise.com/extensions/spaceamp/sliders.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
(10.02.2019, 20:02)Tommy Herrmann schrieb: ... ja aber dann passt dieser Slider eben nicht zu Mobirise. Verwende doch einen Mobirise-Slider anstelle dessen. Musst Du mal in den AMP-Themen gucken, was da so angeboten wird.

Da gibt es Unmengen an Beispielen - hier mal nur von einem Thema:

https://mobirise.com/extensions/spaceamp/sliders.html
... es ist aber nicht der Slider, der Probleme macht, sondern die Sidebar!
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
Moin,

ach Gott, sorry - ich habe immer Slider gelesen - wahrscheinlich zu viel "Kochwein" :confused: :D

Du meinst Dein Menü oder was? Ja, da gilt dann das gleiche - solche Menüs hat doch Mobirise bei jedem Template dabei - und ja - dort steht es dann auch am <body> Tag, wie z.B. hier auf meiner Beispielseite:

Zitat:<body><amp-sidebar id="sidebar" class="cid-qH562QjZZS" layout="nodisplay" side="right">

http://www.mobirise-tutorials.com/Mobirise-AMP/

... und wenn Mobirise dieses "Benutzer" <div> da um den "User-Code" von Deinem Menü legt:

Code:
<body>
   <div id="custom-html-c8">
       <amp-sidebar id="header-sidebar" side="left" layout="nodisplay">
           ....
       </amp-sidebar>
   </div>
</body>

... dann wird man eine Navi so wohl nicht in Mobirise einbauen können (höchstens dann eben händisch, aber das macht ja auch keinen Sinn).

Entweder will das Mobirise so oder es ist ein Bug. Vielleicht solltest Du das mal an den Support schreiben:

support@mobirise.com

P.S.:

... oder hast Du vielleicht den Block "Code Editor" dafür eingesetzt :eek: Den bitte nicht verwenden, denn der erhält in jedem Fall eine Markierung als "custom-html".
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Du solltest das aber auf jeden Fall mit einer vorhandenen Navigationsleiste von Mobirise machen und diese dann am </> Code ändern (und nicht etwa einen "Code Editor" Block aufziehen).


.jpg  Code-Editor.jpg (Größe: 301,58 KB / Downloads: 10)


... hast Du denn mal versucht nur den Code innerhalb der Tags:

Code:
<amp-sidebar>

  innerhalb

</amp-sidebar>

Zeilen 31-42 im Screenshot zu ersetzen? Was macht Mobirise denn dann?


.jpg  AMP-Sidebar.JPG (Größe: 226,27 KB / Downloads: 9)


... also nur das hier (links und rechts kannst Du ja noch einstellen):

Code:
   <div class="cover"></div>
   <nav>
     <ul class="buttons-top" [class]="hidePrimary ? 'buttons-top hide-parent' : 'buttons-top'" aria-label="Menu controls">
       <li class="nav-title" aria-hidden="true">MOLA Yachting Angebote</li>
       <li class="nav-btn" tabindex="0" role="button" on="tap:header-sidebar.toggle" aria-label="Close Menu"><i class="material-icons">close</i></li>
     </ul>

<ul class="main-menu items" role="menu" aria-label="Menu links" [class]="hidePrimary ? 'main-menu items hide-parent' : 'main-menu items'">


<!-- Yachtcharter Begin -->
<li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({primaryMenu1: !primaryMenu1, hidePrimary: !hidePrimary})" title="Yachtcharter">
<span class="truncate" style="text-transform: uppercase;">Yachtcharter</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

          <ul class="submenu hide-submenu" [class]="(primaryMenu1 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideSecondary ? 'hide-parent' : '')" role="menu" aria-label="Yachtcharter Übersicht">
            <li class="buttons" role="menuitem" [class]="hideSecondary ? 'buttons hide-parent' : 'buttons'" aria-label="Yachtcharter controls"><ul role="menu">
               <li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({primaryMenu1: !primaryMenu1, hidePrimary: !hidePrimary})" aria-label="zurück"><i class="material-icons">arrow_back</i></li>
               <li class="nav-title" aria-hidden="true"><span class="truncate">Yachtcharter Übersicht</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
              </ul></li>

            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu1_1: !secondaryMenu1_1, hideSecondary: !hideSecondary})" title="Yachtcharter Ostsee">
<span class="truncate">Yachtcharter Ostsee</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu1_1 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Yachtcharter Ostsee">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Yachtcharter Ostsee controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu1_1: !secondaryMenu1_1, hideSecondary: !hideSecondary})" aria-label="zurück zu Yachtcharter"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true">
<span class="truncate">Yachtcharter Ostsee</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li></ul></li>

            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtsuche/Gesamtuebersicht-Segelyachten-Motoryachten-Ostsee.html" title="Gesamtübersicht Charteryachten Ostsee"><span class="truncate">Gesamtübersicht Charteryachten Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtcharter-Ostsee/Yachthafen-Breege-Ruegen.html" title="Charteryachten ab Breege Insel Rügen"><span class="truncate">Yachtcharter ab Breege / Rügen</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtcharter-Ostsee/Yachthafenresidenz-Rostock-Warnemuende.html" title="Charteryachten ab Rostock-Warnemünde"><span class="truncate">Yachtcharter ab Rostock / Warnemünde</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtcharter-Ostsee/Yachthafen-Flensburg.html" title="Charteryachten ab Flensburg"><span class="truncate">Yachtcharter ab Flensburg</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtcharter-Ostsee/Yachtcharter-Heiligenhafen-Grossenbrode.html" title="Charteryachten ab Heiligenhafen-Großenbrode"><span class="truncate">Yachtcharter ab Großenbrode</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Yachtcharter-Ostsee/Yachthafen-Swinemuende-Polen.html" title="Charteryachten ab Swinemünde / Polen"><span class="truncate">Yachtcharter ab Swinemünde / Polen</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Angebote-MOLA-Yachting.html" title="Sonderangebote und Last-Minute-Yachtcharter" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Sonderangebote: Last-Minute-Charter Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Angebote-One-Way-Charter-Ostsee.html" title="Sonderangebote One-Way-Yachtcharter" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Sonderangebote: One-Way-Charter Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Charteranmeldung.html" title="allgemeine Yachtcharter Ostsee Anfrage" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Charteranfrage allgemein</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-ostsee.de/Charterangebote/index.html" title="Chartervertrag Yachtcharter Ostsee" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Chartervertrag</span></a></li>
</ul></li>


            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu1_2: !secondaryMenu1_2, hideSecondary: !hideSecondary})" title="Yachtcharter international">
<span class="truncate">Yachtcharter international</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu1_2 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Yachtcharter international">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Yachtcharter international controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu1_2: !secondaryMenu1_2, hideSecondary: !hideSecondary})" aria-label="zurück zu Yachtcharter"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true">
<span class="truncate">Yachtcharter international</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li></ul></li>

            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/index.html" title="Yachtcharter international - worldwide"><span class="truncate">Yachtsuche weltweit</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-in-Kroatien-Croatia.html" title="Yachtcharterangebote Kroatien"><span class="truncate">Yachtcharter in Kroatien</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-in-Griechenland-Greece.html" title="Yachtcharterangebote Griechenland"><span class="truncate">Yachtcharter in Griechenland</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-in-Tuerkei-Turkey.html" title="Yachtcharterangebote Türkei und türkische Küste"><span class="truncate">Yachtcharter in der Türkei</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-Italien-Italy.html" title="Yachtcharterangebote Italien und italienische Küste"><span class="truncate">Yachtcharter in Italien</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-Frankreich-France.html" title="Yachtcharterangebote Frankreich und französische Küsten"><span class="truncate">Yachtcharter in Frankreich</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-Spanien-Spain.html" title="Yachtcharterangebote Spanien und Balearen"><span class="truncate">Yachtcharter Spanien + Balearen</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Yachtcharter-Kanaren-Canary-Islands.html" title="Yacht-Charter Kanaren - Kanarische Inseln"><span class="truncate">Yachtcharter Kanaren</span></a></li>
<li class="menu-item"><a tabindex="0" href="http://www.mola-yachtcharter-international.de/Sonderangebote-yacht-charter-special-offers.html" title="Sonderangebote und Last-Minute-Yachtcharter" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Sonderangebote: Last-Minute Charter weltweit</span></a></li>

</ul></li>

<li class="menu-item"><a tabindex="0" href="#" title="Telefon MOLA Yachting" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">MOLA Yachting Tel.: +49 38391 4320</span></a></li>

   </ul></li>
<!-- Yachtcharter End -->




<!-- Segeltörns Begin-->
<li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({primaryMenu2: !primaryMenu2, hidePrimary: !hidePrimary})" title="Segeltörns">
<span class="truncate" style="text-transform: uppercase;">Segeltörns</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

          <ul class="submenu hide-submenu" [class]="(primaryMenu2 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideSecondary ? 'hide-parent' : '')" role="menu" aria-label="Segeltörns">
            <li class="buttons" role="menuitem" [class]="hideSecondary ? 'buttons hide-parent' : 'buttons'" aria-label="Mitsegeltörns controls"><ul role="menu">
               <li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({primaryMenu2: !primaryMenu2, hidePrimary: !hidePrimary})" aria-label="zurück"><i class="material-icons">arrow_back</i></li>
               <li class="nav-title" aria-hidden="true"><span class="truncate">Segeltörns Übersicht</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="Close Segeltörns"><i class="material-icons">close</i></li>
              </ul></li>

            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu2_1: !secondaryMenu2_1, hideSecondary: !hideSecondary})" title="Segeltörns Ostsee">
<span class="truncate">Segeltörns Ostsee</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu2_1 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Segeltörns Ostsee">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Segeltörns Ostsee controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu2_1: !secondaryMenu2_1, hideSecondary: !hideSecondary})" aria-label="zurück zu Segeltörns"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true">
<span class="truncate">Segeltörns Ostsee</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
</ul></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Mitsegeln-Ostsee.html" title="Übersicht Mitsegeltörns Ostsee"><span class="truncate">Übersicht Mitsegeltörns Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Ostsee_Kurztoerns_und_Wochenendtoerns.html" title="Kurztörns Mitsegel Ostsee"><span class="truncate">Kurztörns Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Urlaubstoerns.html" title="Urlaubs- und Mitsegeltörns Ostsee"><span class="truncate">Wochentörns Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Meilentoerns.html" title="Meinlen und Mitsegeltörns Ostsee"><span class="truncate">mehrwöchige Törns Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Flottillen-Segeln-Ostsee.html" title="One-Way Törns auf der Ostsee"><span class="truncate">One-Way-Törns Ostsee</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Uebersicht-Praxistoerns-Trainingstoerns-Ostsee.html" title="Praxistörns und Trainingstörns auf der Ostsee"><span class="truncate">Praxis- und Trainingstörns Ostsee</span></a></li>

</ul></li>




            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu2_2: !secondaryMenu2_2, hideSecondary: !hideSecondary})" title="Segeltörns international">
<span class="truncate">Segeltörns international</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu2_2 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Segeltörns international">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Segeltörns international controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu2_2: !secondaryMenu2_2, hideSecondary: !hideSecondary})" aria-label="zurück zu Segeltörns"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true">
<span class="truncate">Segeltörns international</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
</ul></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Kanarentoerns.html" title="Mitsegeln Kanaren"><span class="truncate">Mitsegeltörns Kanaren</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/Karibiktoerns.html" title="Mitsegeln Karibik"><span class="truncate">Mitsegeltörn Karibik</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/OneWay-Mitsegeltoerns.html" title="Mitsegeltörns weltweit"><span class="truncate">One-Way-Mitsegeltörns weltweit</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/ARC-Atlantic-Rally-for-Cruisers.html" title="Mitsegeln ARC Regatta"><span class="truncate">Mitsegeln bei der ARC-Regatta</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://world-arc.de" target="_blank" title="Mitsegeln WorldARC"><span class="truncate">Mitsegeln bei der World-ARC</span></a></li>
<li class="menu-item"><a tabindex="0" href="https://www.mola.de/Segeltoerns/OneWay-Mitsegeltoerns.html#Tarnsatlantik%20Last-Minute" title="Sonderangebote und Last-Minute-Törns weltweit" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">Sonderangebote: Last-Minute-Törns weltweit</span></a></li>

</ul></li>



       <li class="menu-item"><a tabindex="0" href="#" title="Telefon MOLA Yachting" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">MOLA Yachting Tel.: +49 38391 4320</span></a></li>



   </ul></li>
<!-- Segeltörns End -->




<!-- Segelschule Begin-->
<li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({primaryMenu3: !primaryMenu3, hidePrimary: !hidePrimary})" title="Ausbildung">
<span class="truncate" style="text-transform: uppercase;">Ausbildung</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

          <ul class="submenu hide-submenu" [class]="(primaryMenu3 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideSecondary ? 'hide-parent' : '')" role="menu" aria-label="Ausbildung">
            <li class="buttons" role="menuitem" [class]="hideSecondary ? 'buttons hide-parent' : 'buttons'" aria-label="Ausbildung controls"><ul role="menu">
               <li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({primaryMenu3: !primaryMenu3, hidePrimary: !hidePrimary})" aria-label="zurück"><i class="material-icons">arrow_back</i></li>
               <li class="nav-title" aria-hidden="true"><span class="truncate">Ausbildung Übersicht</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="Close Ausbildung"><i class="material-icons">close</i></li>
              </ul></li>

            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu3_1: !secondaryMenu3_1, hideSecondary: !hideSecondary})" title="Sportbootführerscheine">
<span class="truncate">Sportbootführerscheine</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu3_1 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Sportbootführerscheine">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Sportbootführerscheine controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu3_1: !secondaryMenu3_1, hideSecondary: !hideSecondary})" aria-label="zurück zu Ausbildung"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true"><span class="truncate">Sportbootführerscheine</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li></ul></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/SBF-Binnen-Ausbildung.html" title="Bootsführerschein SBF-Binnen Ausbildung"><span class="truncate">SBF-Binnen - Sportbootführerschein Binnen</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/SBF-See-Ausbildung.html" title="Bootsführerschein SBF-See Ausbildung"><span class="truncate">SBF-See - Sportbootführerschein See</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/SKS-Ausbildung.html" title="Bootsführerschein SKS Ausbildung"><span class="truncate">SKS - Sportküstenschifferschein</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/SSS-Ausbildung.html" title="Bootsführerschein SSS Ausbildung"><span class="truncate">SSS - Sportseeschifferschein</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/SHS-Ausbildung.html" title="Bootsführerschein SHS Ausbildung"><span class="truncate">SHS - Sporthochseeschifferschein</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Sportbootkurse/Kombikurse.html" title="Kombikurse Bootsführerscheinausbildung"><span class="truncate">Kombikurse</span></a></li>

</ul></li>




            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu3_2: !secondaryMenu3_2, hideSecondary: !hideSecondary})" title="Funkkurse">
<span class="truncate">Funkkurse</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu3_2 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Funkkurse">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Jollensegelkurse controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu3_2: !secondaryMenu3_2, hideSecondary: !hideSecondary})" aria-label="zurück zu Ausbildung"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true"><span class="truncate">Funkkurse</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
</ul></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Funkkurse/Funkkurs-UBI-UKW-Sprechfunkzeugnis-Binnen.html" title="Funkkurs UBI"><span class="truncate">UBI - UKW-Sprechfunkzeugnis Binnen</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Funkkurse/Funkkurs-SRC-Short-Range-Certificate.html" title="Funkkurs SRC"><span class="truncate">SRC - Short Range Certificate</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Funkkurse/Funkkurs-LRC-Long-Range-Certificate.html" title="Funkkurs LRC"><span class="truncate">LRC - Long Range Certificate</span></a></li>


</ul></li>



            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu3_3: !secondaryMenu3_3, hideSecondary: !hideSecondary})" title="Praxisausbildung">
<span class="truncate">Praxisausbildung</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu3_3 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Praxisausbildung">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Praxisausbildung controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu3_3: !secondaryMenu3_3, hideSecondary: !hideSecondary})" aria-label="zurück zu Ausbildung"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true"><span class="truncate">Praxisausbildung</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
</ul></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/Kindersegeln-Juengsten-Segelschein.html" title="Kindersegeln Jüngstenschein"><span class="truncate">Kindersegeln / DSV-Jüngstenschein</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/Grundkurs-Segeln-SBF-Binnen-Praxis.html#Grundkurs%20Segeln" title="Grundkurs Segeln"><span class="truncate">Grundkurs Segeln</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/Grundkurs-Segeln-SBF-Binnen-Praxis.html#SBF%20Binnen%20Praxisteil%20Segeln" title="SBF-Binnen Praxisteil Segeln"><span class="truncate">SBF-Binnen Praxisteil Segeln</span></a></li>

</ul></li>



            <li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({secondaryMenu3_4: !secondaryMenu3_4, hideSecondary: !hideSecondary})" title="Trainingstörns">
<span class="truncate">Trainingstörns</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

              <ul class="submenu hide-submenu" [class]="(secondaryMenu3_4 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideTertiary ? 'hide-parent' : '')" role="menu" aria-label="Trainingstörns">
                <li class="buttons" [class]="hideTertiary ? 'buttons hide-parent' : 'buttons'" aria-label="Trainingstörns controls"><ul role="menu">
<li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({secondaryMenu3_4: !secondaryMenu3_4, hideSecondary: !hideSecondary})" aria-label="zurück zu Trainingstörns"><i class="material-icons">arrow_back</i></li>

                    <li class="nav-title" aria-hidden="true"><span class="truncate">Trainingstörns</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="close"><i class="material-icons">close</i></li>
</ul></li>

            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/SKS-Praxistoern.html" title="SKS Praxisausbildung"><span class="truncate">SKS Praxisausbildung</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/SSS-Praxisausbildung.html" title="SSS Sportseeschifferschein Praxisteil"><span class="truncate">SSS Sportseeschifferschein Praxisteil</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.segelschule-mola.de/Segeltoerns/Yachttrainingstoerns.html" title="Skippertraining und Schwerwettertraining"><span class="truncate">Skippertraining und Schwerwettertraining</span></a></li>

</ul></li>


       <li class="menu-item"><a tabindex="0" href="#" title="Telefon MOLA Yachting" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">MOLA Yachting Tel.: +49 38391 4320</span></a></li>



   </ul></li>
<!-- Segelschule End -->





<!-- Rügenurlaub Begin-->
<li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({primaryMenu4: !primaryMenu4, hidePrimary: !hidePrimary})" title="Rügenurlaub - Unterkünfte in Breege">
<span class="truncate" style="text-transform: uppercase;">Rügenurlaub</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

<ul class="submenu hide-submenu" [class]="(primaryMenu4 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideSecondary ? 'hide-parent' : '')" role="menu" aria-label="Rügenurlaub">

<li class="buttons" role="menuitem" [class]="hideSecondary ? 'buttons hide-parent' : 'buttons'" aria-label="Rügenurlaub controls"><ul role="menu">
               <li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({primaryMenu4: !primaryMenu4, hidePrimary: !hidePrimary})" aria-label="Return to Menu">
<i class="material-icons">arrow_back</i></li>

               <li class="nav-title" aria-hidden="true"><span class="truncate">Rügenurlaub</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="Close Rügenurlaub">

<i class="material-icons">close</i></li>
</ul></li>

            <li class="menu-item"><a tabindex="0" href="https://mola.de/Pension/Pension-in-Breege.html" title="Pension MOLA am Hafen Breege"><span class="truncate">Pension MOLA am Hafen Breege</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://mola.de/Pension/Haus-Weida-Breege.html#Haus%20Weida%20in%20Breege" title="Haus Weida in Breege"><span class="truncate">Haus Weida in Breege</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://mola.de/Pension/Ferienwohnungen-in-Breege.html" title="Top-Ferienwohnungen am Wasser"><span class="truncate">Top-Ferienwohnungen am Wasser</span></a></li>
            <li class="menu-item"><a tabindex="0" href="https://mola.de/Pension/Urlaub-in-Breege.html" title="Buchungsanfrage Urlaub in Breege"><span class="truncate">unverbindliche Anfrage</span></a></li>

</ul></li>
<!-- Rügenurlaub End -->




<!-- Yachthandel Begin-->
<li class="menu-item"><a role="menuitem" tabindex="0" aria-haspopup="true" class="submenu-link" on="tap:AMP.setState({primaryMenu5: !primaryMenu5, hidePrimary: !hidePrimary})" title="Yachthandel MOLA">
<span class="truncate" style="text-transform: uppercase;">Yachthandel</span><span class="has-sub-level" aria-hidden="true"><i class="material-icons" style="color:white">arrow_forward</i></span></a>

<ul class="submenu hide-submenu" [class]="(primaryMenu5 ? 'submenu show-submenu' : 'submenu hide-submenu')+ ' ' +(hideSecondary ? 'hide-parent' : '')" role="menu" aria-label="Yachthandel">

<li class="buttons" role="menuitem" [class]="hideSecondary ? 'buttons hide-parent' : 'buttons'" aria-label="Rügenurlaub controls"><ul role="menu">
               <li class="nav-btn" tabindex="0" role="menuitem" on="tap:AMP.setState({primaryMenu5: !primaryMenu5, hidePrimary: !hidePrimary})" aria-label="Return to Menu">
<i class="material-icons">arrow_back</i></li>

               <li class="nav-title" aria-hidden="true"><span class="truncate">Yachthandel</span></li><li class="nav-btn" tabindex="0" role="menuitem" on="tap:header-sidebar.toggle" aria-label="Close Yachthandel">

<i class="material-icons">close</i></li>
</ul></li>

            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Neue-Yachten.php#Yachthandel%20Neue%20Yachten" title="Yachthandel Neue Yachten"><span class="truncate">Neue Yachten</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Vorfuehryachten.php" title="Vorführyachten"><span class="truncate">Vorführyachten</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Gebrauchtyachten.php#Yachthandel%20Gebrauchtyachten" title="Yachthandel Gebrauchtyachten"><span class="truncate">Gebrauchtyachten3</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Kauf-Charter-System.html#Kauf-Charter-System" title="Kauf-Charter-System"><span class="truncate">Kauf-Charter-System</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Yachtfinanzierung.html#Yachtfinanzierung" title="Yachtfinanzierung"><span class="truncate">Yachtfinanzierung</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Yachtversicherung.html#Yachtversicherung" title="Yachtversicherung"><span class="truncate">Yachtversicherung</span></a></li>
            <li class="menu-item"><a tabindex="0" href="http://www.yachthandel-mola.de/Yachthandel-Bootsservice.html" title="Bootsservice"><span class="truncate">Bootsservice</span></a></li>

</ul></li>
<!-- Yachthandel End -->





       <li class="menu-item"><a tabindex="0" href="#" title="Telefon MOLA Yachting" style="color: #98b3c8;font-size: 1.1rem;background: #0b416a80;"><span class="truncate">MOLA Yachting Tel.: +49 38391 4320</span></a></li>


</ul>
   
   </nav>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
Danke erstmal für den Hinweis. Hatte auch schon so etwas in der Richtung befürchtet, dass es mit einem Code-Editor-Block allein wohl nicht geht ...

Ich habe es nun mal so versucht mit dem Menü-Block direkt von Mobirise und den entsprechend geändert.

Nun steht das zwar richtig als
<body><amp-sidebar id="sidebar" class="cid-rhMAYrU8BG" layout="nodisplay" side="left"> drin, allerdings funktioniert es nun leider nicht mehr so wie vorher, siehe hier:


page6.html

Den Fehler muss ich nun erstmal finden ...
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
sieht aus wie eine fehlende CSS - ich habe dieses Menü ja nicht hier und kann dazu daher nicht viel sagen.

... es gibt andere Class-Namen und andere IDs, da wird was nicht gefunden.

Hier die neue CSS:

Code:
<style amp-custom>
div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,figcaption{font: inherit;}*{-webkit-box-sizing: border-box;box-sizing: border-box;}body{position: relative;font-style: normal;line-height: 1.5;}section{background-color: #eeeeee;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}section,.container,.container-fluid{position: relative;word-wrap: break-word;}a.mbr-iconfont:hover{text-decoration: none;}h1,h2,h3{margin: auto;}h1,h3,p{padding: 10px 0;margin-bottom: 15px;}p,li,blockquote{color: #15181b;letter-spacing: 0.5px;line-height: 1.7;}ul,ol,pre,blockquote{margin-bottom: 0;margin-top: 0;}pre{background: #f4f4f4;padding: 10px 24px;white-space: pre-wrap;}p{margin-top: 0;}a{font-style: normal;font-weight: 400;cursor: pointer;}a,a:hover{text-decoration: none;}figure{margin-bottom: 0;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4{line-height: 1;word-break: break-word;word-wrap: break-word;}b,strong{font-weight: bold;}blockquote{padding: 10px 0 10px 20px;position: relative;border-left: 3px solid;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay: 9999s;transition-delay: 9999s;-webkit-transition-property: background-color,color;-o-transition-property: background-color,color;transition-property: background-color,color;}html,body{height: auto;min-height: 100vh;}.mbr-section-title{font-style: normal;line-height: 1.2;}.mbr-section-subtitle{line-height: 1.3;}.mbr-text{font-style: normal;line-height: 1.6;}.btn{font-weight: 400;border-width: 2px;border-style: solid;font-style: normal;letter-spacing: 2px;margin: .4rem .5rem;white-space: normal;-webkit-transition: all .3s ease-in-out,-webkit-box-shadow 2s ease-in-out;transition: all .3s ease-in-out,-webkit-box-shadow 2s ease-in-out;-o-transition: all .3s ease-in-out,box-shadow 2s ease-in-out;transition: all .3s ease-in-out,box-shadow 2s ease-in-out;transition: all .3s ease-in-out,box-shadow 2s ease-in-out,-webkit-box-shadow 2s ease-in-out;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;word-break: break-word;-webkit-align-items: center;-webkit-justify-content: center;display: -webkit-inline-flex;}.btn-form{border-radius: 0;}.btn-form:hover{cursor: pointer;}input,textarea{padding: 15px 0.5rem;margin: 0.5rem;}.mbr-figure img,.mbr-figure iframe{display: block;width: 100%;}.card{background-color: transparent;border: none;}.card-wrapper{-webkit-box-flex: 1;-webkit-flex: 1;}.card-img{text-align: center;-ms-flex-negative: 0;flex-shrink: 0;-webkit-flex-shrink: 0;}.media{max-width: 100%;margin: 0 auto;}.mbr-figure{-ms-flex-item-align: center;-ms-grid-row-align: center;-webkit-align-self: center;align-self: center;}.media-container > div{max-width: 100%;}.mbr-figure img,.card-img img{width: 100%;}@media (max-width: 991px){.media-size-item{width: auto;}.media{width: auto;}.mbr-figure{width: 100%;}}section.slider .amp-carousel-button{cursor: pointer;}amp-image-lightbox a.control{position: absolute;width: 32px;height: 32px;right: 16px;top: 16px;z-index: 1000;}amp-image-lightbox a.control .close{position: relative;}amp-image-lightbox a.control .close:before,amp-image-lightbox a.control .close:after{position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #fff;}amp-image-lightbox a.control .close:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}amp-image-lightbox a.control .close:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}.hidden{visibility: hidden;}.super-hide{display: none;}.inactive{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none;}textarea[type="hidden"]{display: none;}#scrollToTop{display: none;}.popover-content ul.show{min-height: 155px;}.mbr-white{color: #ffffff;}.mbr-black{color: #000000;}.mbr-bg-white{background-color: #ffffff;}.mbr-bg-black{background-color: #000000;}.align-left{text-align: left;}.align-center{text-align: center;}.align-right{text-align: right;}@media (max-width: 767px){.align-left,.align-center,.align-right,.mbr-section-btn,.mbr-section-title{text-align: center;}}.mbr-light{font-weight: 300;}.mbr-regular{font-weight: 400;}.mbr-semibold{font-weight: 500;}.mbr-bold{font-weight: 700;}.mbr-section-btn{margin-left: -.25rem;margin-right: -.25rem;font-size: 0;}nav .mbr-section-btn{margin-left: 0rem;margin-right: 0rem;}.btn .mbr-iconfont,.btn.btn-sm .mbr-iconfont{cursor: pointer;margin-right: 0.5rem;}.btn.btn-md .mbr-iconfont,.btn.btn-md .mbr-iconfont{margin-right: 0.8rem;}[type="submit"]{-webkit-appearance: none;}.google-map{height: 400px;position: relative;width: 100%;}.google-map iframe{height: 100%;width: 100%;}.google-map [data-state-details]{color: #6b6763;font-family: Montserrat;height: 1.5em;margin-top: -0.75em;padding-left: 1.25rem;padding-right: 1.25rem;position: absolute;text-align: center;top: 50%;width: 100%;}.google-map[data-state]{background: #e9e5dc;}.google-map[data-state="loading"] [data-state-details]{display: none;}.map-placeholder{display: none;}.mbr-fullscreen .mbr-overlay{height: 100vh;}.mbr-fullscreen{display: -webkit-box;display: -ms-flexbox;display: flex;display: -moz-flex;display: -ms-flex;display: -o-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-align-items: center;height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 3rem;padding-bottom: 3rem;}section.sidebar-open:before{content: '';position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1040;}amp-img img{max-height: 100%;max-width: 100%;}img.mbr-temp{width: 100%;}.is-builder .nodisplay + img[async],.is-builder .nodisplay + img[decoding="async"],.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder section.slider .icon-wrap,.is-builder section[class*="gallery"] .icon-wrap{pointer-events: all;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}@media (max-width: 991px){.is-builder section.horizontal-menu .navbar-toggler{display: block;}}.is-builder section.horizontal-menu .dropdown-menu{z-index: auto;opacity: 1;pointer-events: auto;}.is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"]{margin-right: 0;padding: 0.667em 1em;}.mobirise-spinner{position: absolute;top: 50%;left: 40%;margin-left: 10%;-webkit-transform: translate3d(-50%,-50%,0);z-index: 4;}.mobirise-spinner em{width: 24px;height: 24px;border-radius: 100%;display: inline-block;-webkit-animation: slide 1s infinite;}.mobirise-spinner em:nth-child(1){-webkit-animation-delay: 0.1s;}.mobirise-spinner em:nth-child(2){-webkit-animation-delay: 0.2s;}.mobirise-spinner em:nth-child(3){-webkit-animation-delay: 0.3s;}@-webkit-keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}@keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}.mobirise-loader .amp-active > div{display: none;}.mbr-container{max-width: 800px;padding: 0 10px;margin: 0 auto;position: relative;}.container{padding-right: 15px;padding-left: 15px;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}}@media (min-width: 768px){.container{max-width: 720px;}}@media (min-width: 992px){.container{max-width: 960px;}}@media (min-width: 1200px){.container{max-width: 1140px;}}.mbr-row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.mbr-justify-content-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;}@media (max-width: 767px){.mbr-col-sm-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}.mbr-row{margin: 0;}}@media (min-width: 768px){.mbr-col-md-3{-ms-flex: 0 0 25%;-webkit-box-flex: 0;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 25%;}.mbr-col-md-4{-ms-flex: 0 0 33.333333%;-webkit-box-flex: 0;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 33.333333%;}.mbr-col-md-5{-ms-flex: 0 0 41.666667%;-webkit-box-flex: 0;flex: 0 0 41.666667%;max-width: 41.666667%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 41.666667%;}.mbr-col-md-6{-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 50%;}.mbr-col-md-7{-ms-flex: 0 0 58.333333%;-webkit-box-flex: 0;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 58.333333%;}.mbr-col-md-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}.mbr-col-md-10{-ms-flex: 0 0 83.333333%;-webkit-box-flex: 0;flex: 0 0 83.333333%;max-width: 83.333333%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 83.333333%;}.mbr-col-md-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}}@media (min-width: 992px){.mbr-col-lg-2{-ms-flex: 0 0 16.666667%;-webkit-box-flex: 0;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 16.666667%;}.mbr-col-lg-3{-ms-flex: 0 0 25%;-webkit-box-flex: 0;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 25%;}.mbr-col-lg-4{-ms-flex: 0 0 33.33%;-webkit-box-flex: 0;flex: 0 0 33.33%;max-width: 33.33%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 33.33%;}.mbr-col-lg-5{-ms-flex: 0 0 41.666%;-webkit-box-flex: 0;flex: 0 0 41.666%;max-width: 41.666%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 41.666%;}.mbr-col-lg-6{-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 50%;}.mbr-col-lg-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}.mbr-col-lg-10{-ms-flex: 0 0 83.3333%;-webkit-box-flex: 0;flex: 0 0 83.3333%;max-width: 83.3333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 83.3333%;}.mbr-col-lg-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}}@media (min-width: 1200px){.mbr-col-xl-7{-ms-flex: 0 0 58.333333%;-webkit-box-flex: 0;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 58.333333%;}.mbr-col-xl-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}}amp-sidebar{background: transparent;}#scrollToTopMarker{position: absolute;width: 0px;height: 0px;top: 300px;}#scrollToTopButton{position: fixed;bottom: 25px;right: 25px;opacity: .4;z-index: 5000;font-size: 32px;height: 60px;width: 60px;border: none;border-radius: 3px;cursor: pointer;}#scrollToTopButton:focus{outline: none;}#scrollToTopButton a:before{content: '';position: absolute;height: 40%;top: 36%;width: 2px;left: calc(50% - 1px);}#scrollToTopButton a:after{content: '';position: absolute;border-top: 2px solid;border-right: 2px solid;width: 40%;height: 40%;left: calc(30% - 1px);bottom: 30%;-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}.is-builder #scrollToTopButton a:after{left: 30%;}
body{font-family: Roboto;}blockquote{border-color: #cccccc;}.display-1{font-family: 'Roboto Condensed',sans-serif;font-size: 4.5rem;}.display-2{font-family: 'Roboto Condensed',sans-serif;font-size: 2.2rem;}.display-4{font-family: 'Roboto Condensed',sans-serif;font-size: 1rem;}.display-5{font-family: 'Roboto Condensed',sans-serif;font-size: 1.8rem;}.display-7{font-family: 'Roboto Condensed',sans-serif;font-size: 1.2rem;}input,textarea{font-family: 'Roboto Condensed',sans-serif;font-size: 1rem;}.display-1 .mbr-iconfont-btn{font-size: 4.5rem;width: 4.5rem;}.display-2 .mbr-iconfont-btn{font-size: 2.2rem;width: 2.2rem;}.display-4 .mbr-iconfont-btn{font-size: 1rem;width: 1rem;}.display-5 .mbr-iconfont-btn{font-size: 1.8rem;width: 1.8rem;}.display-7 .mbr-iconfont-btn{font-size: 1.2rem;width: 1.2rem;}@media (max-width: 768px){.display-1{font-size: 3.6rem;font-size: calc( 2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 1.76rem;font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));}.display-4{font-size: 0.8rem;font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 1.44rem;font-size: calc( 1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20))));}}.btn{padding: 1rem 2rem;border-radius: 0px;}.btn-sm{border-width: 1px;padding: 0.6rem 0.8rem;border-radius: 0px;}.btn-md{font-weight: 600;padding: 1rem 2rem;border-radius: 0px;}.bg-primary{background-color: #cccccc;}.bg-success{background-color: #002644;}.bg-info{background-color: #002644;}.bg-warning{background-color: #c20000;}.bg-danger{background-color: #a0a0a0;}.btn-primary,.btn-primary:active,.btn-primary.active{background-color: #cccccc;border-color: #cccccc;color: #4d4d4d;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{color: #4d4d4d;background-color: #a6a6a6;border-color: #a6a6a6;}.btn-primary.disabled,.btn-primary:disabled{color: #4d4d4d;background-color: #a6a6a6;border-color: #a6a6a6;}.btn-secondary,.btn-secondary:active,.btn-secondary.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-secondary.disabled,.btn-secondary:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-info,.btn-info:active,.btn-info.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-info:hover,.btn-info:focus,.btn-info.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-info.disabled,.btn-info:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-success,.btn-success:active,.btn-success.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-success:hover,.btn-success:focus,.btn-success.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-success.disabled,.btn-success:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-warning,.btn-warning:active,.btn-warning.active{background-color: #c20000;border-color: #c20000;color: #ffffff;}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus{color: #ffffff;background-color: #760000;border-color: #760000;}.btn-warning.disabled,.btn-warning:disabled{color: #ffffff;background-color: #760000;border-color: #760000;}.btn-danger,.btn-danger:active,.btn-danger.active{background-color: #a0a0a0;border-color: #a0a0a0;color: #ffffff;}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-danger.disabled,.btn-danger:disabled{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-black,.btn-black:active,.btn-black.active{background-color: #333333;border-color: #333333;color: #ffffff;}.btn-black:hover,.btn-black:focus,.btn-black.focus{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-black.disabled,.btn-black:disabled{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-white,.btn-white:active,.btn-white.active{background-color: #ffffff;border-color: #ffffff;color: #808080;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white.disabled,.btn-white:disabled{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white,.btn-white:active,.btn-white.active{color: #333333;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #333333;}.btn-white.disabled,.btn-white:disabled{color: #333333;}.btn-primary-outline,.btn-primary-outline:active,.btn-primary-outline.active{background: none;border-color: #999999;color: #999999;}.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus{color: #4d4d4d;background-color: #cccccc;border-color: #cccccc;}.btn-primary-outline.disabled,.btn-primary-outline:disabled{color: #4d4d4d;background-color: #cccccc;border-color: #cccccc;}.btn-secondary-outline,.btn-secondary-outline:active,.btn-secondary-outline.active{background: none;border-color: #000000;color: #000000;}.btn-secondary-outline:hover,.btn-secondary-outline:focus,.btn-secondary-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-secondary-outline.disabled,.btn-secondary-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{background: none;border-color: #000000;color: #000000;}.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-info-outline.disabled,.btn-info-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-success-outline,.btn-success-outline:active,.btn-success-outline.active{background: none;border-color: #000000;color: #000000;}.btn-success-outline:hover,.btn-success-outline:focus,.btn-success-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-success-outline.disabled,.btn-success-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-warning-outline,.btn-warning-outline:active,.btn-warning-outline.active{background: none;border-color: #5c0000;color: #5c0000;}.btn-warning-outline:hover,.btn-warning-outline:focus,.btn-warning-outline.focus{color: #ffffff;background-color: #c20000;border-color: #c20000;}.btn-warning-outline.disabled,.btn-warning-outline:disabled{color: #ffffff;background-color: #c20000;border-color: #c20000;}.btn-danger-outline,.btn-danger-outline:active,.btn-danger-outline.active{background: none;border-color: #6d6d6d;color: #6d6d6d;}.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-danger-outline.disabled,.btn-danger-outline:disabled{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-black-outline,.btn-black-outline:active,.btn-black-outline.active{background: none;border-color: #000000;color: #000000;}.btn-black-outline:hover,.btn-black-outline:focus,.btn-black-outline.focus{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-black-outline.disabled,.btn-black-outline:disabled{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-white-outline,.btn-white-outline:active,.btn-white-outline.active{background: none;border-color: #ffffff;color: #ffffff;}.btn-white-outline:hover,.btn-white-outline:focus,.btn-white-outline.focus{color: #333333;background-color: #ffffff;border-color: #ffffff;}.text-primary{color: #cccccc;}.text-secondary{color: #002644;}.text-success{color: #002644;}.text-info{color: #002644;}.text-warning{color: #c20000;}.text-danger{color: #a0a0a0;}.text-white{color: #ffffff;}.text-black{color: #000000;}a.text-primary:hover,a.text-primary:focus{color: #999999;}a.text-secondary:hover,a.text-secondary:focus{color: #000000;}a.text-success:hover,a.text-success:focus{color: #000000;}a.text-info:hover,a.text-info:focus{color: #000000;}a.text-warning:hover,a.text-warning:focus{color: #5c0000;}a.text-danger:hover,a.text-danger:focus{color: #6d6d6d;}a.text-white:hover,a.text-white:focus{color: #b3b3b3;}a.text-black:hover,a.text-black:focus{color: #4d4d4d;}.alert-success{background-color: #002644;}.alert-info{background-color: #002644;}.alert-warning{background-color: #c20000;}.alert-danger{background-color: #a0a0a0;}a,a:hover{color: #cccccc;}.mbr-plan-header.bg-primary .mbr-plan-subtitle,.mbr-plan-header.bg-primary .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-success .mbr-plan-subtitle,.mbr-plan-header.bg-success .mbr-plan-price-desc{color: #2ba1ff;}.mbr-plan-header.bg-info .mbr-plan-subtitle,.mbr-plan-header.bg-info .mbr-plan-price-desc{color: #2ba1ff;}.mbr-plan-header.bg-warning .mbr-plan-subtitle,.mbr-plan-header.bg-warning .mbr-plan-price-desc{color: #ff4242;}.mbr-plan-header.bg-danger .mbr-plan-subtitle,.mbr-plan-header.bg-danger .mbr-plan-price-desc{color: #e0e0e0;}.mobirise-spinner em:nth-child(1){background: #cccccc;}.mobirise-spinner em:nth-child(2){background: #002644;}.mobirise-spinner em:nth-child(3){background: #002644;}#scrollToTopMarker{display: none;}#scrollToTopButton{background-color: #ffffff;}#scrollToTopButton a:before{background: #000000;}#scrollToTopButton a:after{border-top-color: #000000;border-right-color: #000000;}.cid-rhMAYrU8BG div,.cid-rhMAYrU8BG span,.cid-rhMAYrU8BG h1,.cid-rhMAYrU8BG h2,.cid-rhMAYrU8BG h3,.cid-rhMAYrU8BG h4,.cid-rhMAYrU8BG h5,.cid-rhMAYrU8BG h6,.cid-rhMAYrU8BG p,.cid-rhMAYrU8BG blockquote,.cid-rhMAYrU8BG a,.cid-rhMAYrU8BG ol,.cid-rhMAYrU8BG ul,.cid-rhMAYrU8BG li,.cid-rhMAYrU8BG figcaption{font-family: 'Roboto Condensed',sans-serif;}.cid-rhMAYrU8BG header{background: #002644;color: #fff;font-size: 1.5em;text-align: center;box-shadow: 0 0.1rem 0.4rem 0 rgba(0,0,0,0.65);}.cid-rhMAYrU8BG #test{background-color: #002644;color: #fff;font-size: 1.5em;}.cid-rhMAYrU8BG .headerbar{height: 50px;z-index: 999;top: 0;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;position: fixed;}.cid-rhMAYrU8BG .hamburger{padding-right: 10px;align-self: center;cursor: pointer;}.cid-rhMAYrU8BG .site-name{padding-top: 3px;flex: 1 1 auto;}.cid-rhMAYrU8BG .phone{padding-right: 10px;cursor: pointer;align-self: center;}.cid-rhMAYrU8BG .material-icons{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;color: white;padding-top: 8px;padding-bottom: 10px;padding-left: 10px;flex: 0 1 60px;align-self: auto;cursor: pointer;}.cid-rhMAYrU8BG amp-sidebar,.cid-rhMAYrU8BG amp-sidebar .submenu{width: 100%;max-width: 100vw;height: 100%;}.cid-rhMAYrU8BG amp-sidebar .cover{background: #032f51;height: 54px;position: absolute;width: 100%;z-index: -1;}.cid-rhMAYrU8BG amp-sidebar ul{padding: 0;margin: 0;list-style-type: none;}.cid-rhMAYrU8BG amp-sidebar .main-menu,.cid-rhMAYrU8BG amp-sidebar .submenu{overflow: auto;}.cid-rhMAYrU8BG amp-sidebar .submenu{top: 0;left: 0;position: fixed;-webkit-transition: -webkit-transform 233ms cubic-bezier(0,0,0.21,1);transition: -webkit-transform 233ms cubic-bezier(0,0,0.21,1);}.cid-rhMAYrU8BG amp-sidebar a{font-size: 1.2rem;text-decoration: none;cursor: pointer;}.cid-rhMAYrU8BG amp-sidebar .hide-submenu{visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}.cid-rhMAYrU8BG amp-sidebar .show-submenu{visibility: visible;-webkit-transform: translateX(0);transform: translateX(0);}.cid-rhMAYrU8BG amp-sidebar .hide-parent{visibility: hidden;}.cid-rhMAYrU8BG amp-sidebar .show-parent{visibility: visible;}.cid-rhMAYrU8BG amp-sidebar .buttons-top.hide-parent li{visibility: hidden;}.cid-rhMAYrU8BG amp-sidebar .buttons.hide-parent li{visibility: hidden;}.cid-rhMAYrU8BG amp-sidebar .menu-item{display: flex;min-height: 44px;align-items: stretch;}.cid-rhMAYrU8BG amp-sidebar .menu-item a,.cid-rhMAYrU8BG amp-sidebar .menu-item .submenu-link{display: flex;align-items: center;flex: 1 1 auto;border: none;background: #0b416a;cursor: pointer;padding-left: 1rem;padding-right: 10px;overflow: hidden;color: white;}.cid-rhMAYrU8BG amp-sidebar .truncate{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.cid-rhMAYrU8BG amp-sidebar .menu-item .submenu-link{align-items: center;background: #003660;}.cid-rhMAYrU8BG amp-sidebar .has-sub-level{margin-left: auto;flex: 0 1 auto;justify-content: flex-end;}.cid-rhMAYrU8BG amp-sidebar .buttons > ul,.cid-rhMAYrU8BG amp-sidebar .buttons-top{display: flex;min-height: 50px;}.cid-rhMAYrU8BG amp-sidebar .nav-btn{display: flex;flex: 0 1 auto;justify-content: center;align-items: center;min-width: 44px;padding: 0;border: none;background: transparent;cursor: pointer;}.cid-rhMAYrU8BG amp-sidebar .nav-title{display: flex;align-items: center;justify-content: center;text-transform: uppercase;flex: 1 1 auto;overflow: hidden;color: #ffffff;font-size: 1.2em;font-weight: 500;}.cid-rhMAYrU8BG amp-sidebar .nav-title:first-child{font-size: 1.2em;font-weight: 600;justify-content: left;padding: 0 1rem;}.cid-rhMAYrU8BG amp-sidebar{background: #154c75;}.cid-rhMAYrU8BG amp-sidebar .buttons > ul,.cid-rhMAYrU8BG amp-sidebar .buttons-top,.cid-rhMAYrU8BG amp-sidebar .cover{background: #002b4d;}.cid-rhMAYrU8BG amp-sidebar a,.cid-rhMAYrU8BG amp-sidebar .btn{color: #232323;}.cid-rhMAYrU8BG amp-sidebar li.menu-item{border-bottom: 1px solid #2b597d;}.cid-rhMAYrU8BG amp-sidebar .has-sub-level > svg,.cid-rhMAYrU8BG amp-sidebar .nav-btn svg{height: 12px;}.cid-rhMAYrU8BG div[class*="-sidebar-mask"]{opacity: 0.8;}
.engine{position: absolute;text-indent: -2400px;text-align: center;padding: 0;top: 0;left: -2400px;}[class*="-iconfont"]{display: inline-flex;}</style>

... und hier die alte CSS:

Code:
<style amp-custom>
div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,figcaption{font: inherit;}*{-webkit-box-sizing: border-box;box-sizing: border-box;}body{position: relative;font-style: normal;line-height: 1.5;}section{background-color: #eeeeee;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}section,.container,.container-fluid{position: relative;word-wrap: break-word;}a.mbr-iconfont:hover{text-decoration: none;}h1,h2,h3{margin: auto;}h1,h3,p{padding: 10px 0;margin-bottom: 15px;}p,li,blockquote{color: #15181b;letter-spacing: 0.5px;line-height: 1.7;}ul,ol,pre,blockquote{margin-bottom: 0;margin-top: 0;}pre{background: #f4f4f4;padding: 10px 24px;white-space: pre-wrap;}p{margin-top: 0;}a{font-style: normal;font-weight: 400;cursor: pointer;}a,a:hover{text-decoration: none;}figure{margin-bottom: 0;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4{line-height: 1;word-break: break-word;word-wrap: break-word;}b,strong{font-weight: bold;}blockquote{padding: 10px 0 10px 20px;position: relative;border-left: 3px solid;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay: 9999s;transition-delay: 9999s;-webkit-transition-property: background-color,color;-o-transition-property: background-color,color;transition-property: background-color,color;}html,body{height: auto;min-height: 100vh;}.mbr-section-title{font-style: normal;line-height: 1.2;}.mbr-section-subtitle{line-height: 1.3;}.mbr-text{font-style: normal;line-height: 1.6;}.btn{font-weight: 400;border-width: 2px;border-style: solid;font-style: normal;letter-spacing: 2px;margin: .4rem .5rem;white-space: normal;-webkit-transition: all .3s ease-in-out,-webkit-box-shadow 2s ease-in-out;transition: all .3s ease-in-out,-webkit-box-shadow 2s ease-in-out;-o-transition: all .3s ease-in-out,box-shadow 2s ease-in-out;transition: all .3s ease-in-out,box-shadow 2s ease-in-out;transition: all .3s ease-in-out,box-shadow 2s ease-in-out,-webkit-box-shadow 2s ease-in-out;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;word-break: break-word;-webkit-align-items: center;-webkit-justify-content: center;display: -webkit-inline-flex;}.btn-form{border-radius: 0;}.btn-form:hover{cursor: pointer;}input,textarea{padding: 15px 0.5rem;margin: 0.5rem;}.mbr-figure img,.mbr-figure iframe{display: block;width: 100%;}.card{background-color: transparent;border: none;}.card-wrapper{-webkit-box-flex: 1;-webkit-flex: 1;}.card-img{text-align: center;-ms-flex-negative: 0;flex-shrink: 0;-webkit-flex-shrink: 0;}.media{max-width: 100%;margin: 0 auto;}.mbr-figure{-ms-flex-item-align: center;-ms-grid-row-align: center;-webkit-align-self: center;align-self: center;}.media-container > div{max-width: 100%;}.mbr-figure img,.card-img img{width: 100%;}@media (max-width: 991px){.media-size-item{width: auto;}.media{width: auto;}.mbr-figure{width: 100%;}}section.slider .amp-carousel-button{cursor: pointer;}amp-image-lightbox a.control{position: absolute;width: 32px;height: 32px;right: 16px;top: 16px;z-index: 1000;}amp-image-lightbox a.control .close{position: relative;}amp-image-lightbox a.control .close:before,amp-image-lightbox a.control .close:after{position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #fff;}amp-image-lightbox a.control .close:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}amp-image-lightbox a.control .close:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}.hidden{visibility: hidden;}.super-hide{display: none;}.inactive{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none;}textarea[type="hidden"]{display: none;}#scrollToTop{display: none;}.popover-content ul.show{min-height: 155px;}.mbr-white{color: #ffffff;}.mbr-black{color: #000000;}.mbr-bg-white{background-color: #ffffff;}.mbr-bg-black{background-color: #000000;}.align-left{text-align: left;}.align-center{text-align: center;}.align-right{text-align: right;}@media (max-width: 767px){.align-left,.align-center,.align-right,.mbr-section-btn,.mbr-section-title{text-align: center;}}.mbr-light{font-weight: 300;}.mbr-regular{font-weight: 400;}.mbr-semibold{font-weight: 500;}.mbr-bold{font-weight: 700;}.mbr-section-btn{margin-left: -.25rem;margin-right: -.25rem;font-size: 0;}nav .mbr-section-btn{margin-left: 0rem;margin-right: 0rem;}.btn .mbr-iconfont,.btn.btn-sm .mbr-iconfont{cursor: pointer;margin-right: 0.5rem;}.btn.btn-md .mbr-iconfont,.btn.btn-md .mbr-iconfont{margin-right: 0.8rem;}[type="submit"]{-webkit-appearance: none;}.google-map{height: 400px;position: relative;width: 100%;}.google-map iframe{height: 100%;width: 100%;}.google-map [data-state-details]{color: #6b6763;font-family: Montserrat;height: 1.5em;margin-top: -0.75em;padding-left: 1.25rem;padding-right: 1.25rem;position: absolute;text-align: center;top: 50%;width: 100%;}.google-map[data-state]{background: #e9e5dc;}.google-map[data-state="loading"] [data-state-details]{display: none;}.map-placeholder{display: none;}.mbr-fullscreen .mbr-overlay{height: 100vh;}.mbr-fullscreen{display: -webkit-box;display: -ms-flexbox;display: flex;display: -moz-flex;display: -ms-flex;display: -o-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-align-items: center;height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 3rem;padding-bottom: 3rem;}section.sidebar-open:before{content: '';position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1040;}amp-img img{max-height: 100%;max-width: 100%;}img.mbr-temp{width: 100%;}.is-builder .nodisplay + img[async],.is-builder .nodisplay + img[decoding="async"],.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder section.slider .icon-wrap,.is-builder section[class*="gallery"] .icon-wrap{pointer-events: all;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}@media (max-width: 991px){.is-builder section.horizontal-menu .navbar-toggler{display: block;}}.is-builder section.horizontal-menu .dropdown-menu{z-index: auto;opacity: 1;pointer-events: auto;}.is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"]{margin-right: 0;padding: 0.667em 1em;}.mobirise-spinner{position: absolute;top: 50%;left: 40%;margin-left: 10%;-webkit-transform: translate3d(-50%,-50%,0);z-index: 4;}.mobirise-spinner em{width: 24px;height: 24px;border-radius: 100%;display: inline-block;-webkit-animation: slide 1s infinite;}.mobirise-spinner em:nth-child(1){-webkit-animation-delay: 0.1s;}.mobirise-spinner em:nth-child(2){-webkit-animation-delay: 0.2s;}.mobirise-spinner em:nth-child(3){-webkit-animation-delay: 0.3s;}@-webkit-keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}@keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}.mobirise-loader .amp-active > div{display: none;}.mbr-container{max-width: 800px;padding: 0 10px;margin: 0 auto;position: relative;}.container{padding-right: 15px;padding-left: 15px;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}}@media (min-width: 768px){.container{max-width: 720px;}}@media (min-width: 992px){.container{max-width: 960px;}}@media (min-width: 1200px){.container{max-width: 1140px;}}.mbr-row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.mbr-justify-content-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;}@media (max-width: 767px){.mbr-col-sm-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}.mbr-row{margin: 0;}}@media (min-width: 768px){.mbr-col-md-3{-ms-flex: 0 0 25%;-webkit-box-flex: 0;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 25%;}.mbr-col-md-4{-ms-flex: 0 0 33.333333%;-webkit-box-flex: 0;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 33.333333%;}.mbr-col-md-5{-ms-flex: 0 0 41.666667%;-webkit-box-flex: 0;flex: 0 0 41.666667%;max-width: 41.666667%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 41.666667%;}.mbr-col-md-6{-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 50%;}.mbr-col-md-7{-ms-flex: 0 0 58.333333%;-webkit-box-flex: 0;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 58.333333%;}.mbr-col-md-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}.mbr-col-md-10{-ms-flex: 0 0 83.333333%;-webkit-box-flex: 0;flex: 0 0 83.333333%;max-width: 83.333333%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 83.333333%;}.mbr-col-md-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}}@media (min-width: 992px){.mbr-col-lg-2{-ms-flex: 0 0 16.666667%;-webkit-box-flex: 0;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 16.666667%;}.mbr-col-lg-3{-ms-flex: 0 0 25%;-webkit-box-flex: 0;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 25%;}.mbr-col-lg-4{-ms-flex: 0 0 33.33%;-webkit-box-flex: 0;flex: 0 0 33.33%;max-width: 33.33%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 33.33%;}.mbr-col-lg-5{-ms-flex: 0 0 41.666%;-webkit-box-flex: 0;flex: 0 0 41.666%;max-width: 41.666%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 41.666%;}.mbr-col-lg-6{-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 50%;}.mbr-col-lg-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}.mbr-col-lg-10{-ms-flex: 0 0 83.3333%;-webkit-box-flex: 0;flex: 0 0 83.3333%;max-width: 83.3333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 83.3333%;}.mbr-col-lg-12{-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 100%;}}@media (min-width: 1200px){.mbr-col-xl-7{-ms-flex: 0 0 58.333333%;-webkit-box-flex: 0;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;-webkit-flex: 0 0 58.333333%;}.mbr-col-xl-8{-ms-flex: 0 0 66.666667%;-webkit-box-flex: 0;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;-webkit-flex: 0 0 66.666667%;}}amp-sidebar{background: transparent;}#scrollToTopMarker{position: absolute;width: 0px;height: 0px;top: 300px;}#scrollToTopButton{position: fixed;bottom: 25px;right: 25px;opacity: .4;z-index: 5000;font-size: 32px;height: 60px;width: 60px;border: none;border-radius: 3px;cursor: pointer;}#scrollToTopButton:focus{outline: none;}#scrollToTopButton a:before{content: '';position: absolute;height: 40%;top: 36%;width: 2px;left: calc(50% - 1px);}#scrollToTopButton a:after{content: '';position: absolute;border-top: 2px solid;border-right: 2px solid;width: 40%;height: 40%;left: calc(30% - 1px);bottom: 30%;-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}.is-builder #scrollToTopButton a:after{left: 30%;}
body{font-family: Roboto;}blockquote{border-color: #cccccc;}.display-1{font-family: 'Roboto Condensed',sans-serif;font-size: 4.5rem;}.display-2{font-family: 'Roboto Condensed',sans-serif;font-size: 2.2rem;}.display-4{font-family: 'Roboto Condensed',sans-serif;font-size: 1rem;}.display-5{font-family: 'Roboto Condensed',sans-serif;font-size: 1.8rem;}.display-7{font-family: 'Roboto Condensed',sans-serif;font-size: 1.2rem;}input,textarea{font-family: 'Roboto Condensed',sans-serif;font-size: 1rem;}.display-1 .mbr-iconfont-btn{font-size: 4.5rem;width: 4.5rem;}.display-2 .mbr-iconfont-btn{font-size: 2.2rem;width: 2.2rem;}.display-4 .mbr-iconfont-btn{font-size: 1rem;width: 1rem;}.display-5 .mbr-iconfont-btn{font-size: 1.8rem;width: 1.8rem;}.display-7 .mbr-iconfont-btn{font-size: 1.2rem;width: 1.2rem;}@media (max-width: 768px){.display-1{font-size: 3.6rem;font-size: calc( 2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 1.76rem;font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));}.display-4{font-size: 0.8rem;font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 1.44rem;font-size: calc( 1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20))));}}.btn{padding: 1rem 2rem;border-radius: 0px;}.btn-sm{border-width: 1px;padding: 0.6rem 0.8rem;border-radius: 0px;}.btn-md{font-weight: 600;padding: 1rem 2rem;border-radius: 0px;}.bg-primary{background-color: #cccccc;}.bg-success{background-color: #002644;}.bg-info{background-color: #002644;}.bg-warning{background-color: #c20000;}.bg-danger{background-color: #a0a0a0;}.btn-primary,.btn-primary:active,.btn-primary.active{background-color: #cccccc;border-color: #cccccc;color: #4d4d4d;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{color: #4d4d4d;background-color: #a6a6a6;border-color: #a6a6a6;}.btn-primary.disabled,.btn-primary:disabled{color: #4d4d4d;background-color: #a6a6a6;border-color: #a6a6a6;}.btn-secondary,.btn-secondary:active,.btn-secondary.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-secondary.disabled,.btn-secondary:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-info,.btn-info:active,.btn-info.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-info:hover,.btn-info:focus,.btn-info.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-info.disabled,.btn-info:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-success,.btn-success:active,.btn-success.active{background-color: #002644;border-color: #002644;color: #ffffff;}.btn-success:hover,.btn-success:focus,.btn-success.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-success.disabled,.btn-success:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-warning,.btn-warning:active,.btn-warning.active{background-color: #c20000;border-color: #c20000;color: #ffffff;}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus{color: #ffffff;background-color: #760000;border-color: #760000;}.btn-warning.disabled,.btn-warning:disabled{color: #ffffff;background-color: #760000;border-color: #760000;}.btn-danger,.btn-danger:active,.btn-danger.active{background-color: #a0a0a0;border-color: #a0a0a0;color: #ffffff;}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-danger.disabled,.btn-danger:disabled{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-black,.btn-black:active,.btn-black.active{background-color: #333333;border-color: #333333;color: #ffffff;}.btn-black:hover,.btn-black:focus,.btn-black.focus{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-black.disabled,.btn-black:disabled{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-white,.btn-white:active,.btn-white.active{background-color: #ffffff;border-color: #ffffff;color: #808080;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white.disabled,.btn-white:disabled{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white,.btn-white:active,.btn-white.active{color: #333333;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #333333;}.btn-white.disabled,.btn-white:disabled{color: #333333;}.btn-primary-outline,.btn-primary-outline:active,.btn-primary-outline.active{background: none;border-color: #999999;color: #999999;}.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus{color: #4d4d4d;background-color: #cccccc;border-color: #cccccc;}.btn-primary-outline.disabled,.btn-primary-outline:disabled{color: #4d4d4d;background-color: #cccccc;border-color: #cccccc;}.btn-secondary-outline,.btn-secondary-outline:active,.btn-secondary-outline.active{background: none;border-color: #000000;color: #000000;}.btn-secondary-outline:hover,.btn-secondary-outline:focus,.btn-secondary-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-secondary-outline.disabled,.btn-secondary-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{background: none;border-color: #000000;color: #000000;}.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-info-outline.disabled,.btn-info-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-success-outline,.btn-success-outline:active,.btn-success-outline.active{background: none;border-color: #000000;color: #000000;}.btn-success-outline:hover,.btn-success-outline:focus,.btn-success-outline.focus{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-success-outline.disabled,.btn-success-outline:disabled{color: #ffffff;background-color: #002644;border-color: #002644;}.btn-warning-outline,.btn-warning-outline:active,.btn-warning-outline.active{background: none;border-color: #5c0000;color: #5c0000;}.btn-warning-outline:hover,.btn-warning-outline:focus,.btn-warning-outline.focus{color: #ffffff;background-color: #c20000;border-color: #c20000;}.btn-warning-outline.disabled,.btn-warning-outline:disabled{color: #ffffff;background-color: #c20000;border-color: #c20000;}.btn-danger-outline,.btn-danger-outline:active,.btn-danger-outline.active{background: none;border-color: #6d6d6d;color: #6d6d6d;}.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-danger-outline.disabled,.btn-danger-outline:disabled{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-black-outline,.btn-black-outline:active,.btn-black-outline.active{background: none;border-color: #000000;color: #000000;}.btn-black-outline:hover,.btn-black-outline:focus,.btn-black-outline.focus{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-black-outline.disabled,.btn-black-outline:disabled{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-white-outline,.btn-white-outline:active,.btn-white-outline.active{background: none;border-color: #ffffff;color: #ffffff;}.btn-white-outline:hover,.btn-white-outline:focus,.btn-white-outline.focus{color: #333333;background-color: #ffffff;border-color: #ffffff;}.text-primary{color: #cccccc;}.text-secondary{color: #002644;}.text-success{color: #002644;}.text-info{color: #002644;}.text-warning{color: #c20000;}.text-danger{color: #a0a0a0;}.text-white{color: #ffffff;}.text-black{color: #000000;}a.text-primary:hover,a.text-primary:focus{color: #999999;}a.text-secondary:hover,a.text-secondary:focus{color: #000000;}a.text-success:hover,a.text-success:focus{color: #000000;}a.text-info:hover,a.text-info:focus{color: #000000;}a.text-warning:hover,a.text-warning:focus{color: #5c0000;}a.text-danger:hover,a.text-danger:focus{color: #6d6d6d;}a.text-white:hover,a.text-white:focus{color: #b3b3b3;}a.text-black:hover,a.text-black:focus{color: #4d4d4d;}.alert-success{background-color: #002644;}.alert-info{background-color: #002644;}.alert-warning{background-color: #c20000;}.alert-danger{background-color: #a0a0a0;}a,a:hover{color: #cccccc;}.mbr-plan-header.bg-primary .mbr-plan-subtitle,.mbr-plan-header.bg-primary .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-success .mbr-plan-subtitle,.mbr-plan-header.bg-success .mbr-plan-price-desc{color: #2ba1ff;}.mbr-plan-header.bg-info .mbr-plan-subtitle,.mbr-plan-header.bg-info .mbr-plan-price-desc{color: #2ba1ff;}.mbr-plan-header.bg-warning .mbr-plan-subtitle,.mbr-plan-header.bg-warning .mbr-plan-price-desc{color: #ff4242;}.mbr-plan-header.bg-danger .mbr-plan-subtitle,.mbr-plan-header.bg-danger .mbr-plan-price-desc{color: #e0e0e0;}.mobirise-spinner em:nth-child(1){background: #cccccc;}.mobirise-spinner em:nth-child(2){background: #002644;}.mobirise-spinner em:nth-child(3){background: #002644;}#scrollToTopMarker{display: none;}#scrollToTopButton{background-color: #ffffff;}#scrollToTopButton a:before{background: #000000;}#scrollToTopButton a:after{border-top-color: #000000;border-right-color: #000000;}#custom-html-c8{}#custom-html-c8 div,#custom-html-c8 span,#custom-html-c8 h1,#custom-html-c8 h2,#custom-html-c8 h3,#custom-html-c8 h4,#custom-html-c8 h5,#custom-html-c8 h6,#custom-html-c8 p,#custom-html-c8 blockquote,#custom-html-c8 a,#custom-html-c8 ol,#custom-html-c8 ul,#custom-html-c8 li,#custom-html-c8 figcaption{font-family: 'Roboto Condensed',sans-serif;}#custom-html-c8 header{background: #002644;color: #fff;font-size: 1.5em;text-align: center;box-shadow: 0 0.1rem 0.4rem 0 rgba(0,0,0,0.65);}#custom-html-c8 #test{background-color: #002644;color: #fff;font-size: 1.5em;}#custom-html-c8 .headerbar{height: 50px;z-index: 999;top: 0;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;position: fixed;}#custom-html-c8 .hamburger{padding-right: 10px;align-self: center;cursor: pointer;}#custom-html-c8 .site-name{padding-top: 3px;flex: 1 1 auto;}#custom-html-c8 .phone{padding-right: 10px;cursor: pointer;align-self: center;}#custom-html-c8 .material-icons{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;color: white;padding-top: 8px;padding-bottom: 10px;padding-left: 10px;flex: 0 1 60px;align-self: auto;cursor: pointer;}#custom-html-c8 amp-sidebar,#custom-html-c8 amp-sidebar .submenu{width: 100%;max-width: 100vw;height: 100%;}#custom-html-c8 amp-sidebar .cover{background: #032f51;height: 54px;position: absolute;width: 100%;z-index: -1;}#custom-html-c8 amp-sidebar ul{padding: 0;margin: 0;list-style-type: none;}#custom-html-c8 amp-sidebar .main-menu,#custom-html-c8 amp-sidebar .submenu{overflow: auto;}#custom-html-c8 amp-sidebar .submenu{top: 0;left: 0;position: fixed;-webkit-transition: -webkit-transform 233ms cubic-bezier(0,0,0.21,1);transition: -webkit-transform 233ms cubic-bezier(0,0,0.21,1);}#custom-html-c8 amp-sidebar a{font-size: 1.2rem;text-decoration: none;cursor: pointer;}#custom-html-c8 amp-sidebar .hide-submenu{visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}#custom-html-c8 amp-sidebar .show-submenu{visibility: visible;-webkit-transform: translateX(0);transform: translateX(0);}#custom-html-c8 amp-sidebar .hide-parent{visibility: hidden;}#custom-html-c8 amp-sidebar .show-parent{visibility: visible;}#custom-html-c8 amp-sidebar .buttons-top.hide-parent li{visibility: hidden;}#custom-html-c8 amp-sidebar .buttons.hide-parent li{visibility: hidden;}#custom-html-c8 amp-sidebar .menu-item{display: flex;min-height: 44px;align-items: stretch;}#custom-html-c8 amp-sidebar .menu-item a,#custom-html-c8 amp-sidebar .menu-item .submenu-link{display: flex;align-items: center;flex: 1 1 auto;border: none;background: #0b416a;cursor: pointer;padding-left: 1rem;padding-right: 10px;overflow: hidden;}#custom-html-c8 amp-sidebar .truncate{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}#custom-html-c8 amp-sidebar .menu-item .submenu-link{align-items: center;background: #003660;}#custom-html-c8 amp-sidebar .has-sub-level{margin-left: auto;flex: 0 1 auto;justify-content: flex-end;}#custom-html-c8 amp-sidebar .buttons > ul,#custom-html-c8 amp-sidebar .buttons-top{display: flex;min-height: 50px;}#custom-html-c8 amp-sidebar .nav-btn{display: flex;flex: 0 1 auto;justify-content: center;align-items: center;min-width: 44px;padding: 0;border: none;background: transparent;cursor: pointer;}#custom-html-c8 amp-sidebar .nav-title{display: flex;align-items: center;justify-content: center;text-transform: uppercase;flex: 1 1 auto;overflow: hidden;color: #ffffff;font-size: 1.2em;font-weight: 500;}#custom-html-c8 amp-sidebar .nav-title:first-child{font-size: 1.2em;font-weight: 600;justify-content: left;padding: 0 1rem;}#custom-html-c8 amp-sidebar{background: #154c75;}#custom-html-c8 amp-sidebar .menu-item a,#custom-html-c8 amp-sidebar .menu-item .submenu-link{color: white;}#custom-html-c8 amp-sidebar .buttons > ul,#custom-html-c8 amp-sidebar .buttons-top,#custom-html-c8 amp-sidebar .cover{background: #002b4d;}#custom-html-c8 amp-sidebar a,#custom-html-c8 amp-sidebar .btn{color: #232323;}#custom-html-c8 amp-sidebar li.menu-item{border-bottom: 1px solid #2b597d;}#custom-html-c8 amp-sidebar .has-sub-level > svg,#custom-html-c8 amp-sidebar .nav-btn svg{height: 12px;}#custom-html-c8 div[class*="-sidebar-mask"]{opacity: 0.8;}#custom-html-c6 .panorama{width: 100%;}#custom-html-c6 figure img{width: 100%;}#custom-html-c6 .verteilt{align-items: center;}#custom-html-c6 figure,#custom-html-c6 figcaption{margin: 0;padding: 0;}@keyframes fade{0%{opacity: 1;transform: scale(1) translateX(0);}20%{opacity: 1;transform: scale(1.05) translateX(0);}25%{opacity: 0;transform: scale(1.2) translateX(5%);}95%{opacity: 0;transform: scale(1.2) translateX(-5%);}100%{opacity: 1;transform: scale(1) translateX(0);}}#custom-html-c6 #gallery{overflow: hidden;position: relative;}#custom-html-c6 #gallery figure{position: absolute;width: 100%;margin: 49px auto auto auto;z-index: 1;font-size: 0;animation: fade 40s ease-out infinite;}#custom-html-c6 #gallery figure:nth-of-type(2){animation-delay: -10s;opacity: 0;}#custom-html-c6 #gallery figure:nth-of-type(3){animation-delay: -20s;opacity: 0;}#custom-html-c6 #gallery figure:nth-of-type(4){animation-delay: -30s;opacity: 0;}#custom-html-c6 #gallery figure:last-of-type{position: relative;}.cid-rhtLQ9KKKJ{padding-top: 15px;padding-bottom: 30px;background-color: #f6f6f6;}.cid-rhtLQ9KKKJ .card{margin-bottom: 1px;position: relative;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;word-wrap: break-word;}@media (max-width: 767px){.cid-rhtLQ9KKKJ .card{margin-bottom: 1px;}}.cid-rhtLQ9KKKJ .card .card-wrapper{position: relative;border-radius: 4px;background-image: linear-gradient(#ffffff,#ffffff,transparent);padding: .4rem;margin-bottom: .91rem;}.cid-rhtLQ9KKKJ .card .signature{padding: 0 0;}.cid-rhtLQ9KKKJ .card .signature .author-name{padding-bottom: 5px;text-transform: uppercase;}.cid-rhtLQ9KKKJ .mbr-bold{font-weight: 600;}.cid-rhtLQ9KKKJ .mbr-text{color: #232323;text-align: center;line-height: 1.3;}.cid-rhtLQ9KKKJ .mbr-text a:hover{font-weight: 600;}.cid-rhtLQ9KKKJ .mbr-section-title{padding-bottom: 0rem;}@media (max-width: 767px){.cid-rhtLQ9KKKJ .author-name,.cid-rhtLQ9KKKJ .author-title{text-align: center;}.cid-rhtLQ9KKKJ .align-left,.cid-rhtLQ9KKKJ .align-center,.cid-rhtLQ9KKKJ .align-right,.cid-rhtLQ9KKKJ .mbr-section-btn,.cid-rhtLQ9KKKJ .mbr-section-title{text-align: center;}.cid-rhtLQ9KKKJ .container-big{max-width: 767px;}}.cid-rhtLQ9KKKJ .author-name{font-size: 1.7rem;text-align: center;}.cid-rhtLQ9KKKJ .author-title{text-align: center;padding: 0 0;}.cid-rhtLQ9KKKJ amp-img{width: 100%;border-radius: 4px;}.cid-rhtLQ9KKKJ .container-big,.cid-rhtLQ9KKKJ .container-big-fluid{position: relative;word-wrap: break-word;}.cid-rhtLQ9KKKJ .container-big{padding-right: 5px;padding-left: 5px;width: 100%;margin-right: auto;margin-left: auto;}@media (min-width: 768px){.cid-rhtLQ9KKKJ .container-big{max-width: 720px;}}@media (min-width: 992px){.cid-rhtLQ9KKKJ .container-big{max-width: 960px;}}@media (min-width: 1200px){.cid-rhtLQ9KKKJ .container-big{max-width: 1120px;}}@media (min-width: 1920px){.cid-rhtLQ9KKKJ .container-big{max-width: 1860px;}}.cid-rhtLQ9KKKJ #fade{background-image: linear-gradient(42deg,transparent,blue);}.cid-rhtLRlhHSF{padding-top: 5px;padding-bottom: 5px;background-color: #ffffff;background-image: linear-gradient(#dae1e8,transparent);border-top: 1px solid #dae1e8;}.cid-rhtLRlhHSF .mbr-title{padding-bottom: 0.2rem;}.cid-rhtLRlhHSF .mbr-section-btn{padding-top: 1.5rem;}.cid-rhtLRlhHSF .display-2{font-size: 1.7rem;}.cid-rhtLSbwqKd{padding-top: 30px;padding-bottom: 10px;background-color: #fffcfc;background-image: linear-gradient(transparent,#dae1e8);}.cid-rhtLSbwqKd .mbr-title{padding-bottom: .05rem;color: #c20000;}.cid-rhtLSbwqKd .mbr-section-btn{padding-top: .0rem;padding-bottom: .5rem;}.cid-rhtLSbwqKd .mbr-section-subtitle{line-height: 1.1;}.cid-rhtLSbwqKd .display-2{font-size: 1.55rem;}.cid-rhtLSbwqKd h2,.cid-rhtLSbwqKd h3,.cid-rhtLSbwqKd p{margin-bottom: 5px;padding: 2px 0;line-height: .90;}.cid-rhtLSbwqKd .btn{font-weight: 400;border-width: 1px;border-style: solid;font-style: normal;letter-spacing: .5px;margin: .5rem .5rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;padding: .2rem .4rem;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.cid-rhtLSHzo4S{padding-top: 10px;padding-bottom: 0px;background-color: #ffffff;background-image: linear-gradient(transparent,#dfe6eb);border-top: 1px solid #dae1e8;}.cid-rhtLSHzo4S .mbr-title{padding-bottom: .05rem;color: #c20000;}.cid-rhtLSHzo4S .mbr-section-btn{padding-top: .0rem;padding-bottom: .5rem;}.cid-rhtLSHzo4S .mbr-section-subtitle{line-height: 1.1;}.cid-rhtLSHzo4S .display-2{font-size: 1.55rem;}.cid-rhtLSHzo4S h2,.cid-rhtLSHzo4S h3,.cid-rhtLSHzo4S p{margin-bottom: 5px;padding: 2px 0;line-height: .90;}.cid-rhtLSHzo4S .btn{font-weight: 400;border-width: 1px;border-style: solid;font-style: normal;letter-spacing: .5px;margin: .5rem .5rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;padding: .2rem .4rem;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.cid-rhtLUWzQqC{padding-top: 10px;padding-bottom: 5px;background-color: #fffcfc;background-image: linear-gradient(transparent,#dae1e8);}.cid-rhtLUWzQqC .mbr-title{padding-bottom: .05rem;color: #c20000;}.cid-rhtLUWzQqC .mbr-section-btn{padding-top: .0rem;padding-bottom: .5rem;}.cid-rhtLUWzQqC .mbr-section-subtitle{line-height: 1.1;}.cid-rhtLUWzQqC .display-2{font-size: 1.55rem;}.cid-rhtLUWzQqC h2,.cid-rhtLUWzQqC h3,.cid-rhtLUWzQqC p{margin-bottom: 5px;padding: 2px 0;line-height: .90;}.cid-rhtLUWzQqC .btn{font-weight: 400;border-width: 1px;border-style: solid;font-style: normal;letter-spacing: .5px;margin: .5rem .5rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;padding: .2rem .4rem;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.cid-rhtLVG3Q3H{padding-top: 10px;padding-bottom: 30px;background-color: #fffcfc;background-image: linear-gradient(transparent,#dae1e8);}.cid-rhtLVG3Q3H .mbr-title{padding-bottom: .05rem;color: #c20000;}.cid-rhtLVG3Q3H .mbr-section-btn{padding-top: .0rem;padding-bottom: .5rem;}.cid-rhtLVG3Q3H .mbr-section-subtitle{line-height: 1.1;}.cid-rhtLVG3Q3H .display-2{font-size: 1.55rem;}.cid-rhtLVG3Q3H h2,.cid-rhtLVG3Q3H h3,.cid-rhtLVG3Q3H p{margin-bottom: 5px;padding: 2px 0;line-height: .90;}.cid-rhtLVG3Q3H .btn{font-weight: 400;border-width: 1px;border-style: solid;font-style: normal;letter-spacing: .5px;margin: .5rem .5rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;padding: .2rem .4rem;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.cid-rhtLWrooe3{padding-top: 15px;padding-bottom: 60px;background-color: #002644;}.cid-rhtLWrooe3 amp-img{text-align: center;}.cid-rhtLWrooe3 .items-col .item{margin: 0;}.cid-rhtLWrooe3 .item,.cid-rhtLWrooe3 .group-title{color: #efefef;padding-top: 0;}@media (max-width: 767px){.cid-rhtLWrooe3 .items-col{text-align: center;margin: 1rem 0;}}.cid-rhtLWrooe3 .item,.cid-rhtLWrooe3 .items{text-align: center;}.cid-rhtLWrooe3 p{color: #15181b;letter-spacing: 0.5px;line-height: 1;}
.engine{position: absolute;text-indent: -2400px;text-align: center;padding: 0;top: 0;left: -2400px;}[class*="-iconfont"]{display: inline-flex;}</style>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Hm, an CSS ist aber glaube alles drin, wie vorher auch, außer dass #custom-html-c8 jetzt natürlich zu .cid-rhMAYrU8BG geworden ist, der Rest gehört zu anderen Blöcken.

Ich vermute, dass irgendwo hier drin: <section class="menu" group="Menu" plugins="DropDown, amp-main,amp-sidebar" global once="menu"> etwas ist / von Mobirisee extra geladen wird, was dann in meiner neuen CSS fehlt oder anders heißt ...

Das <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script> z.B. wird auch von Mobirise erst mit dieser Zeile geschrieben (bestimmt eines dieser 'plugins'.

Aber trotzdem Danke - ich versuch's mal weiter.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#14
Falls es jemanden interessiert:

Habe mal testweise aus dem Mobirise-eigenen
<section class="menu" group="Menu" plugins="amp-main,amp-sidebar" global once="menu" always-top position-absolute>
dieses class="menu" entfernt, dann funktioniert die Sidebar wieder, augenscheinlich verträgt sich das "menu" von class nicht mit dem <ul ... role="menu" ...> im HTML-Teil der Sidebar.

Allerdings: nimmt man das raus, wird wie durch Zauberhand wieder ein
<section class="cid-...." id="menu1-cm"> VOR das <amp-sidebar id=" ....> eingefügt.
Lässt man es dagegen drin, steht <section class="menu cid-...." id="menu1-cm"> erst hinter dem </amp-sidebar>


Ich glaub', ich geb' jetzt auf!


Wie ich in der CSS das ul[role="menu"] {....} selbst neu definieren kann, hab' ich nämlich keine Ahnung von Sad
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#15
wo genau (Link) hast Du dieses Menü denn her? Ich würde das gerne mal hier testen, benötige dazu aber den gesamten (originalen) Code.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mehrsprachige Website mit Mobirise möglich? Quelle75 1 44 20.08.2019, 16:24
Letzter Beitrag: barbara0701
  Mobirise Publizierung Utz29 15 258 18.08.2019, 18:52
Letzter Beitrag: Utz29
  Mobirise-Transparenter Rahmen um Modal PopUp Thomas Saake 3 52 18.08.2019, 11:56
Letzter Beitrag: Thomas Saake
  Eigene Icons? stobi_de 3 71 18.08.2019, 08:31
Letzter Beitrag: Tommy Herrmann
  Mobirise-Fotos werden nicht eingefügt Thomas Saake 65 4.104 13.08.2019, 19:36
Letzter Beitrag: dasdrandre
  Mobirise- HTML (Pug) CSS (SCSS) Thomas Saake 0 38 10.08.2019, 15:44
Letzter Beitrag: Thomas Saake
  Mobirise-Formular Generator Thomas Saake 29 576 10.08.2019, 10:50
Letzter Beitrag: Tommy Herrmann
  Mobirise Sparachumschaltung ? stobi_de 30 2.301 05.08.2019, 10:54
Letzter Beitrag: Berdie
  Mobirise-PopUp Formatierung Thomas Saake 2 106 30.07.2019, 18:36
Letzter Beitrag: Thomas Saake
  Mobirise-PopUp Countdown einfügen Thomas Saake 4 163 24.07.2019, 13:21
Letzter Beitrag: Tommy Herrmann



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!