Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise AMP - eigene amp-sidebar nicht valide
#16
Also, das Original ist von hier:

https://codepen.io/RickRX/pen/rQbZBq

Ich habe es dann für mich entsprechend angepasst und habe hier als HTML:

Code:
<!-- begin nav -->
 <amp-sidebar id="header-sidebar" side="left" layout="nodisplay">
     
   <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>
 </amp-sidebar>
 <!-- end nav -->

<header class="headerbar">
<div class="hamburger" role="button" on="tap:header-sidebar.toggle" tabindex="0">
   <i class="material-icons" style="font-size: 33px;"></i></div>
   <div class="site-name"><h1><a href="https://www.mola.de" style="color: white;margin-left: -30px;">MOLA Yachting GmbH</a></h1></div>
   <!-- <div class="phone"><a href="tel:+49 38391 4320"><i class="material-icons"></i></a></div> -->
</header>


und für die CSS:

Code:
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, figcaption {
 font-family: 'Roboto Condensed', sans-serif;
}
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);
}
#test {
 background-color: #002644;
 color: #fff;
 font-size: 1.5em;
}
.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;
}
.hamburger {
 padding-right: 10px;
 align-self: center;
 cursor: pointer;
}
.site-name {
 padding-top: 3px;
 flex: 1 1 auto;
}
.phone {
 padding-right: 10px;
 cursor: pointer;
 align-self: center;
}
.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;
}
amp-sidebar, amp-sidebar .submenu {
 width: 100%;
 max-width: 100vw;
 height: 100%;
}
amp-sidebar .cover {
 background: #032f51;
 height: 54px;
 position: absolute;
 width: 100%;
 z-index: -1;
}
amp-sidebar ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
}
amp-sidebar .main-menu, amp-sidebar .submenu {
 overflow: auto;
}
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);
}
amp-sidebar a {
 font-size: 1.2rem;
 text-decoration: none;
 cursor: pointer;
}
amp-sidebar .hide-submenu {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
amp-sidebar .show-submenu {
 visibility: visible;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
amp-sidebar .hide-parent {
 visibility: hidden;
}
amp-sidebar .show-parent {
 visibility: visible;
}
amp-sidebar .buttons-top.hide-parent li {
 visibility: hidden;
}
amp-sidebar .buttons.hide-parent li {
 visibility: hidden;
}
amp-sidebar .menu-item {
 display: flex;
 min-height: 44px;
 align-items: stretch;
}
amp-sidebar .menu-item a, 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;
}
amp-sidebar .truncate {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
amp-sidebar .menu-item .submenu-link {
 align-items: center;
 background: #003660;
}
amp-sidebar .has-sub-level {
 margin-left: auto;
 flex: 0 1 auto;
 justify-content: flex-end;
}
amp-sidebar .buttons > ul, amp-sidebar .buttons-top {
 display: flex;
 min-height: 50px;
}
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;
}
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;
}
amp-sidebar .nav-title:first-child {
 font-size: 1.2em;
 font-weight: 600;
 justify-content: left;
 padding: 0 1rem;
}
amp-sidebar {
 background: #154c75;
}
amp-sidebar .buttons > ul, amp-sidebar .buttons-top, amp-sidebar .cover {
 background: #002b4d;
}
amp-sidebar a, amp-sidebar .btn {
 color: #232323;
}
amp-sidebar li.menu-item {
 border-bottom: 1px solid #2b597d;
}
amp-sidebar .has-sub-level > svg, amp-sidebar .nav-btn svg {
 height: 12px;
}
div[class*="-sidebar-mask"] {
 opacity: 0.8;
}


zusätzlich noch in den <head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#17
... ja, vielen Dank. Interessant...

Irgendwie sollte das ja eigentlich gehen :confused:

... bitte update uns, falls Du noch Erfolg haben solltest.

Wie gesagt, ich habe mich bisher auch nur sehr wenig mit AMP beschäftigt und ich scheitere daran auch gerade.

Eigentlich habe ich schon vor Monaten (für mich persönlich) entschieden, mich lieber den Bootstrap-Themen zu widmen und AMP nicht weiter zu verfolgen. Insgesamt glaube ich (persönlich) auch nicht an eine große Zukunft von AMP.

Ich würde Dir raten, entweder bei den Navigationsleisten von Mobirise bei AMP zu bleiben - oder auf ein Bootstrap "M4" Thema zu wechseln. Da kann man eigentlich so ziemlich alles selbst modifizieren.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#18
Tommy,

ich schieb das mal hinterher, frage mich dabei aber:
Warum erstellt Mobi so viele AMP Templates?
Was versprechen Sie sich davon????
Wirklich nur um zu vermeiden/beschränken,- im Code rumzufummeln?
Oder habe die ne'n Deal mit Google???

Quelle: https://www.suchradar.de/magazin/65/acce...s-amperium


Kontra AMP
Der AMP-Cache ist im Gegenzug aber auch ein großes Kontra-Argument. Gerade für E-Commerce-Seiten, deren Produkt- und Kategorieseiten sich stetig ändern, stellt der Cache ein Problem dar. Die aktuelle Version der Site wird immer dann gecachet, wenn ein Nutzer die Site besucht. Nach einem Update z. B. einer Produktseite erhält der erste Nutzer, der diese Site besucht, noch die alte, vor dem Update gecachete Version. Erst die darauffolgenden Nutzer sehen den neuen Inhalt. Bei häufigen Produkt-/Preis-Änderungen kann das zu einer schlechten Nutzererfahrung führen und verärgerte Nutzer sind im E-Commerce ein No-Go.
Einen weiteren Haken stellt die Erreichbarkeit dar. AMPs lassen sich auf „natürliche“ Weise nur über die Google-Suchergebnisse auf einem mobilen Endgerät aufrufen oder, indem man das Suffix „/amp/“ hinter der URL einfügt. Nutzer, die über andere Kanäle als über die Google-Suche auf die Website kommen, landen nicht auf der AMP-Version. Dadurch ist klar, AMP ist leider nicht der heilige Gral der Mobile-Optimierung. Websites, die eine AMP-Version anbieten, sollten gleichzeitig eine gut optimierte mobile Website bereitstellen.
Der Kontrollverlust ist ein weiterer Kritikpunkt. Der Samariter-Gedanke „schnelles Internet für alle“ ist natürlich nicht der einzige Grund, aus dem Google das Accelerated Mobile Pages Project vorantreibt und promotet. AMPs sind ein weiteres Alleinstellungsmerkmal gegenüber dem in Amerika immer mehr an Boden gutmachenden Konkurrenten Bing. Durch das Zwischenspeichern der Website im Content Delivery Network von Google machen sich Webmaster natürlich noch etwas abhängiger von Google. Durch AMP hat Google nicht nur die Möglichkeit, Richtlinien vorzugeben, sondern kann diese auch direkt prüfen und durchsetzen. AMPs, die nicht genau nach AMP-Vorgaben aufgebaut sind, werden nicht verifiziert und erscheinen somit auch nicht in den Suchergebnissen. Für Webdesign und Online-Marketing bedeutet das natürlich Einschnitte in Sachen Kreativität. So negativ diese Entwicklung für einige sein mag, der Kunde bzw. der Nutzer ist König und wenn dieser Geschwindigkeit bevorzugt, müssen andere Bereiche zurückstecken.
------------------

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
#19
ja - so ähnlich sehe ich das auch.

Insbesondere vermute ich relativ bösartige Absichten bei Google dahinter. Mobirise kommt das alles sehr gelegen, denn (fast) niemand kommt mit AMP wirklich zurecht. Das ist eine ganz eigene Welt. Das wiederum bedeutet für Mobirise, dass ihnen niemand in die Suppe spuckt und herkömmliche, externe Anwendungen eben nicht anwendbar sind. So lassen sich dann die einzelnen Themen viel besser verkaufen.

... das Haupt-Argument von Google ist ja - deswegen heißt es ja auch "AMP":

Accelerated Mobile Pages = Beschleunigte Mobilseiten

... die Schnelligkeit (übrigens ganz witzig, seit Jahren wurde ich hier kritisiert, derweil ich immer schon der Meinung war, dass CSS-Dateien die Geschwindigkeit verringern, die gibt es bei AMP deswegen nicht mehr :D ).

Genau dort sehe ich keine Zukunft.

Ich weiß, gerade in Deutschland und vor allen Dingen in den USA ist die Internet-Geschwindigkeit immer noch (teilweise) eine Katastrophe. Die USA leben da in der Steinzeit und vielleicht hat Google deswegen so etwas entwickelt. In manchen Großstädten (wie hier in Berlin) ist eigentlich keiner mehr unter 100Mbit/s unterwegs - weiterhin wird bald das 5g Netz ausgebaut sein. Dann spielt so etwas wie "AMP" überhaupt keine Rolle mehr und verschwindet in der Bedeutungslosigkeit, denn der Vorteil von AMP ist dann nicht mehr messbar.
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
  Mobirise - Hoverfarbe WRH 21 231 14.09.2019, 09:15
Letzter Beitrag: WRH
  Mobirise-Navbar Bootsnipp bearbeiten Thomas Saake 2 61 12.09.2019, 11:35
Letzter Beitrag: Thomas Saake
  Mobirise- Seite darf nicht im Internet gefunden werden Thomas Saake 9 160 09.09.2019, 14:52
Letzter Beitrag: Thomas Saake
  Alte Mobirise Website verlinken blubbs84 1 50 08.09.2019, 11:58
Letzter Beitrag: Rancher
  Mobirise 4 Parallax: Bilder auf mobilen Geräten pixelig CeDe 6 86 07.09.2019, 18:37
Letzter Beitrag: stobi_de
  Lexikon - Script von Mobirise? Utz29 6 97 07.09.2019, 18:16
Letzter Beitrag: Utz29
  Mobirise-Hamburger zentriert unter Logo Thomas Saake 2 79 05.09.2019, 15:35
Letzter Beitrag: Thomas Saake
  Mobirise-Hamburger Menü zentrieren und Beschriften Thomas Saake 6 121 03.09.2019, 21:19
Letzter Beitrag: Thomas Saake
  Mobirise-Hamburger Menü Thomas Saake 2 93 02.09.2019, 10:10
Letzter Beitrag: Thomas Saake
  Tommys Standard-php-mailer klappt hier nicht stobi_de 6 136 29.08.2019, 13:09
Letzter Beitrag: stobi_de



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!