:root {
  --bg-color: 255, 255, 255;
  --bg-color-1: 235, 235, 235;
  --bg-color-2: 247, 166, 0;
  --text-color: 36, 36, 36;
  --cp-color-1: 106, 155, 159;
  --cp-color-2: 199, 165, 78;
  --cp-color-3: 226, 203, 157;
  --cp-color-4: 13, 103, 156;
  --cp-color-5: 207, 37, 48;
  --cp-color-6: 240, 226, 197;
  --cp-color-7: 113, 35, 85;
  --cp-color-8: 48, 147, 204;
  --cp-color-8a: 48, 147, 204, 0.8;
  --cp-color-8d: 38, 122, 177;
  --cp-color-9: 186, 0, 17;
  --cp-color-9a: 186, 0, 17, 0.8;
}
.icon-arrow_down:before,
.icon-arrow_down_small:before,
.icon-arrow_left:before,
.icon-arrow_right:before,
.icon-arrow_up:before,
.icon-arrow_up_small:before,
.icon-close:before,
.icon-closeXXX:before,
.icon-document:before,
.icon-extern:before,
.icon-external:before,
.icon-facebook:before,
.icon-facebook2:before,
.icon-gebaerdensprache:before,
.icon-google:before,
.icon-ical:before,
.icon-instagram:before,
.icon-instagram_outline:before,
.icon-leichte_sprache:before,
.icon-lesezeit:before,
.icon-link:before,
.icon-linkedin:before,
.icon-links:before,
.icon-loading:before,
.icon-lupe:before,
.icon-mail:before,
.icon-navi:before,
.icon-phone:before,
.icon-print:before,
.icon-quotes:before,
.icon-rss:before,
.icon-spinner:before,
.icon-suche:before,
.icon-tick:before,
.icon-twitter:before,
.icon-typo3-message-error:before,
.icon-typo3-message-info:before,
.icon-typo3-message-ok:before,
.icon-vcard:before,
.icon-view:before,
.icon-xing:before,
.icon-youtube:before {
  font-family: 'icon';
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.icon-arrow_down:before {
  content: '\f101';
}
.icon-arrow_down_small:before {
  content: '\f102';
}
.icon-arrow_left:before {
  content: '\f103';
}
.icon-arrow_right:before {
  content: '\f104';
}
.icon-arrow_up:before {
  content: '\f105';
}
.icon-arrow_up_small:before {
  content: '\f106';
}
.icon-close:before {
  content: '\f107';
}
.icon-closeXXX:before {
  content: '\f108';
}
.icon-document:before {
  content: '\f109';
}
.icon-extern:before {
  content: '\f10a';
}
.icon-external:before {
  content: '\f10b';
}
.icon-facebook:before {
  content: '\f10c';
}
.icon-facebook2:before {
  content: '\f10d';
}
.icon-gebaerdensprache:before {
  content: '\f10e';
}
.icon-google:before {
  content: '\f10f';
}
.icon-ical:before {
  content: '\f110';
}
.icon-instagram:before {
  content: '\f111';
}
.icon-instagram_outline:before {
  content: '\f112';
}
.icon-leichte_sprache:before {
  content: '\f113';
}
.icon-lesezeit:before {
  content: '\f114';
}
.icon-link:before {
  content: '\f115';
}
.icon-linkedin:before {
  content: '\f116';
}
.icon-links:before {
  content: '\f117';
}
.icon-loading:before {
  content: '\f118';
}
.icon-lupe:before {
  content: '\f119';
}
.icon-mail:before {
  content: '\f11a';
}
.icon-navi:before {
  content: '\f11b';
}
.icon-phone:before {
  content: '\f11c';
}
.icon-print:before {
  content: '\f11d';
}
.icon-quotes:before {
  content: '\f11e';
}
.icon-rss:before {
  content: '\f11f';
}
.icon-spinner:before {
  content: '\f120';
}
.icon-suche:before {
  content: '\f121';
}
.icon-tick:before {
  content: '\f122';
}
.icon-twitter:before {
  content: '\f123';
}
.icon-typo3-message-error:before {
  content: '\f124';
}
.icon-typo3-message-info:before {
  content: '\f125';
}
.icon-typo3-message-ok:before {
  content: '\f126';
}
.icon-vcard:before {
  content: '\f127';
}
.icon-view:before {
  content: '\f128';
}
.icon-xing:before {
  content: '\f129';
}
.icon-youtube:before {
  content: '\f12a';
}
.newsletter {
  text-align: center;
  margin: 30px 15% 60px;
  /*
	.disclaimer {
		width: 600px;
		float: left;
		
		p {
			font: 400 14px/21px @body-font;
		}
		
	}
	*/
}
.newsletter #generalParsleyError {
  display: none !important;
}
.newsletter .intro {
  margin: 0 5% 30px;
}
.newsletter .intro p {
  font: 400 20px/28px 'CeraPro', sans-serif;
  padding-bottom: 24px;
}
.newsletter .fb_link {
  font: 400 20px/54px 'CeraPro', sans-serif;
  position: relative;
  padding: 0 69px 0 0;
  color: rgb(var(--text-color));
  display: inline-block;
}
.newsletter .fb_link:before {
  font-family: 'icon';
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.newsletter .fb_link:before {
  content: '\f10c';
}
.newsletter .fb_link:before {
  color: white;
  font-size: 28px;
  height: 54px;
  width: 54px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(var(--cp-color-2));
}
.newsletter .fb_link:hover {
  color: rgb(var(--cp-color-1));
}
.newsletter .fb_link:hover:before {
  background-color: rgb(var(--cp-color-1));
}
@media screen and (max-width: 959px) {
  .newsletter .fb_link {
    padding: 0 54px 0 0;
  }
  .newsletter .fb_link span {
    position: absolute;
    left: -10000em;
  }
}
.newsletter .ig_link {
  font: 400 20px/54px 'CeraPro', sans-serif;
  position: relative;
  padding: 0 69px 0 0;
  margin-left: 40px;
  color: rgb(var(--text-color));
  display: inline-block;
}
.newsletter .ig_link:before {
  font-family: 'icon';
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.newsletter .ig_link:before {
  content: '\f111';
}
.newsletter .ig_link:before {
  color: white;
  font-size: 28px;
  height: 54px;
  width: 54px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(var(--cp-color-2));
}
.newsletter .ig_link:hover {
  color: rgb(var(--cp-color-1));
}
.newsletter .ig_link:hover:before {
  background-color: rgb(var(--cp-color-1));
}
@media screen and (max-width: 959px) {
  .newsletter .ig_link {
    padding: 0 54px 0 0;
    margin-left: 5px;
  }
  .newsletter .ig_link span {
    position: absolute;
    left: -10000em;
  }
}
.newsletter .notice.error,
.newsletter .notice.success {
  width: 75%;
  margin: 0 auto 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.newsletter .form {
  text-align: center;
  /*
		margin: 0;
		float: left;
		width: 50%;
		*/
  float: none;
  width: 75%;
  margin: 0 auto 40px;
}
.newsletter .form .itemSplit {
  position: relative;
}
.newsletter .form input {
  padding: 13px 20px;
  font: 400 22px/26px 'CeraPro', sans-serif;
  border-radius: 0;
  background: rgb(var(--bg-color-1));
  background: rgba(199, 165, 78, 0.15);
  border: 1px solid rgb(var(--bg-color-1));
}
.newsletter .form label {
  display: none;
}
.newsletter .form .submit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto !important;
}
.newsletter .form .buttonXL {
  margin: 0;
  height: 54px;
  border-radius: 0;
  background: rgb(var(--cp-color-2));
  border: 0;
  padding: 0 40px;
}
.newsletter .form .buttonXL span {
  overflow: hidden;
  display: block;
  transition: width 200ms ease-out;
  font: 700 16px/26px 'CeraPro', sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.newsletter .form .buttonXL:before {
  left: 25px;
  top: 50%;
  margin-top: -20px;
}
.newsletter .form .buttonXL:hover {
  background: rgb(var(--cp-color-1));
}
.newsletter .form .buttonXL:hover:before {
  left: 20px;
}
.newsletter .form .buttonXL .loader-container {
  background: rgb(var(--cp-color-1));
  border-radius: 0 5px 5px 0;
}
.newsletter .form .buttonXL .loader-container .loader-animation .loader-css .loader {
  font-size: 3px;
  top: 2px;
  left: 5px;
}
.newsletter .form.error .message {
  color: red;
}
.newsletter .form.success .itemSplit {
  display: none;
}
.newsletter .form.success .message {
  color: rgb(var(--cp-color-1));
  font: 400 22px/26px 'CeraPro', sans-serif;
}
.newsletter .cancel {
  width: 300px;
  float: right;
}
.newsletter .cancel a {
  margin: 2px 0 0;
}
.newsletter .cancel p {
  font: 400 14px/20px 'CeraPro', sans-serif;
}
.newsletter.anmeldung.ok {
  padding-top: 0;
}
.newsletter.abmeldung {
  padding-top: 0;
}
.newsletter.abmeldung .form .buttonXL:hover span {
  width: 112px;
}
.newsletter.anmeldung.ok .form.success,
.newsletter.abmeldung.ok .form.success {
  margin: 0 0 60px;
}
form small {
  line-height: 1.6;
  display: inline-block;
}
/* botschafter */
.botschafter .widget.newsletter {
  margin-top: 60px;
}
.botschafter .widget.newsletter .hl2 {
  color: rgb(var(--cp-color-8));
}
.botschafter .widget.newsletter form input {
  background-color: #d0e6f4;
}
.botschafter .widget.newsletter form .buttonXL {
  background-color: rgb(var(--cp-color-8));
}
.botschafter .widget.newsletter form .buttonXL span {
  text-transform: uppercase;
}
.botschafter .widget.newsletter form .buttonXL:hover {
  background-color: rgb(var(--cp-color-8d));
}
.botschafter .widget.newsletter form .buttonXL:hover span {
  color: white;
}
.botschafter .widget.newsletter .fb_link:before,
.botschafter .widget.newsletter .ig_link:before {
  background-color: rgb(var(--cp-color-8));
}
.botschafter .widget.newsletter .fb_link:hover:before,
.botschafter .widget.newsletter .ig_link:hover:before {
  background-color: rgb(var(--cp-color-8d));
}
@media screen and (max-width: 640px) {
  .botschafter .widget.newsletter .intro p {
    font: 400 15px/26px "CeraPro", Arial, sans-serif;
  }
}
@media screen and (max-width: 959px) {
  .newsletter .form {
    margin: 30px 10%;
  }
  .newsletter .disclaimer,
  .newsletter .cancel {
    width: auto;
    float: none;
  }
  .widget.newsletter .form {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    float: none;
  }
  .widget.newsletter .form #email {
    font-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .widget.newsletter .form .buttonXL {
    padding: 0 15px;
    top: 1px;
  }
  .widget.newsletter .sm_link {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 639px) {
  .newsletter .form {
    margin: 0 10px;
  }
  .widget.newsletter {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 480px) {
  .newsletter {
    margin: 0 15px 30px;
    /*
	.fb_link {
		font: 400 17px/44px @body-font;
		padding: 0 59px 0 0;
		
		&:before {
			height: 44px;
			width: 44px;
			font-size: 22px;
		}
		
	}
	*/
  }
  .newsletter .hl2 {
    padding: 0 0 10px;
  }
  .newsletter .intro {
    margin: 0 15px 20px;
  }
  .newsletter .intro p {
    font: 400 16px/27px 'CeraPro', sans-serif;
    padding-bottom: 10px;
  }
  .newsletter .fb_link,
  .newsletter .ig_link {
    padding: 0 44px 0 0 !important;
  }
  .newsletter .fb_link:before,
  .newsletter .ig_link:before {
    line-height: 44px;
    height: 44px;
    width: 44px;
    font-size: 22px;
  }
}
/*# sourceMappingURL=build/assets/scripts/newsletter/style.css.map */