<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 data-form-id="10" data-form-design="{&quot;buttonBackground&quot;:&quot;#4d32a3&quot;,&quot;buttonBorderRadius&quot;:0}" class="form-container"><div style="padding: 10px; text-align: left; width: 100%; font-size: 14px; font-family: inherit;" id="danke-10">
    <form action="#danke-10" method="post">
      <input class="form-control mail mail2" name="confirm_mail_2" tabindex="-1" autocomplete="“off“/">
      <div class="form-group mb-3">
      <label class="form-label mb-0" style=""></label>
      <input class="form-control" style="" name="sur_name" type="text" placeholder="Vorname">
    </div><div class="form-group mb-3">
      <label class="form-label mb-0" style=""></label>
      <input class="form-control" style="" name="email" type="email" placeholder="Mail" 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 class="mb-3" style=""><p>Ja, ich möchte regelmäßig Neuigkeiten von ContentPepper an die angegebene E-Mail-Adresse erhalten. Ich kann diesen Service immer abbestellen. Weitere Informationen zum Abbestellen und dazu, wie wir deine Privatsphäre schützen, findest du in unseren <a href="https://www.contentpepper.com/datenschutz" rel="noopener noreferrer" target="_blank">Datenschutzbestimmungen</a>.</p></div><div style=""><input type="submit" style=" background-color: #4d32a3; border-width: 0px;" class="shadow-none btn btn-primary mb-3" name="submit" label="Abonnieren" value="Abonnieren"></div><div class="mb-3 feedback" style=""><p>Vielen Dank für die Anmeldung zum Newsletter. Wir haben dir eine E-Mail zugeschickt, in der du deine E-Mail-Adresse bestätigen kannst.</p></div>
    </form>
    <style type="text/css">
      
    </style>
  </div></div>
					</div>
				</div>
			</div>
		</div>
	</div>




Newsletter-Anmeldungen


		body {
			color: #000;
			background-color: #fff;
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
		}

		a {
			color: #0068a5;
		}

		* {
			box-sizing: border-box;
		}

		body,
		p {
			margin: 0;
		}

		.bee-row {
			position: relative;
		}

		.bee-row-content {
			max-width: 500px;
			margin: 0 auto;
		}

		.bee-row-content {
			display: flex;
			position: relative;
		}

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

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

		.bee-row-1 {
			background-repeat: no-repeat;
		}

		.bee-row-1 .bee-row-content {
			color: #000;
			background-repeat: no-repeat;
		}

		.bee-row-1 .bee-col-1 {
			padding-top: 5px;
			padding-bottom: 5px;
		}

		@media (max-width:520px) {

			.bee-row-content:not(.no_stack) {
				display: block;
			}
		}
	

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

@media (max-width:768px) {
  .bee-desktop_hide,
  .bee-form-row-multicolumn {
    display: block !important !important;
  }

  .bee-form form {
    width: 100% !important;
  }

  .bee-row-content:not(.no_stack) {
    display: block !important;
  }

  .bee-row-3 .bee-col-1,
  .bee-row-3 .bee-col-4 {
    padding: 5px 30px !important;
  }

  .bee-row-1 .bee-col-2 .bee-block-2,
  .bee-row-3 .bee-col-1 .bee-block-2,
  .bee-row-3 .bee-col-3 .bee-block-1,
  .bee-row-3 .bee-col-3 .bee-block-3,
  .bee-row-3 .bee-col-3 .bee-block-5,
  .bee-row-3 .bee-col-4 .bee-block-1,
  .bee-row-3 .bee-col-4 .bee-block-3 {
    text-align: center !important;
  }

  .bee-row-1 .bee-col-1 .bee-block-2 img {
    float: none !important;
    margin: 0 auto !important;
  }

  .bee-row-3 .bee-col-1 .bee-block-1 {
    padding: 10px !important;
    text-align: center !important;
  }
}

.bee-row-3 .bee-col-4 .bee-block-2 input:not([type=checkbox]):not([type=radio]):focus {
  outline-color: #3aaee0;
}

div.bee-header{box-sizing: border-box; background-color: #fff; color: #000; font-family: Helvetica Neue, Helvetica, Arial, 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,
  .bee-mobile_hide {
    display: none !important;
  }

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

  .bee-row-1 .bee-col-3 .bee-block-1 {
    text-align: right !important;
  }

  .bee-row-1 .bee-col-2 .bee-block-2,
  .bee-row-1 .bee-col-3 .bee-block-1 .bee-button-content,
  .bee-row-1 .bee-col-3 .bee-block-2,
  .bee-row-1 .bee-col-3 .bee-block-2 .bee-button-content {
    text-align: center !important;
  }

  .bee-row-1 .bee-col-1 .bee-block-1 img {
    float: left !important;
    margin: auto !important;
  }

  .bee-row-1 .bee-col-2 .bee-block-2 .bee-hamburger-controls {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
  }

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

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

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

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

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

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

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