<div class="bee-page-container">
		<div class="bee-row bee-row-1">
			<div class="bee-row-content">
				<div class="bee-col bee-col-1 bee-col-w12">
					<div class="bee-block bee-block-1 bee-html-block">
						<div 12="" 24="" data-form-id="4" data-form-design="{" blockpadding":"0","buttonpadding":"12="" 24","buttonfontweight":"bold"}"="" class="form-container">
							<div style="padding: 10px; text-align: left; width: 100%; font-size: 14px; font-family: inherit; padding: 0px;" id="danke-4">
								<form action="#danke-4" method="post">
									<div class="row">
										<div class="col">
											<div class="form-group mb-3">
												<label class="form-label mb-0" style="">Vorname</label>
												<input class="form-control" style="" name="sur_name" type="text" placeholder="Vorname">
											</div>
										</div>
										<div class="col">
											<div class="form-group mb-3">
												<label class="form-label mb-0" style="">Nachname</label>
												<input class="form-control" style="" name="last_name" type="text" placeholder="Nachname">
											</div>
										</div>
									</div>
									<div class="form-group mb-3">
										<label class="form-label mb-0" style="">Ihre E-Mail Adresse</label>
										<input class="form-control" style="" name="email" type="email" placeholder="Ihre E-Mail Adresse" required="true">
									</div>
									<div class="form-check mb-3">
										<input class="form-check-input" name="newsletter" type="checkbox" required="true">
										<label class="inline" style="">Newsletter abonnieren</label>
									</div>
									<div class="form-check mb-3">
										<input class="form-check-input" name="opt_in" type="checkbox" required="true">
										<label class="inline" style="">Datenschutzbestimmungen akzeptieren</label>
									</div>
									<div style=""><input type="submit" style=" font-weight: bold; padding: 12px 24px 12px 24px; border-width: 0px;" class="shadow-none btn btn-primary mb-3" name="submit" label="Jetzt anmelden" value="Jetzt anmelden"></div>
									<div class="mb-3 feedback" style="">
										<p>Vielen Dank für die Anmeldung zum Newsletter. Wir haben Ihnen eine E-Mail zugeschickt, in der Sie Ihre Adresse bestätigen können.</p>
									</div>
								</form>
								<style type="text/css">

								</style>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>




Newsletter Anmeldung Website Wissensbasis 


		.bee-html-block {
			text-align: center
		}

		.bee-row-1,
		.bee-row-1 .bee-row-content {
			background-repeat: no-repeat
		}

		body {
			background-color: #fff;
			color: #000;
			font-family: Lato, Tahoma, Verdana, Segoe, sans-serif
		}

		* {
			box-sizing: border-box
		}

		body,
		p {
			margin: 0
		}

		.bee-row {
			position: relative;
			overflow: hidden
		}

		.bee-row-content {
			max-width: 500px;
			width: 100%;
			float: left;
			display: flex;
			position: relative
		}

		.bee-row-content .bee-col-w12 {
			flex-basis: 100%
		}

		@media (max-width:520px) {
			.bee-row-content:not(.no_stack) {
				display: block
			}
		}

		.bee-row-1 {
			background-color: #d1bc8a
		}

		.bee-row-1 .bee-row-content {
			color: #000
		}

		.bee-row-1 .bee-col-1 {
			display: flex;
			flex-direction: column;
			justify-content: center
		}
	

div.bee-footer{box-sizing: border-box; background-color: #fff; color: #000; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; margin: 0;}

@media (max-width:520px) {
  .bee-row-content:not(.no_stack) {
    display: block !important;
  }
}

div.bee-header{box-sizing: border-box; background-color: #fff; color: #000; font-family: Lato, Tahoma, Verdana, Segoe, sans-serif; margin: 0;}

@media (max-width:768px) {
  .bee-menu ul.with-bee-hamburger {
    display: none !important;
    padding: 5px 0;
    position: relative;
    top: -4px;
  }

  .bee-menu ul.with-bee-hamburger li {
    display: block !important;
    text-align: center;
  }

  .bee-menu ul.with-bee-hamburger li a {
    text-decoration: none;
  }

  .bee-menu ul.with-bee-hamburger span {
    display: none !important;
  }

  #bee-hamburger-memu-r1c2m0:checked~ul,
  .bee-row-content:not(.no_stack) {
    display: block !important;
  }

  .bee-row-2 .bee-col-3 .bee-block-1 .bee-hamburger-controls {
    width: 36px;
    height: 36px;
    background-color: #d1cb8a;
    border-radius: 0;
  }

  .bee-row-2 .bee-col-3 .bee-block-1 .bee-hamburger-controls span {
    width: 18px;
    height: 18px;
  }

  .bee-row-2 .bee-col-3 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-open {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgd2lkdGg9IjY0IiB5PSI1MiIvPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiIHk9IjI2Ii8+PC9nPjwvc3ZnPg==");
    transform: translate(-50%, -50%) scaleY(1);
  }

  .bee-row-2 .bee-col-3 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNjc4IC0uNzA3MTA2NzggLjcwNzEwNjc4IC0uNzA3MTA2NzggMzEuOTkxMzc4IDc3LjIzNDAxOSkiIHdpZHRoPSI4MiIgeD0iLTkuMDA4NjIyIiB5PSIyNS45OTEzNzgiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDc3LjgxOTgwNiAzMi4yMzQwMTkpIiB3aWR0aD0iODIiIHg9Ii04Ljc2NTk4MSIgeT0iMjYuMjM0MDE5Ii8+PC9nPjwvc3ZnPg==");
    transform: translate(-50%, -50%) scaleY(0);
  }

  .bee-row-2 .bee-col-3 .bee-block-1 ul.with-bee-hamburger {
    background-color: #d1cb8a;
  }

  .bee-row-2 .bee-col-3 .bee-block-1 ul.with-bee-hamburger li,
  .bee-row-2 .bee-col-3 .bee-block-1 ul.with-bee-hamburger li a {
    color: #fff !important;
  }

  #bee-hamburger-memu-r1c2m0:checked~.bee-hamburger-controls .bee-hamburger-open {
    transform: translate(-50%, -50%) scaleY(0);
  }

  #bee-hamburger-memu-r1c2m0:checked~.bee-hamburger-controls .bee-hamburger-close {
    transform: translate(-50%, -50%) scaleY(1);
  }
}