Add Nuxt

app/assets/modal.css

@@ -0,0 +1,105 @@
+.modal {
+    margin: auto;
+    justify-content: center;
+    text-align: center;
+    position: fixed;
+    top: 0;
+    /* Positioniert das Modal oben im Viewport */
+    left: 0;
+    /* Positioniert das Modal links im Viewport */
+    right: 0;
+    /* Erweitert das Modal auf die gesamte Breite */
+    bottom: 0;
+    /* Erweitert das Modal auf die gesamte Höhe */
+    
+    /* Bringt das Modal in den Vordergrund */
+    
+    font-size: medium;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    z-index: 1000; 
+    display: flex;
+    background-color: rgba(255,255,255,0.5);
+    
+  }
+
+  .openBtn{
+    cursor: pointer;
+  }
+  .modal-content {
+    background-color: #ffffff;
+    /* Hintergrundfarbe des Inhalts */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+    /* Schatten */
+    border: none;
+    /* Entferne den Rahmen */
+    /* margin: 15% auto; */
+    
+    height: 100%;
+    padding: 20px;
+    border-radius: 10px;
+    width: 100%;
+    height: 70%;
+    margin-top: 5%;
+    max-width: 800px;
+    padding-top: 50px;
+    position: relative;
+  }
+
+	.modal-inner-content {
+    overflow-y: scroll;
+	}
+  .close, .closeBtn {
+    color: #4CAF50;
+    font-size: 28px;
+    font-weight: bold;
+    text-align: left;
+    width: 30px;
+    padding-left: 5px;
+    position: fixed;
+    z-index: 1234;
+    transform: translate(-5px, -40px);
+  }
+
+  .close:hover,
+  .close:focus, .closeBtn:hover, .closeBtn:focus {
+    color: red;
+    cursor: pointer;
+  }
+
+
+  /* @media (max-width: 768px) {
+
+    .modal {
+      max-width: 100vw;
+    }
+
+    .modal-content {
+      max-width: 100vw;
+    }
+  } */
+
+
+
+
+  #tippenIframeContainer{
+    height: 50vh;
+    display: none;
+    
+  }
+
+  iframe{
+    height: 100%;
+  }
+
+
+
+  .modalNichtScrollbar {
+    overflow-y: hidden;
+  }
+
+  .modal-content {
+    z-index: 1500;
+  }