/*! , Compiled at 2025-09-26 10:40:09 */
/**
 * Rheinhessen Portal 2014
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2022 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage newsletter teaser
 * @author     güldner
 * @since      17.11.2022
 * @version    $Id$
 **/
/*  =========================================================
basic styling
text
checkbox
input field + button
========================================================== */
/*  =========================================================
basic styling
========================================================== */
.newsletterTeaser {
  background-color: #c08400;
  background-size: cover;
  padding: 50px 0;
  position: relative;
}
.newsletterTeaser[style]::before {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/*  =========================================================
text
========================================================== */
@media (max-width: 900px) {
  .newsletterTeaser__text {
    margin-bottom: 25px;
  }
}
.newsletterTeaser__title {
  color: #fff;
  font: 700 normal 22px/1.1em Arial, sans-serif;
}
.newsletterTeaser__title:not(:last-child) {
  margin: 0 0 15px 0;
}
.newsletterTeaser__title:last-child {
  margin: 0;
}
.newsletterTeaser__subline {
  color: #fff;
  font: 400 17px/27px Arial, sans-serif;
}
.newsletterTeaser__subline:not(:first-child) {
  margin-top: -10px;
}
.newsletterTeaser__subline:first-child {
  margin-top: 0;
}
.newsletterTeaser__subline:not(:last-child) {
  margin-bottom: 15px;
}
.newsletterTeaser__subline:last-child {
  margin-bottom: 0;
}
.newsletterTeaser__paragraph {
  color: #fff;
  font: 400 normal 17px/1.6em Arial, sans-serif;
}
.newsletterTeaser__paragraph:not(:last-child) {
  margin: 0 0 15px 0;
}
.newsletterTeaser__paragraph:last-child {
  margin: 0;
}
.newsletterTeaser__paragraph p:not(:last-child) {
  margin: 0 0 15px 0;
}
.newsletterTeaser__paragraph p:last-child {
  margin: 0;
}
/*  =========================================================
checkbox
========================================================== */
.newsletterTeaser__checkbox {
  display: block;
}
.newsletterTeaser__checkbox:not(:last-child) {
  margin: 0 0 15px 0;
}
.newsletterTeaser__checkbox:last-child {
  margin: 0;
}
.newsletterTeaser__checkbox input {
  opacity: 0;
  position: absolute;
}
.newsletterTeaser__checkbox__label {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  color: #fff;
  column-gap: 10px;
  font: 400 normal 17px/1.6em Arial, sans-serif;
}
.newsletterTeaser__checkbox__label::before {
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  border: 1px #c6c6c6 solid;
  box-sizing: border-box;
  content: '\e607';
  display: -ms-flexbox;
  display: flex;
  font: 400 normal 14px/14px 'icomoon';
  height: 20px;
  -ms-flex-pack: center;
      justify-content: center;
  width: 20px;
}
input:not(:checked) ~ .newsletterTeaser__checkbox__label::before {
  color: transparent;
}
input:checked ~ .newsletterTeaser__checkbox__label::before {
  color: #3d3d3d;
}
/*  =========================================================
input field + button
========================================================== */
.newsletterTeaser__textInput {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
}
.newsletterTeaser__textInput:not(:last-child) {
  margin: 0 0 5px 0;
}
.newsletterTeaser__textInput:last-child {
  margin: 0;
}
.newsletterTeaser__textInput__input {
  border-color: #c6c6c6;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  background: #fff;
  -ms-flex: 1 1;
      flex: 1 1;
  font: 400 normal 17px/22px Arial, sans-serif;
  padding: 14px 20px;
}
.newsletterTeaser__textInput__button {
  background: #e7a200;
  border: none;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font: 700 normal 17px/22px Arial, sans-serif;
  padding: 14px 30px;
  text-transform: capitalize;
}