<!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">
<title>Menzel Aufzugschacht-Konfigurator</title>
</head>
<body>
<div class="container-fluid">
<br>
<div class="container"> <!--Start Container-->
<div class="row">
<div class="col-sm">
<!-- 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--> <hr/>
<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><hr/><!--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-->
<hr/><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><hr/><!--Ende Row-->
</div>
<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>
</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>
</div>
</div>
<div><br>
<label>Schachtbreite nicht dabei? Tragen Sie hier die gewünschte <strong>Schachtbreite</strong> ein.</label>
<div class="input-group">
<input type="text" aria-label="Kundenmaß Breite" class="form-control border-primary" name="Kundenwunsch Breite" id="kwbreite"></input>
</div> <hr>
<label>Schachtlänge nicht dabei? Tragen Sie hier die gewünscht <strong>Schachtlänge</strong> ein.</label>
<div class="input-group">
<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 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><hr/><!-- Ende Row -->
<!--Kontaktadresse und Baustellenadresse-->
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Vorname">Vorname</label>
<input type="text" class="form-control border-primary" name="Vorname" id="Vorname" placeholder="Vorname">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Nachname">Nachname</label>
<input type="text" class="form-control border-primary" name="Vorname" id="Vorname" placeholder="Vorname">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="form-group">
<label for="Kontaktadresse">Kontaktadresse</label>
<input type="text" class="form-control border-primary" name="Kontaktadresse" id="Vorname">
</div>
<div class="col-4">
<label for="StadtKontakt">Stadt</label>
<input type="text" class="form-control border-primary" name="StadtKontakt" id="StadtKontakt">
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Vorname</label>
<input type="text" class="form-control" id="Vorname" placeholder="Vorname">
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">Nachname</label>
<input type="text" class="form-control" id="Nachname" placeholder="Nachname">
</div>
</div>
<div class="form-group">
<label for="inputAddress">Kontaktadresse</label>
<input type="text" class="form-control" id="Adresse Auftraggeber" placeholder="Adresse">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="StadtAuftraggeber">Stadt</label>
<input name="Stadt Auftraggeber" type="text" class="form-control" id="StadtAuftraggeber">
</div>
<div class="form-group col-md-2">
<label for="Postleitzahl">Postleitzahl</label>
<input type="text" class="form-control" id="Postleitzahl">
</div>
</div>
</div><!--Ende Container-->
</div>
<!-- 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("class", "card text-center border-primary");
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>
</body>
</html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more
