<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css" integrity="sha384-PDle/QlgIONtM1aqA2Qemk5gPOE7wFq8+Em+G/hmo5Iq0CCmYZLv3fVRDJ4MMwEA" crossorigin="anonymous"> <link rel="stylesheet" href="css/absolute.css"> <title>Menzel Aufzugschacht-Konfigurator</title> </head> <body> <div class="bggb1"> <br> <div class="container"> <!--Start Container--> <div class="row"> <div class="col-sm"> <form method="post" action="send_email.php"> <!-- Bestandsgeböude --> <div class="card text-center" style="height: 13rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.1</strong> Neubau oder Bestandsgebäude</h5> <p class="card-text">Ist ihr Gebäude ein Neubau <br>oder ein Bestandsgebäude?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Altbau oder Neubau" value="Altbau" id="Altbau Neubau" autocomplete="off"> Altbau </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Altbau oder Neubau" value="Neubau" id="Neubau Neubau" autocomplete="off"> Neubau </label> </div> </div> </div><br> <!-- Wohnungbau? --> <div class="card text-center" style="height: 11rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.4</strong> Wohnungsbau</h5> <p class="card-text">Ist ihr Gebäude ein Wohnungsbau?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Wohnungsbau" value="Ja" id="Wohnungsbau" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Wohnungsbau" value="Nein" id="Wohnungsbau" autocomplete="off"> Nein </label> </div> </div> </div> <br> <!-- Bauweise? --> <div class="card text-center" style="height: 13rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.6</strong> Bauweise</h5> <p class="card-text">Was ist die Bauweise Ihres Gebäudes?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Bauweise Bestand" value="Mauerwerk" id="Bauweise Bestand" autocomplete="off"> Mauerwerk </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Bauweise Bestand" value="Montagebau" id="Bauweise Bestand" autocomplete="off"> Montagebau </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Bauweise Bestand" value="Nicht bekannt" id="Bauweise Bestand" autocomplete="off"> Nicht bekannt </label> </div> </div> </div> <br> </div><!-- Ende Column--> <div class="col-sm"> <!-- Start Column--> <!-- Geschossanzahl? --> <div class="card text-center" style="height: 13rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.2</strong> Geschossanzahl </h5> <p class="card-text">Wie viele Geschosse hat das Gebäude?</p> <select class="custom-select border-primary" id="geschossanz" name="Geschossanzahl" autocomplete="off"> <option selected>Geschossanzahl wählen</option> <option value="2 Geschosse">2 Geschosse</option> <option value="3 Geschosse">3 Geschosse</option> <option value="4 Geschosse">4 Geschosse</option> <option value="5 Geschosse">5 Geschosse</option> <option value="6 Geschosse">6 Geschosse</option> <option value="7 Geschosse">7 Geschosse</option> <option value="8 Geschosse">8 Geschosse</option> <option value="9 Geschosse">9 Geschosse</option> <option value="10 Geschosse">10 Geschosse</option> <option value="Mehr als 10 Geschosse">Mehr als 10 Geschosse</option> </select> <p class="card-text"></p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Keller vorhanden" id="Kellervorhanden" value="Ja" autocomplete="off" required> plus Keller </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Keller vorhanden" id="Kellervorhanden" value="Nein" autocomplete="off"> ohne Keller </label> </div> </div> </div> <br> <!-- Dachform? --> <div class="card text-center" style="height: 11rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.5</strong> Dachform</h5> <p class="card-text">Welche Dachform hat das Gebäude?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Dachform Bestand" value="Steildach" id="Dachform Bestand" autocomplete="off"> Steildach </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Dachform Bestand" value="Flachdach" id="Dachform Bestand" autocomplete="off"> Flachdach </label> </div> </div> </div> <br> <!-- Anzahl Aufzüge? --> <div class="card text-center" style="height: 13rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.7</strong> Anzahl </h5> <p class="card-text">Wie viele Aufzugschächte<br> möchten Sie anfragen?</p> <div align="center"> <input type="text" style="width:3rem;; text-align:center;" class="form-control border-primary" name="Aufzugsanzahl" id="Aufzugsanzahl" placeholder="1" autocomplete="off"> </div> </div> </div> <br> </div> <!--Ende Column--> <div class="col-sm"> <!--Geschosshöhen INPUT--> <div class="card text-center" style="min-height:13rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.3</strong> Geschosshöhen <a tabindex="0" role="button" class="badge badge-pill badge-success" data-toggle="popover" data-placement="bottom" data-trigger="focus" title="Wie messe ich die Geschosshöhen?" data-content="Die Geschosshöhe ist das lotrechte Maß zwischen dem fertigen Fußboden eines Geschoßes bis zum fertigen Fußboden des darüberliegenden Geschoßes.">INFO</a> </h6></h5> <p class="card-text">Kennen Sie die Geschosshöhen?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="bekannt" id="1.7" value="Ja" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="bekannt" id="1.7" value="Nein" autocomplete="off"> Nein </label> </div> <div id="172" class="collapse"><br> <h6>Bitte tragen Sie die Geschosshöhen ein:</h6> <div id="172KG" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text input-sm" style="width:60px">KG</div> </div> <input type="text" class="form-control" id="Höhe KG" name="Höhe in cm" placeholder="Kellergeschoss"> </div> </div> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">EG</div> </div> <input type="text" class="form-control" id="Höhe EG" name="Höhe EG" placeholder="Höhe in cm"> </div> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">1.OG</div> </div> <input type="text" class="form-control" id="Höhe 1.OG" name="Höhe 1.OG" placeholder="Höhe in cm"> </div> <div id="172OG2" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">2.OG</div> </div> <input type="text" class="form-control" id="Höhe 2.OG" name="Höhe 2.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG3" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">3.OG</div> </div> <input type="text" class="form-control" id="Höhe 3.OG" name="Höhe 3.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG4" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">4.OG</div> </div> <input type="text" class="form-control" id="Höhe 4.OG" name="Höhe 4.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG5" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">5.OG</div> </div> <input type="text" class="form-control" id="Höhe 5.OG" name="Höhe 5.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG6" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">6.OG</div> </div> <input type="text" class="form-control" id="Höhe 6.OG" name="Höhe 6.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG7" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">7.OG</div> </div> <input type="text" class="form-control" id="Höhe 7.OG" name="Höhe 7.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG8" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px" >8.OG</div> </div> <input type="text" class="form-control" id="Höhe 8.OG" name="Höhe 7.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OG9" class="collapse"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text" style="width:60px">9.OG</div> </div> <input type="text" class="form-control" id="Höhe 9.OG" name="Höhe 9.OG" placeholder="Höhe in cm"> </div> </div> <div id="172OGweitere" class="collapse"> <div class="input-group" style="width: 100%;"> <textarea class="form-control" style="width: 100%;" placeholder="Geschosszahl und Höhe in cm"></textarea> </div> </div> </div> <div id="171" class="collapse"><br> Ok! Kein Problem! </div> </div> </div> <br> </div><!--Ende Column--> </div><!--Ende ROW--> </div><!--Ende Container--> <div class="bggb2"> <div class="container"><br> <div><h5><strong>2.1</strong> Bitte wählen Sie einen Aufzugstyp</h5></div><br> <div class="row"> <div class="col-sm-8"> <div class="row"> <div class="col-sm-6"> <div id="cardtyp1.1" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 1.1</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht ohne Vorraum</li> <li class="list-group-item">Anschluss an das Zwischenpodest der Bestandstreppe</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 1.1" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div> <br> <div id="cardtyp1.2" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 1.2</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht ohne Vorraum</li> <li class="list-group-item">Grundrissänderung</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 1.2" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div><br> </div> <div class="col-sm-6"> <div id="cardtyp2.1" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 2.1</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht mit Vorraum</li> <li class="list-group-item">Anschluss an das Zwischenpodest der Bestandstreppe</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 2.1" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div><br> <div id="cardtyp2.2" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 2.2</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht mit Vorraum</li> <li class="list-group-item">Grundrissänderung</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 2.2" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div> </div> <div class="col-12"> <br> <div id="cardsondertyp" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>SONDERTYP</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht mit Vorraum</li> <li class="list-group-item">Grundrissänderung</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Sondertyp" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div><br> </div> </div> </div> <div class="col-sm-4"> <div id="cardtyp3.1" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 3.1</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht mit Austausch der Treppen</li> <li class="list-group-item">Gerader Treppenlauf</li> <li class="list-group-item">Anschluss des Aufzugs an das Hauptpodest</li> <li class="list-group-item">Keine Stufen zwischen Aufzug und Etage</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 3.1" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div><br> <div id="cardtyp3.2" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>TYP 3.2</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">Außenaufzug</li> <li class="list-group-item">Aufzugschacht mit Austausch der Treppen</li> <li class="list-group-item">Gewendelter Treppenlauf</li> <li class="list-group-item">Anschluss des Aufzugs an das Hauptpodest</li> <li class="list-group-item">Keine Stufen zwischen Aufzug und Etage</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugstyp" value="Typ 3.2" id="Aufzugstyp"> Auswählen </label> </div> </ul> </div> </div> </div> </div><!--Ende Row--> <div class="collapse" id="zweizweiunddrei"> <!-- COLLAPSE 2.2 & 2.3--> <br><h5><strong>2.2</strong> Bitte wählen Sie den Kabinentyp des Aufzugs.</h5><br> <div class="row"><!-- Start Row--> <div class="col-sm"> <div class="collapse" id="FL" name="Frontlader"> <!--COLLAPSE FL--> <div id="FLcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Frontlader</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugsbauweise" value="FL" id="Aufzugsbauweise"> Auswählen </label> </div> </ul> </div> </div> </div> </div> <div class="col-sm"> <div class="collapse" id="DL" name="Durchlader"> <!--COLLAPSE DL--> <div id="DLcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Durchlader</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugsbauweise" value="DL" id="Aufzugsbauweise"> Auswählen </label> </div> </ul> </div> </div> </div> </div> <div class="col-sm"> <div class="collapse" id="EL" name="Ecklader"> <!--COLLAPSE EL--> <div id="ELcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Ecklader</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Aufzugsbauweise" value="EL" id="Aufzugsbauweise"> Auswählen </label> </div> </ul> </div> </div> </div> </div> </div><!--Ende Row--> <br><h5><strong>2.3.</strong> Welche Eingangsgestaltung wünschen Sie?</h5><br> <div class="row"><!-- Start Row--> <div class="col-sm"> <div class="collapse" id="EV" name="Einfaches Vordach"> <!--COLLAPSE EV--> <div id="EVcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Einfaches Vordach</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Eingangsbauwerk" value="EV" id="Eingangsbauwerk"> Auswählen </label> </div> </ul> </div> </div> </div> </div> <div class="col-sm"> <div class="collapse" id="MV" name="Massives Vordach"> <!--COLLAPSE MV--> <div id="MVcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Massives Vordach</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Eingangsbauwerk" value="MV" id="Eingangsbauwerk"> Auswählen </label> </div> </ul> </div> </div> </div> </div> <div class="col-sm"> <div class="collapse" id="EIG" name="Eingangsbauwerk"> <!--COLLAPSE EIG--> <div id="EIGcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Massives Eingangsbauwerk</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Eingangsbauwerk" value="EIG" id="Eingangsbauwerk"> Auswählen </label> </div> </ul> </div> </div> </div> </div> <div class="col-sm"> <div class="collapse" id="OHNEEIG" name="Eingangsbauwerk"> <!--COLLAPSE EIG--> <div id="OHNEEIGcard" class="card text-center"> <div class="card-body"><small> <h5 class="card-title"><strong>Ohne Eingangsbauwerk</strong></h5> <ul class="list-group list-group-flush"> <li class="list-group-item">1</li> <li class="list-group-item">2</li> <li class="list-group-item">3</li></small> <div class="btn-group-toggle"> <label class="btn btn-outline-primary"> <input type="radio" name="Eingangsbauwerk" value="OHNEEIG" id="Eingangsbauwerk"> Auswählen </label> </div> </ul> </div> </div> </div> </div> </div><!--Ende Row--> </div> </div><!--Ende Container--> <div class="bggb3"> <div class="container"><br> <div> <!--Innenmaße Konfigurator--> <br><h5><strong>2.4</strong> Bitte tragen Sie die Innenmaße des Aufzugschachts ein. <a tabindex="0" role="button" class="badge badge-pill badge-success" data-toggle="popover" data-placement="bottom" data-trigger="focus" title="Welche Maße können aktuell kombiniert werden?" data-content="Die Maße können frei miteinander kombiniert werden. Quadratische Maße sind nur in den Größen 1,50m x 1,50m, 1,60m x 1,60m und 1,80m x 1,80m verfügbar.">INFO</a></h5><br> <div class="card text-center" style="min-height:13rem; width: 100%;"> <div class="card-body"> <div class="row"> <div class="col-sm"> <label for="breite"><strong>Schachtbreite</strong></label> <select class="form-control border-primary" id="schachtbreite" name="Breite in Metern"> <option value="Breite"> Breite </option> <option value="1,45 m"> 1,45 m </option> <option value="1,50 m"> 1,50 m </option> <option value="1,55 m"> 1,55 m </option> <option value="1,60 m"> 1,60 m </option> <option value="1,65 m"> 1,65 m </option> <option value="1,74 m"> 1,75 m </option> <option value="1,80 m"> 1,80 m </option> <option value="1,95 m"> 1,95 m </option> <option value="2,00 m"> 2,00 m </option> <option value="2,05 m"> 2,05 m </option> <option value="2,40 m"> 2,40 m </option> <option value="2,75 m"> 2,75 m </option> <option value="Eigene Breite"> Textfeldeingabe (grünes Feld) </option> </select> <label><br>Schachtbreite nicht dabei? <br>Tragen Sie hier die gewünschte <strong>Schachtbreite</strong> ein.</label> <input type="text" aria-label="Kundenmaß Breite" class="form-control border-primary" name="Kundenwunsch Breite" id="kwbreite"></input> </div> <div class="col-sm"> <label for="länge"><strong>Schachtlänge</strong></label> <select class="form-control border-primary" id="schachtlänge" name="Länge in Metern"> <option value="Länge"> Länge </option> <option value="1,45 m"> 1,45 m </option> <option value="1,50 m "> 1,50 m </option> <option value="1,55 m"> 1,55 m </option> <option value="1,60 m "> 1,60 m </option> <option value="1,65 m"> 1,65 m </option> <option value="1,74 m"> 1,75 m </option> <option value="1,80 m "> 1,80 m </option> <option value="1,95 m"> 1,95 m </option> <option value="2,00 m"> 2,00 m </option> <option value="2,05 m"> 2,05 m </option> <option value="2,40 m"> 2,40 m </option> <option value="2,75 m"> 2,75 m </option> <option value="Eigene Länge"> Textfeldeingabe (grünes Feld) </option> </select> <label><br>Schachtlänge nicht dabei? <br> Tragen Sie hier die gewünscht <strong>Schachtlänge</strong> ein.</label> <input type="text" aria-label="Kundenmaß Breite" class="form-control border-primary" name="Kundenwunsch Länge" id="kwlänge"></input> </div> </div> <div id="platzhalterquadratachtung"></div> </div> </div> </div><br> </div><!--Ende Container--> <div class="bggb4"> <div class="container"><br> <div class="row"> <!-- Start Row --> <div class="col-sm"> <!-- Aufzugsbauer Abfrage--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.1</strong> Aufzugs-Hersteller </h5> <p class="card-text">Ist bereits ein Hersteller <br> für den Aufzug vorgesehen?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Aufzugshersteller vorhanden" value="Ja" id="Aufzugsherstellervorhanden" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Aufzugshersteller vorhanden" value="Nein" id="Aufzugsherstellervorhanden" autocomplete="off"> Nein </label> </div> <div id="Aufzugshersteller" class="collapse"><br> <input type="text" class="form-control" id="Aufzugsherstellername" name="Aufzugshersteller" placeholder="Aufzugshersteller eintragen"> </div> </div> </div> <br> <!--Variantenuntersuchung--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.2</strong> Variantenuntersuchung </h5> <p class="card-text">Wünschen Sie eine Variantenuntersuchung?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Variantenuntersuchung" value="Ja" id="Variantenuntersuchung" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Variantenuntersuchung" value="Nein" id="Variantenuntersuchung" autocomplete="off"> Nein </label> </div> </div> </div> <br> <!--Ortstermin--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.3</strong> Vor-Ort Termin</h5> <p class="card-text">Wünschen Sie einen Termin am geplanten Bauobjekt?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Vor-Ort Termin" value="Ja" id="VorOrtTermin" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Vor-Ort Termin" value="Nein" id="VorOrtTermin" autocomplete="off"> Nein </label> </div> </div> </div> <br> <!--Entwurfsplanung--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.4</strong> Entwurfsplanung</h5> <p class="card-text">Liegt eine Entwurfsplanung vor?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Entwurfsplanung" value="Ja" id="Entwurfsplanung" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Entwurfsplanung" value="Bitte anbieten" id="Entwurfsplanung" autocomplete="off"> Bitte anbieten </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Entwurfsplanung" value="Nicht gewünscht" id="Entwurfsplanung" autocomplete="off"> Nicht gewünscht </label> </div> </div> </div> <br> </div><!--Ende Column--> <div class="col-sm"> <!--Genehmigungsplanung --> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.5</strong> Genehmigungsplanung</h5> <p class="card-text">Liegt eine Genehmigungsplanung vor?</p><br> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Genehmigungsplanung" value="liegt vor" id="Genehmigungsplanung" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Genehmigungsplanung" value="bitte anbieten" id="Genehmigungsplanung" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> <!--Qualifiziertes Aufmaß des Bestandsgebäudes--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.6</strong> Qualifiziertes Aufmaß</h5> <p class="card-text">Liegt ein qualifiziertes Aufmaß vor?</p><br> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Qualifiziertes Aufmaß" value="Ja" id="QualAufmaß" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Qualifiziertes Aufmaß" value="Bitte anbieten" id="QualAufmaß" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> <!--Ausführungsplanung--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.7</strong> Ausführungsplanung </h5> <p class="card-text">Liegt eine Ausführungsplanung vom Aufzugschacht vor?</p> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Ausführungsplanung" value="Ja" id="Ausführungsplanung" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Ausführungsplanung" value="Bitte anbieten" id="Ausführungsplanung" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> <!--Statik--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.8</strong> Statik <a tabindex="0" role="button" class="badge badge-pill badge-success" data-toggle="popover" data-placement="bottom" data-trigger="focus" title="Fertigteil- und Ortbetonstatik" data-content="Für die Fertigteilplanung benötigen wir für unser System eine spezielle Fertigteilstatik. Diese wird durch uns erstellt und ggf. an den Prüfstatiker übersandt. Eine Ortbetonstatik ist nicht erforderlich.">INFO</a></h5> <p class="card-text">Liegt eine Statik vor?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Statik" value="Ja" id="Statik" autocomplete="off">Ortbetonstatik liegt vor! <br> Bitte umbemessen </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Statik" value="Bitte anbieten" id="Statik" autocomplete="off"> Bitte Fertigteilstatik anbieten </label> </div> </div> </div> <br> </div> <!--Ende Col--> <div class="col-sm"> <!--Brandschutznachweis--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.9</strong> Brandschutznachweis</h5> <p class="card-text">Liegt ein Brandschutznachweis vor?</p><br> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Brandschutznachweis" value="Ja" id="Brandschutznachweis" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Brandschutznachweis" value="Bitte anbieten" id="Brandschutznachweis" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> <!--Baugrundgutachten--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.10</strong> Baugrundgutachten</h5> <p class="card-text">Liegt ein Baugrundgutachten vor?</p><br> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Baugrundgutachten" value="Ja" id="Baugrundgutachten" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Baugrundgutachten" value="Bitte anbieten" id="Baugrundgutachten" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> <!--Prüfstatik--> <div class="card text-center"> <div class="card-body"> <h5 class="card-title"><strong>3.11</strong> Prüfstatik</h5> <p class="card-text">Soll eine Prüfstatik erstellt werden?</p><br> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Prüfstatik" value="Nicht erforderlich" id="Prüfstatik" autocomplete="off"> Liegt vor </label> <label class="btn btn-outline-primary btn-sm"> <input type="radio" name="Prüfstatik" value="Erforderlich" id="Prüfstatik" autocomplete="off"> Bitte anbieten </label> </div> </div> </div> <br> </div><!--Ende Col--> </div><!-- Ende Row --> </div><!--Ende Container--> <div class="bggb5"> <div class="container"><br> <!--Kontaktadresse und Baustellenadresse--> <div class="form-row"> <div class="col"> <div class="form-group"> <label for="Vorname" style="color:white;">Vorname</label> <input type="text" class="form-control" name="Vorname" placeholder="Vorname"><br> <label for="Vorname" style="color:white;">Telefonnummer</label> <input type="text" class="form-control" name="Telefonnummer" placeholder="Telefonnummer"> </div> </div> <div class="col"> <div class="form-group"> <label for="Nachname" style="color:white;">Nachname</label> <input type="text" class="form-control" name="Nachname" placeholder="Nachname"><br> <label for="Nachname" style="color:white;">E-Mail</label> <input type="text" class="form-control" name="E-Mail" placeholder="E-Mail Adresse"> </div> </div> </div> <div class="form-row"> <div class="col-6"> <div class="form-group"> <label for="Kontaktadresse" style="color:white;">Kontaktadresse</label> <input type="text" class="form-control" name="Straße Kontakt" placeholder="Straße"> </div> <div class="input-group"> <input type="text" class="form-control" name="Stadt Kontakt" placeholder="Stadt"> <input type="text" class="form-control" name="PLZ Kontakt" placeholder="PLZ"> </div> </div> <div class="col-6"> <div class="form-group"> <label for="Kontaktadresse" style="color:white;">Baustellenadresse</label> <input type="text" class="form-control" name="Straße Baustelle" placeholder="Straße"> </div> <div class="input-group"> <input type="text" class="form-control" name="Stadt Baustelle" placeholder="Stadt"> <input type="text" class="form-control" name="PLZ Baustelle" placeholder="PLZ"> </div><br> </div><div><button type="submit" class="btn btn-success">Anfrage absenden!</button></div> </div> </form><br> </div><!--Ende Container--> </div> </body> </html> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js" integrity="sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvShjr74PBp" crossorigin="anonymous"></script> <script src="https://aufzug.menzel-beton.de/js/tooltip.js"></script> <script src="https://aufzug.menzel-beton.de/js/popover.js"></script> <script>/*JAVASCRIPT für Geschosshöhen*/ $(document).ready(function() { $('input[name="bekannt"]:radio').change(function(Geschosshöhe) { let value = Geschosshöhe.target.value.trim() switch (value) { case 'Ja': $('#171').hide(); $('#172').show(); break; case 'Nein': $('#172').hide(); $('#171').show(); break; } }) }) $(document).ready(function() { $('input[name="Keller vorhanden"]:radio').change(function(Kellervorhanden) { let value = Kellervorhanden.target.value.trim() switch (value) { case 'Ja': $('#172KG').show(); break; case 'Nein': $('#172KG').hide(); break; } }) }) $(document).ready(function() { document.getElementById("geschossanz").onchange = function(){ var geschossanz = document.getElementById("geschossanz").value; switch(geschossanz) { case "2 Geschosse": $('#172OG2').hide(); $('#172OG3').hide(); $('#172OG4').hide(); $('#172OG5').hide(); $('#172OG6').hide(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "3 Geschosse": $('#172OG2').show(); $('#172OG3').hide(); $('#172OG4').hide(); $('#172OG5').hide(); $('#172OG6').hide(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "4 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').hide(); $('#172OG5').hide(); $('#172OG6').hide(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "5 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').hide(); $('#172OG6').hide(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "6 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').hide(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "7 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').show(); $('#172OG7').hide(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "8 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').show(); $('#172OG7').show(); $('#172OG8').hide(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "9 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').show(); $('#172OG7').show(); $('#172OG8').show(); $('#172OG9').hide(); $('#172OGweitere').hide(); break; case "10 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').show(); $('#172OG7').show(); $('#172OG8').show(); $('#172OG9').show(); $('172OGG10').hide(); $('#172OGweitere').val(''); break; case "Mehr als 10 Geschosse": $('#172OG2').show(); $('#172OG3').show(); $('#172OG4').show(); $('#172OG5').show(); $('#172OG6').show(); $('#172OG7').show(); $('#172OG8').show(); $('#172OG9').show(); $('#172OGweitere').show(); break; }}}) </script> <script>/*JAVASCRIPT für Aufzugshersteller*/ $(document).ready(function() { $('input[name="Aufzugshersteller vorhanden"]:radio').change(function(hersteller) { let value = hersteller.target.value.trim() switch (value) { case 'Ja': $('#Aufzugshersteller').show(); break; case 'Nein': $('#Aufzugshersteller').hide(); break; } }) }) </script> <script>/*JAVASCRIPT für Aufzugstyp*/ $(document).ready(function() { $('input[name="Aufzugstyp"]:radio').change(function(Aufzugstyp) { let value = Aufzugstyp.target.value.trim() var typeinseins = document.getElementById("cardtyp1.1"); var typeinszwei = document.getElementById("cardtyp1.2"); var typzweieins = document.getElementById("cardtyp2.1"); var typzweizwei = document.getElementById("cardtyp2.2"); var typdreieins = document.getElementById("cardtyp3.1"); var typdreizwei = document.getElementById("cardtyp3.2"); var sondertyp = document.getElementById("cardsondertyp"); switch (value) { case "Typ 1.1": typeinseins.setAttribute("style", "border: 5px solid blue;"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center"); $('#FL').show(); $('#DL').hide(); $('#EL').hide(); $('#EV').show(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Typ 1.2": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center border-primary"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center"); $('#FL').hide(); $('#DL').show(); $('#EL').show(); $('#EV').show(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Typ 2.1": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center border-primary"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center"); $('#FL').show(); $('#DL').hide(); $('#EL').hide(); $('#EV').hide(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Typ 2.2": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center border-primary"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center"); $('#FL').hide(); $('#DL').show(); $('#EL').show(); $('#EV').show(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Typ 3.1": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center border-primary"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center"); $('#FL').show(); $('#DL').show(); $('#EL').show(); $('#EV').hide(); $('#MV').hide(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Typ 3.2": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center border-primary"); sondertyp.setAttribute("class", "card text-center"); $('#FL').show(); $('#DL').show(); $('#EL').show(); $('#EV').show(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; case "Sondertyp": typeinseins.setAttribute("class", "card text-center"); typeinszwei.setAttribute("class", "card text-center"); typzweieins.setAttribute("class", "card text-center"); typzweizwei.setAttribute("class", "card text-center"); typdreieins.setAttribute("class", "card text-center"); typdreizwei.setAttribute("class", "card text-center"); sondertyp.setAttribute("class", "card text-center border-primary"); $('#FL').show(); $('#DL').show(); $('#EL').show(); $('#EV').show(); $('#MV').show(); $('#EIG').show(); $('#OHNEEIG').show(); $('#zweizweiunddrei').show(); break; } }) }) </script> <script>/*JAVASCRIPT für Aufzugsbauweise*/ $(document).ready(function() { $('input[name="Aufzugsbauweise"]:radio').change(function(Aufzugsbauweise) { let value = Aufzugsbauweise.target.value.trim() var FL = document.getElementById("FLcard"); var DL = document.getElementById("DLcard"); var EL = document.getElementById("ELcard"); switch (value) { case "FL": FL.setAttribute("class", "card text-center border-primary"); DL.setAttribute("class", "card text-center"); EL.setAttribute("class", "card text-center"); break; case "DL": FL.setAttribute("class", "card text-center"); DL.setAttribute("class", "card text-center border-primary"); EL.setAttribute("class", "card text-center"); break; case "EL": FL.setAttribute("class", "card text-center"); DL.setAttribute("class", "card text-center"); EL.setAttribute("class", "card text-center border-primary"); break; } }) }) </script> <script>/*JAVASCRIPT für Eingangsbauwerk*/ $(document).ready(function() { $('input[name="Eingangsbauwerk"]:radio').change(function(Eingangsbauwerk) { let value = Eingangsbauwerk.target.value.trim() var EV = document.getElementById("EVcard"); var MV = document.getElementById("MVcard"); var EIG = document.getElementById("EIGcard"); var OHNEEIG = document.getElementById("OHNEEIGcard"); switch (value) { case "EV": EV.setAttribute("class", "card text-center border-primary"); MV.setAttribute("class", "card text-center"); EIG.setAttribute("class", "card text-center"); OHNEEIG.setAttribute("class", "card text-center"); break; case "MV": EV.setAttribute("class", "card text-center"); MV.setAttribute("class", "card text-center border-primary"); EIG.setAttribute("class", "card text-center"); OHNEEIG.setAttribute("class", "card text-center"); break; case "EIG": EV.setAttribute("class", "card text-center"); MV.setAttribute("class", "card text-center"); EIG.setAttribute("class", "card text-center border-primary"); OHNEEIG.setAttribute("class", "card text-center"); break; case "OHNEEIG": EV.setAttribute("class", "card text-center"); MV.setAttribute("class", "card text-center"); EIG.setAttribute("class", "card text-center"); OHNEEIG.setAttribute("class", "card text-center border-primary"); break; } }) }) </script> <script>/*JAVASCRIPT für Schachtmaße*/ function functionkwbreite() { document.getElementById('kwbreite').placeholder = document.getElementById('schachtbreite').value; document.getElementById('kwlänge').placeholder = document.getElementById('schachtlänge').value; if (document.getElementById('kwbreite').value != '') {document.getElementById('schachtbreite').value= 'Eigene Breite';} else {} if (document.getElementById('kwlänge').value != '') {document.getElementById('schachtlänge').value= 'Eigene Länge';} else {} } function check(){ if (document.getElementById('schachtbreite').value == document.getElementById('schachtlänge').value) { $('#platzhalterquadratachtung').html('<br><div class="alert alert-warning fade show" data-auto-dismiss="5000"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>Aktuell stehen leider nur die quadratischen Maße <strong>1,50m x 1,50m, 1,60m x 1,60m und 1,80m x 1,80m</strong> zur Verfügung<br>Alle anderen Maße können frei kombiniert werden.</div>'); document.getElementById('schachtlänge').value = 'Länge'; document.getElementById('schachtbreite').value = 'Breite'; } } var selectElems = document.getElementsByTagName('select'); for (var i=0,len=selectElems.length;i<len;i++){ selectElems[i].onchange = function(){ check(); functionkwbreite(); }; } </script>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more