form style added

assets/css/style.css

@@ -6,8 +6,8 @@
  */
 @font-face {
   font-family: "icomoon";
-  src: url("../fonts/icomoon.eot?uuobvse");
-  src: url("../fonts/icomoon.eot?uuobvse#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?uuobvse") format("truetype"), url("../fonts/icomoon.woff?uuobvse") format("woff"), url("../fonts/icomoon.svg?uuobvse#icomoon") format("svg");
+  src: url("../fonts/icomoon.eot?uuobvtk");
+  src: url("../fonts/icomoon.eot?uuobvtk#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?uuobvtk") format("truetype"), url("../fonts/icomoon.woff?uuobvtk") format("woff"), url("../fonts/icomoon.svg?uuobvtk#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
@@ -12654,6 +12654,12 @@ a.ch-ggs-web-suite-cta-box {
   margin-top: 80px;
 }
 
+.ch-ggs-btns {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
 @media (min-width: 576px) {
   .ch-ggs-web-suite-landing-section-hero {
     background-image: linear-gradient(270deg, rgba(201, 85, 217, 0.3) 0%, #8D3E97 100%), url("../img//hero-sm.jpg");

index.php

@@ -136,7 +136,51 @@
 		</div>
 	</div>
 </section>
-        		
+
+<section>
+	<div class="container">
+		<div class="row">
+			<div class="<?php echo $GLOBALS['offsetClass'] ?>">
+				<h2>Formularstile</h2>
+
+				<div class="mb-3">
+					<label for="form-select" class="form-label">Select</label>
+					<select id="form-select" class="form-select" aria-label="Default select example">
+						<option selected>Open this select menu</option>
+						<option value="1">One</option>
+						<option value="2">Two</option>
+						<option value="3">Three</option>
+					</select>
+				</div>
+
+
+
+				<div class="mb-3">
+					<label for="exampleFormControlInput1" class="form-label">Email address</label>
+					<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
+				</div>
+				<div class="mb-3">
+					<label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
+					<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+				</div>
+
+
+				<div class="ch-ggs-btns">
+					<button class="btn btn-primary">speichern</button>
+					<button class="btn btn-outline-primary">abbrechen</button>
+				</div>
+
+				<p class="small text-secondary mt-4">
+					* Pflichtfeld
+				</p>
+
+			</div>
+		</div>
+	</div>
+</section>
+
+
+
 <?php /* END: Main Includes Content */ ?>
 
 <?php include('_inc/_footer-suite-start.php') ?>

src-ui/scss/_project.scss

@@ -1426,6 +1426,13 @@ a.ch-ggs-web-suite-cta-box {
 	margin-top: 80px;
 }
 
+.ch-ggs-btns {
+  display: flex;
+  flex-wrap: wrap;
+  gap: $grid-gutter-width*.5;
+}
+
+
 @include media-breakpoint-up(sm) {
 	.ch-ggs-web-suite-landing-section-hero {
 		background-image: linear-gradient(270deg, rgba(201,85,217,0.30) 0%, #8D3E97 100%), url('#{$image}/hero-sm.jpg');

src-ui/scss/style.scss

@@ -31,7 +31,7 @@
 @import "../node_modules/bootstrap/scss/buttons";
 @import "../node_modules/bootstrap/scss/transitions";
 @import "../node_modules/bootstrap/scss/dropdown";
-// @import "../node_modules/bootstrap/scss/button-group";
+ //@import "../node_modules/bootstrap/scss/button-group";
 //@import "../node_modules/bootstrap/scss/input-group"; // bs 5.x no longer
 //@import "../node_modules/bootstrap/scss/custom-forms"; // bs 5.x no longer
 @import "../node_modules/bootstrap/scss/nav";