/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sass/gliederungen.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Calibri";
  src: local("Calibri"), url(fonts/calibri.woff2) format("woff2"), url(e5419484bcf20b801af2.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Calibri Bold";
  src: local("Calibri-Bold"), url(fonts/calibri-bold.woff2) format("woff2"), url(28459362073b4c66327a.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Calibri Italic";
  src: local("Calibri-Italic"), url(fonts/calibri-italic.woff2) format("woff2"), url(edfb5f2c0e1bec6f5d3c.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "BarlowCond Semibold";
  src: local("Barlow Condensed Semi-bold"), url(fonts/barlowcondensed-semibold-webfont.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Tiktok";
  src: local("Tiktok"), url(f6cc56c14e1a85484a0f.woff) format("woff");
  font-display: swap;
}
/**
 * Responsive font size
 * @param $min - min font size / $max - max font size
 * @link https://chrisburnell.com/clamp-calculator/
 */
body {
  font: 400 18px/26px "Calibri";
}

h1, h2, h3 {
  font-family: "BarlowCond Semibold";
}

strong, b {
  font-family: "Calibri Bold";
  font-weight: 400;
}

em, i {
  font-family: "Calibri Italic";
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  font-family: "Calibri";
}

h3 {
  font-size: responsive 1.625rem 1.625rem;
  line-height: responsive 1.875rem 1.875rem;
}

.path-digitale-abstimmung .form-type-checkbox input:checked + label:before {
  /* content: url(/themes/custom/uv_gliederungen_theme/images/svg-icons/check-magenta.svg); */
  margin-right: 10px;
}

.navbar .row.second {
  height: 0;
}
@media only screen and (min-width: 1180px) {
  .navbar .row.second {
    height: 50px;
  }
}

.navbar ul.nav > li > a {
  color: #333;
  text-transform: uppercase;
}
.navbar ul.nav > li > a:hover, .navbar ul.nav > li > a:focus, .navbar ul.nav > li > a.active {
  color: #e5007d;
}

.social-links .donation a {
  display: block;
  background: #e5007d;
  color: #ffed00;
  display: block;
  padding: 5px 15px;
  font-family: "Calibri Bold";
  text-transform: uppercase;
}
.social-links .donation a:hover, .social-links .donation a:focus {
  background: #ffed00;
  color: #e5007d;
  text-decoration: none;
}

.navbar-mobile .donation a {
  color: #e5007d;
  font-family: "Calibri Bold";
}

.section-intro {
  margin-bottom: 36px;
}
@media only screen and (min-width: 1024px) {
  .section-intro {
    margin-bottom: 46px;
  }
}
.section-intro h2 {
  font-size: responsive 1.75rem 2.875rem;
  line-height: responsive 2rem 3.25rem;
  text-transform: uppercase;
  color: #fff;
  background: #e5007d;
  padding: 5px 15px 3px;
  margin: 0 0 20px;
  display: inline-block;
}

section.slogan-bottom .name-wrapper,
section.home-section .name-wrapper {
  color: #fff;
  background: #009ee3;
}
section.slogan-bottom .slogan span,
section.home-section .slogan span {
  background: #e5007d;
  box-shadow: 0.25rem 0 0 #e5007d, -0.25rem 0 0 #e5007d;
  color: #ffed00;
}

section.mission-section {
  border-top: 2px solid #009ee3;
}
section.mission-section h2 {
  background: #009ee3;
}
section.mission-section .field--name-field-text,
section.mission-section .field--name-field-text-formatted {
  margin: 0px 0 0 50px;
}
@media only screen and (min-width: 768px) {
  section.mission-section .field--name-field-text,
  section.mission-section .field--name-field-text-formatted {
    margin: 0px 0 0 80px;
  }
}
section.mission-section .field--name-field-text:before,
section.mission-section .field--name-field-text-formatted:before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #009ee3;
  margin: 0 0 20px;
}
section.mission-section .mission-promo h3 {
  font-size: responsive 1.625rem 1.625rem;
  line-height: responsive 1.875rem 1.875rem;
  width: unset;
  margin: 0;
}
section.mission-section .mission-promo h3:before {
  font-size: responsive 1.625rem 1.625rem;
  line-height: responsive 1.875rem 1.875rem;
  min-width: 40px;
}

.field--name-lp-themen-link {
  text-align: center;
}

section.about-section,
section.story-section {
  border-top: 2px solid #009ee3;
}

section.news-section {
  border-top: 2px solid #e5007d;
}

section.persons-section-alt {
  border-top: 2px solid #009ee3;
}
@media only screen and (min-width: 768px) {
  section.persons-section-alt {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}
section.persons-section-alt .section-intro > h2 {
  background: #009ee3;
}
section.persons-section-alt h3 {
  font-size: responsive 1.625rem 1.625rem;
  line-height: responsive 1.875rem 1.875rem;
  margin: 10px 0 0;
}

section.articles-section {
  border-top: 2px solid #a5027d;
}
section.articles-section .section-intro > h2 {
  background: #a5027d;
  margin: 0 0 20px;
}

section.newsletter-section .newsletter-wrapper {
  width: 100%;
  background: #009ee3;
  padding: 40px 20px 55px;
  position: relative;
  z-index: 101;
  height: auto;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .newsletter-wrapper {
    width: 585px;
    padding: 40px;
    margin: 0 0 0 40px;
  }
}
section.newsletter-section .section-intro {
  padding: 0;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .section-intro {
    margin-bottom: 35px;
  }
}
section.newsletter-section h2 {
  text-transform: none;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 26px;
  display: flex;
}
section.newsletter-section h2:before {
  font-family: "Icon Default";
  content: "\e911";
  color: #009ee3;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  width: 55px;
  height: 55px;
  margin: 0 20px 0 0;
}
section.newsletter-section .text-formatted {
  color: #fff;
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .text-formatted {
    margin: 0 0 0 75px;
  }
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .uv-newsletter-subscribe-form {
    display: flex;
    flex-wrap: wrap;
  }
}
section.newsletter-section .uv-newsletter-subscribe-form > div:not(.form-item) {
  order: 3;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .form-type-email {
    width: calc(100% - 160px);
  }
}
section.newsletter-section .form-email {
  background: #fff;
  color: #333;
}
section.newsletter-section .form-type-checkbox {
  margin: 10px 0;
  color: #fff;
}
section.newsletter-section .form-type-checkbox a {
  color: #fff;
}
section.newsletter-section .form-checkbox {
  margin: 0 0 10px;
}
section.newsletter-section #edit-button {
  background: #e5007d;
  color: #fff;
  border: 0;
  border-left: 2px solid transparent;
}
section.newsletter-section #edit-button:hover, section.newsletter-section #edit-button:focus {
  background: #fff;
  color: #e5007d;
  border-color: #e5007d;
  transition: all 0.3s ease-in-out;
}

section.member-section h2 {
  font-size: responsive 1.75rem 2.875rem;
  line-height: responsive 2rem 3.25rem;
  text-transform: uppercase;
}

/* ######################################################
	Events
   #####################################################
*/
section.event-section {
  background: #f4f4f4;
}
section.event-section .view {
  max-width: 861px;
  position: relative;
}
section.event-section .view ul {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  section.event-section .view ul:before {
    content: "";
    border-left: 1px dashed #c3c3c3;
    display: block;
    width: 1px;
    height: 100vh;
    position: absolute;
    left: 50%;
  }
}
section.event-section .view li {
  max-width: 435px;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  section.event-section .view li:nth-child(even):after {
    content: "•";
    color: #e5007d;
    margin: -8px -3px 0 22px;
    position: relative;
    z-index: 2;
    font-size: 30px;
  }
}
section.event-section .view li:nth-child(odd) {
  margin: 0 auto;
  padding: 0 0 30px;
}
@media only screen and (min-width: 768px) {
  section.event-section .view li:nth-child(odd) {
    margin: 0 0 0 calc(100% - 435px);
  }
}
@media only screen and (min-width: 1024px) {
  section.event-section .view li:nth-child(odd):before {
    content: "•";
    color: #e5007d;
    margin: -8px 22px 0 -3px;
    position: relative;
    z-index: 2;
    font-size: 30px;
  }
}
section.event-section .view li:last-child {
  padding: 0;
}
section.event-section .view li > div {
  background: #fff;
  width: 100%;
  padding: 20px 20px 25px;
}
section.event-section .view h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: uppercase;
}
section.event-section .view h2 a {
  color: #333;
}
section.event-section .view h2 a:hover, section.event-section .view h2 a:focus {
  color: #e5007d;
}

.event-full .event-meta {
  font-family: "Calibri Bold";
  margin: 0 0 20px;
}
.event-full .event-overview {
  margin: 20px 0 0;
  display: inline-flex;
  align-items: center;
}
.event-full .event-overview:before {
  content: "\e910";
  font-family: "Icon Default";
  transform: rotate(180deg);
  font-size: 1.125rem;
  padding: 0 0 0 9px;
}
.event-full .event-overview:hover:before {
  transition: all 0.4s ease-in-out 0s;
  margin-right: 10px;
  margin-left: -10px;
}

section.contact-section {
  border-top: 2px solid #ffed00;
}

.article-full h1,
.event-full h1 {
  text-align: center;
}
.article-full div.field--name-user-name,
.event-full div.field--name-user-name {
  color: #ffed00;
  background: #e5007d;
  padding: 6px 10px;
}

.field--name-user-name {
  text-transform: uppercase;
  font-family: "BarlowCond Semibold";
}

.path-articles .region-content h1 {
  background: #a5027d;
  color: #fff;
}

.path-events .region-content h1 {
  background: #a5027d;
  color: #fff;
}

.field--name-field-teaser-persons p {
  text-align: center;
}

.path-event .form-type-checkbox .form-checkbox {
  position: absolute;
}

/* ######################################################
	Twitter
   #####################################################
*/
section.twitter-section {
  font-family: "BarlowCond Semibold";
  background: #fff;
  padding: 0 0 60px;
}
section.twitter-section .container {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding-right: 0;
  padding-left: 0;
}
section.twitter-section .container .headline {
  background: #009ee3;
  width: auto;
  color: white;
  display: block;
  padding: 13px 13px 10px 26px;
  font-size: 1.4rem;
}
section.twitter-section .container .headline i {
  margin: 0 11px 0 0px;
}
section.twitter-section .container .no-padding {
  padding: 0;
}
section.twitter-section .container footer {
  font-family: "Calibri";
  font-size: 1.0625rem;
}
section.twitter-section .container div {
  min-height: unset;
}
section.twitter-section .col-md-8 {
  background: none;
  flex: 1 100%;
}
section.twitter-section .col-md-8 .field {
  color: #333;
}
section.twitter-section .tt-overlay {
  background: #fff;
  padding: 30px 6.25%;
}
@media only screen and (min-width: 1180px) {
  section.twitter-section .tt-overlay {
    padding: 60px;
    text-align: left;
  }
}
section.twitter-section .tt-overlay p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0 0 30px;
}
@media only screen and (min-width: 1180px) {
  section.twitter-section .tt-overlay p {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
section.twitter-section .field--name-user-twitter-content i:before {
  display: none;
  content: "\e917";
}
@media only screen and (min-width: 1180px) {
  section.twitter-section .field--name-user-twitter-content i:before {
    display: none;
  }
}
section.twitter-section .social-counter {
  font-family: "Calibri";
  background: #fff;
  padding: 40px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  section.twitter-section .social-counter {
    padding: 52px 0 0;
  }
}
@media only screen and (min-width: 1180px) {
  section.twitter-section .social-counter {
    padding: 60px 0 0;
  }
}
section.twitter-section .social-counter span {
  font-size: 1.0625rem;
  font-style: normal;
  color: #333;
  margin: 0;
}
section.twitter-section .social-counter .title {
  color: #009ee3;
}
section.twitter-section .social-counter .timer {
  font-family: "Calibri";
}
section.twitter-section .social-counter .fa-twitter:before,
section.twitter-section .social-counter .fa-facebook:before,
section.twitter-section .social-counter .fa-instagram:before {
  font-size: 23px;
  color: #009ee3;
  margin: 5px 8px 0 0;
  transform: none;
  line-height: 1;
  display: flex;
  justify-content: center;
}
section.twitter-section .twitter-api,
section.twitter-section .facebook-api {
  display: flex;
  margin: 0 0 30px;
  min-width: 125px;
}
section.twitter-section .icon {
  border: 0;
  transform: none;
  width: 30px;
  height: 30px;
  margin: 0 20px 0 0;
  float: none;
}
section.twitter-section .icon .fa-facebook:before {
  font-family: "Icon Default";
  content: "\e906";
}
section.twitter-section .readmore {
  display: inline-block;
  margin: 0 0 0 21px;
  font-size: 1.0625rem;
  font-family: "Calibri";
  text-transform: unset;
}
section.twitter-section .readmore:after {
  font-family: "Icon Default";
  content: "\e910";
  transition: all 0.4s ease-in-out 0s;
  padding-right: 5px;
  color: #e5007d;
  line-height: 1px;
  margin: 0 0 0 5px;
}
section.twitter-section .readmore:hover:after, section.twitter-section .readmore:focus:after {
  padding-left: 5px;
  padding-right: 0;
}

.field--name-user-social-media-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.about-section > .container > .row > .col-md-6:nth-child(2) {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  section.about-section > .container > .row > .col-md-6:nth-child(2) {
    margin-bottom: 0;
  }
}

.path-user #user-login a {
  display: block;
}
.path-user #user-login #reg-pass-group input[type=password] {
  background: url(icons/passwort.svg) 15px center no-repeat;
  padding-left: 50px;
}
.path-user #user-login #edit-username {
  background: url(icons/user.svg) 15px center no-repeat;
  padding-left: 50px;
}
.path-user #user-login #username-description {
  margin-bottom: 15px;
}
.path-user #user-login .input-group-addon {
  display: none;
}
.path-user #user-login div.password-confirm {
  visibility: hidden;
}
.path-user #user-login .is-weak {
  background-color: #e62600;
}
.path-user #user-login .is-fair {
  background-color: #e09600;
}
.path-user #user-login .is-good {
  background-color: #0074bd;
}
.path-user #user-login .is-strong {
  background-color: #77b259;
}
.path-user #user-login .password-suggestions {
  border: 1px solid #b4b4b4;
  font-family: "Calibri";
  font-size: 1em;
  padding: 10px;
  margin-bottom: 15px;
}
.path-user #user-login .password-suggestions ul {
  list-style: initial;
  padding-left: 20px;
}
.path-user #user-login .messages__wrapper h2 {
  margin: 15px 0 25px;
}
.path-user #user-login .messages__wrapper p {
  text-align: center;
}

.container {
  padding: 0;
}

body .row {
  margin: 0;
}

.btn {
  border-radius: 0;
}

h1 {
  font-size: responsive 1.75rem 2.875rem;
  line-height: responsive 2rem 3.25rem;
}

h2 {
  font-size: responsive 1.75rem 2.875rem;
  line-height: responsive 2rem 3.25rem;
}

.navbar {
  border-radius: 0;
}
.navbar .navbar-brand {
  padding: 0;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-brand {
    padding: 5px 15px 15px;
  }
}
.navbar .navbar-brand .field--name-user-name {
  margin-left: 15px;
  color: #009ee3;
  font-size: responsive 1rem 1.125rem;
  line-height: 1;
  font-family: "Calibri Bold";
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-brand .field--name-user-name {
    margin-left: 38px;
  }
}
@media only screen and (min-width: 768px) {
  .navbar .navbar-brand img {
    width: auto;
  }
}
.navbar .container {
  width: 100%;
}
@media only screen and (min-width: 1180px) {
  .navbar .row.second .row-wrapper {
    height: 26px;
  }
}
.navbar .row.second .row-wrapper .navbar-mobile {
  margin: 0;
}
.navbar .row.second .row-wrapper .navbar-mobile li a {
  padding: 0 20px;
  color: #009ee3;
}
.navbar .row.second .row-wrapper .navbar-mobile li:last-child {
  display: flex;
  flex-direction: column;
  min-height: 82px;
}
.navbar .row.second .row-wrapper .navbar-mobile li:last-child a {
  min-height: 42px;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px;
}
.navbar .row.second .row-wrapper .navbar-mobile li:last-child a:last-child {
  min-height: 42px;
  border: none;
  padding: 10px 20px;
  text-align: left;
}
.navbar .row.second .row-wrapper .navbar-mobile li:last-child .donation {
  background: transparent;
  border: none;
  font-size: 1.125rem;
}
.navbar .row.second .row-wrapper .navbar-desktop {
  position: relative;
}
.navbar .row.second .row-wrapper .navbar-desktop .donation {
  display: none;
}
.navbar .row.second .row-wrapper ul li {
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (min-width: 1180px) {
  .navbar .row.second .row-wrapper ul li {
    width: auto;
  }
}
.navbar .row.second .row-wrapper ul li a {
  padding: 0;
  line-height: 1.625rem;
}
.navbar .row.second .row-wrapper ul li a:hover, .navbar .row.second .row-wrapper ul li a:focus, .navbar .row.second .row-wrapper ul li a:active {
  background: #fff;
}
.navbar .row.first .social-links {
  display: none;
}
@media only screen and (min-width: 1180px) {
  .navbar .row.first .social-links {
    display: block;
  }
}
.navbar .row.first .social-links .twitter a:before {
  font-family: "Icon Default";
  content: "\e917";
}
.navbar .row.first .social-links .instagram a:before {
  font-family: "Icon Default";
  content: "\e90e";
}
.navbar .row.first .social-links .facebook a:before {
  font-family: "Icon Default";
  content: "\e906";
}
.navbar .row.first .social-links .youtube a:before {
  font-family: "Icon Default";
  content: "\e91e";
}
.navbar .row.first .social-links .linkedin a:before {
  font-family: "Icon Default";
  content: "\e90f";
}
.navbar .row.first .social-links .xing a:before {
  font-family: "Icon Default";
  content: "\e91d";
}
.navbar .row.first .social-links .tiktok a:before {
  font-family: "Tiktok";
  content: "\e900";
}
.navbar .row.first .social-links .donation {
  display: none;
}
@media only screen and (min-width: 1180px) {
  .navbar .row.first .social-links .donation {
    display: flex;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1180px) {
  .navbar .row.first .social-links .donation a {
    font-size: 1.125rem;
  }
}

section.slogan-section .field--name-field-subslogan,
section.slogan-bottom .field--name-field-subslogan,
section.home-section .field--name-field-subslogan {
  display: block;
}
section.slogan-section .name-wrapper span,
section.slogan-section .title-wrapper span,
section.slogan-bottom .name-wrapper span,
section.slogan-bottom .title-wrapper span,
section.home-section .name-wrapper span,
section.home-section .title-wrapper span {
  font-size: responsive 2rem 3.875rem;
  line-height: responsive 2.375rem 4.25rem;
}
section.slogan-section .intro,
section.slogan-bottom .intro,
section.home-section .intro {
  left: 20px;
  max-width: 70%;
}
section.slogan-section .intro.bottom,
section.slogan-bottom .intro.bottom,
section.home-section .intro.bottom {
  max-width: 100%;
  padding: 0 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 1180px) {
  section.slogan-section .intro.bottom,
  section.slogan-bottom .intro.bottom,
  section.home-section .intro.bottom {
    padding: 0;
  }
}
section.slogan-section .intro.center,
section.slogan-bottom .intro.center,
section.home-section .intro.center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: max-content;
}
section.slogan-section .name-wrapper,
section.slogan-bottom .name-wrapper,
section.home-section .name-wrapper {
  background: transparent;
  padding: 0;
  margin: 0 0 4px 0;
}
@media only screen and (min-width: 1024px) {
  section.slogan-section .name-wrapper,
  section.slogan-bottom .name-wrapper,
  section.home-section .name-wrapper {
    margin-bottom: 2px;
  }
}
section.slogan-section .name-wrapper .field--name-user-name,
section.slogan-bottom .name-wrapper .field--name-user-name,
section.home-section .name-wrapper .field--name-user-name {
  line-height: inherit;
  color: #e5007d;
  white-space: unset;
}
section.slogan-section .name-wrapper .field--name-user-name span,
section.slogan-bottom .name-wrapper .field--name-user-name span,
section.home-section .name-wrapper .field--name-user-name span {
  font-size: responsive 20px 26px;
  line-height: responsive 26px 40px;
  color: #fff;
  background: #009ee3;
  -webkit-box-decoration-break: clone;
  display: inline;
  box-decoration-break: clone;
  padding: 0.35rem 0.45rem;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  section.slogan-section .name-wrapper .field--name-user-name span,
  section.slogan-bottom .name-wrapper .field--name-user-name span,
  section.home-section .name-wrapper .field--name-user-name span {
    padding: 0.65rem 0.45rem;
  }
}
section.slogan-section.bottom,
section.slogan-bottom.bottom,
section.home-section.bottom {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding-top: 70px;
  max-height: 600px;
}
@media only screen and (min-width: 1180px) {
  section.slogan-section.bottom,
  section.slogan-bottom.bottom,
  section.home-section.bottom {
    padding-top: 120px;
  }
}
section.slogan-section .title-wrapper .slogan span,
section.slogan-bottom .title-wrapper .slogan span,
section.home-section .title-wrapper .slogan span {
  box-shadow: none;
  line-height: 1.1;
}
@supports (font: -apple-system-body) {
  section.slogan-section .title-wrapper .slogan span,
  section.slogan-bottom .title-wrapper .slogan span,
  section.home-section .title-wrapper .slogan span {
    line-height: 1.3;
  }
}

section.slogan-bottom {
  max-width: 1170px;
  width: 100%;
  margin: 30px auto 40px;
}
@media only screen and (min-width: 1180px) {
  section.slogan-bottom {
    margin-top: 160px;
  }
}
section.slogan-bottom .title-wrapper .slogan span {
  text-transform: uppercase;
  padding: 0.25rem 0.45rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: uppercase;
}

article.featured {
  padding: 20px 18px;
  border-bottom: 2px solid #009ee3;
}
@media only screen and (min-width: 768px) {
  article.featured {
    padding: 18px 65px;
  }
}
article.featured h2 {
  text-transform: unset;
  font-size: responsive 1.75rem 2rem;
  line-height: responsive 2rem 2.25rem;
}
article.featured h2 a {
  color: #009ee3;
}
article.featured .blog-content {
  padding: 0;
}
article.featured .readmore:after {
  font-family: "Icon Default";
  content: "\e910";
  margin-left: 5px;
}
article.featured .readmore:hover:after {
  padding-left: 5px;
  padding-right: 0;
}
@media only screen and (min-width: 1024px) {
  article.featured .entry-header,
  article.featured .blog-content {
    width: 50%;
  }
}

section.about-section .field--name-lp-press-photo {
  display: inline-block;
}
section.about-section .field--name-lp-press-photo a:after {
  font-family: "Icon Default";
  color: #e5007d;
  margin: 0 0 0 5px;
  content: "\e903";
}
section.about-section .field--name-lp-press-photo a:hover, section.about-section .field--name-lp-press-photo a:focus {
  color: #e5007d;
}
section.about-section .col-md-6 {
  padding-right: 15px;
  padding-left: 15px;
}
section.about-section .field--name-candidate-website-link {
  display: inline-block;
  margin-left: 20px;
}
section.about-section .field--name-candidate-website-link a:after {
  content: "\e910";
}
section.about-section .field--name-candidate-website-link a:hover:after {
  padding-left: 5px;
  padding-right: 0;
}
section.about-section .field--name-lp-press-photo,
section.about-section .field--name-candidate-website-link {
  font-size: 1.0625rem;
}
@media only screen and (min-width: 768px) {
  section.about-section .field--name-lp-press-photo,
  section.about-section .field--name-candidate-website-link {
    font-size: 1rem;
  }
}
section.about-section li a {
  display: block;
  width: 45px;
  height: 45px;
  font-size: 1.375rem;
  line-height: 2.5625rem;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  color: transparent;
  overflow: hidden;
}
section.about-section li a:before {
  display: inline-block;
  font-size: 1.25rem;
  color: #999;
  text-rendering: auto;
  margin-left: -1px;
  vertical-align: -1px;
}
section.about-section li a:hover, section.about-section li a:focus, section.about-section li a.active {
  background: #e5007d;
  border: 1px solid transparent;
}
section.about-section li a:hover:before, section.about-section li a:focus:before, section.about-section li a.active:before {
  color: #fff;
}
section.about-section .social-links {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  section.about-section .social-links {
    margin: 30px 0 0;
  }
}
section.about-section .social-links li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
section.about-section .facebook a:before {
  font-family: "Icon Default";
  content: "\e906";
}
section.about-section .youtube a:before {
  font-family: "Icon Default";
  content: "\e91e";
}
section.about-section .twitter a:before {
  font-family: "Icon Default";
  content: "\e917";
}
section.about-section .instagram a:before {
  font-family: "Icon Default";
  content: "\e90e";
}
section.about-section .linkedin a:before {
  font-family: "Icon Default";
  content: "\e90f";
}
section.about-section .xing a:before {
  font-family: "Icon Default";
  content: "\e91d";
}
section.about-section .tiktok a:before {
  font-family: "Tiktok";
  content: "\e900";
}
section.about-section .profile-overview {
  opacity: 0;
}

.topic-related-content {
  text-align: center;
  padding: 15px 0 10px;
  background: #009ee3;
}
@media only screen and (min-width: 1180px) {
  .topic-related-content {
    padding: 20px 0 15px;
  }
}
.topic-related-content a {
  font-family: "Calibri";
  font-size: 1.25rem;
  line-height: 1.375rem;
  color: #ffed00;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1180px) {
  .topic-related-content a {
    font-size: 1.75rem;
  }
}
.topic-related-content a h2 {
  text-transform: initial;
}
.topic-related-content a:after {
  content: "\e910";
  font-family: "Icon Default";
  transition: all 0.4s ease-in-out 0s;
  margin: 0 0 0 10px;
  padding-right: 5px;
  color: #fff;
  line-height: 1px;
}
.topic-related-content a:hover:after, .topic-related-content a:focus:after {
  padding-left: 10px;
  padding-right: 0;
}
.topic-related-content .fa:before {
  content: none;
}

section.mission-section .container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
section.mission-section .field--name-field-thema {
  padding: 0;
}
section.mission-section .field--name-field-themen {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 6.25%;
}
@media only screen and (min-width: 1180px) {
  section.mission-section .field--name-field-themen {
    padding: 0;
  }
}
section.mission-section .field--name-field-themen h3 {
  justify-content: space-between;
}
section.mission-section .field--name-field-themen h3:not(.custom-topic):before {
  font-size: responsive 1.625rem 2.25rem;
  line-height: responsive 1.875rem 1.875rem;
}
section.mission-section .field--name-field-themen h3:before {
  display: none;
}
section.mission-section .field--name-field-themen h3:after {
  flex-shrink: 0;
  font-family: Icomoon_2022;
  font-size: responsive 1.5rem 2.125rem;
  color: #009ee3;
  margin: -5px -10px 0 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  section.mission-section .field--name-field-themen h3:after {
    margin: -5px 0 0;
  }
}
section.mission-section .field--name-field-themen .aussenpolitik:after {
  content: "\e900";
}
section.mission-section .field--name-field-themen .bauen_wohnen:after {
  content: "\e901";
}
section.mission-section .field--name-field-themen .bildung:after {
  content: "\e902";
}
section.mission-section .field--name-field-themen .buergerrechte:after {
  content: "\e903";
}
section.mission-section .field--name-field-themen .datenschutz:after {
  content: "\e904";
}
section.mission-section .field--name-field-themen .demokratie:after {
  content: "\e905";
}
section.mission-section .field--name-field-themen .digitalisierung:after {
  content: "\e906";
}
section.mission-section .field--name-field-themen .einwanderung:after {
  content: "\e907";
}
section.mission-section .field--name-field-themen .energie:after {
  content: "\e908";
}
section.mission-section .field--name-field-themen .entlastung:after {
  content: "\e909";
}
section.mission-section .field--name-field-themen .entwicklungspolitik:after {
  content: "\e90a";
}
section.mission-section .field--name-field-themen .euro:after {
  content: "\e90b";
}
section.mission-section .field--name-field-themen .europa:after {
  content: "\e90c";
}
section.mission-section .field--name-field-themen .familie:after {
  content: "\e90d";
}
section.mission-section .field--name-field-themen .finanzpolitik:after {
  content: "\e90e";
}
section.mission-section .field--name-field-themen .forschung:after {
  content: "\e90f";
}
section.mission-section .field--name-field-themen .freihandel:after {
  content: "\e910";
}
section.mission-section .field--name-field-themen .fruehkindliche-bildung:after {
  content: "\e911";
}
section.mission-section .field--name-field-themen .generationengerechtigkeit:after {
  content: "\e912";
}
section.mission-section .field--name-field-themen .gesundheit:after {
  content: "\e913";
}
section.mission-section .field--name-field-themen .gleichberechtigung:after {
  content: "\e914";
}
section.mission-section .field--name-field-themen .gruenden:after {
  content: "\e915";
}
section.mission-section .field--name-field-themen .handwerk:after {
  content: "\e916";
}
section.mission-section .field--name-field-themen .hochschule:after {
  content: "\e917";
}
section.mission-section .field--name-field-themen .infrastruktur:after {
  content: "\e918";
}
section.mission-section .field--name-field-themen .innovation:after {
  content: "\e919";
}
section.mission-section .field--name-field-themen .integration:after {
  content: "\e91a";
}
section.mission-section .field--name-field-themen .klima:after {
  content: "\e91b";
}
section.mission-section .field--name-field-themen .kommunen:after {
  content: "\e91c";
}
section.mission-section .field--name-field-themen .kultur:after {
  content: "\e91d";
}
section.mission-section .field--name-field-themen .landwirtschaft:after {
  content: "\e91e";
}
section.mission-section .field--name-field-themen .menschenrechte:after {
  content: "\e91f";
}
section.mission-section .field--name-field-themen .mittelstand:after {
  content: "\e920";
}
section.mission-section .field--name-field-themen .mobilitaet:after {
  content: "\e921";
}
section.mission-section .field--name-field-themen .pflege:after {
  content: "\e922";
}
section.mission-section .field--name-field-themen .queer:after {
  content: "\e923";
}
section.mission-section .field--name-field-themen .rechtsstaat_sicherheit:after {
  content: "\e924";
}
section.mission-section .field--name-field-themen .rente_altersvorsorge:after,
section.mission-section .field--name-field-themen .rente:after {
  content: "\e925";
}
section.mission-section .field--name-field-themen .soziale-marktwirtschaft:after {
  content: "\e926";
}
section.mission-section .field--name-field-themen .soziales:after {
  content: "\e927";
}
section.mission-section .field--name-field-themen .haushalt-und-finanzen,
section.mission-section .field--name-field-themen .steuern:after {
  content: "\e928";
}
section.mission-section .field--name-field-themen .umwelt:after {
  content: "\e929";
}
section.mission-section .field--name-field-themen .verbraucherschutz:after {
  content: "\e92a";
}
section.mission-section .field--name-field-themen .verkehr:after {
  content: "\e92b";
}
section.mission-section .field--name-field-themen .verteidigung:after {
  content: "\e92c";
}
section.mission-section .field--name-field-themen .verwaltung:after {
  content: "\e92d";
}
section.mission-section .field--name-field-themen .wirtschaft:after {
  content: "\e92e";
}
section.mission-section .field--name-field-themen .custom-topic:after {
  font-family: Flaticon;
  content: "\e600";
  font-size: responsive 1.25rem 1.875rem;
}
section.mission-section .field--name-field-themen > .field__item {
  margin: 0px 0px 50px;
  box-shadow: 0px 3px 30px #ccc;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  section.mission-section .field--name-field-themen > .field__item {
    width: calc(100% - 20px);
    padding: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  section.mission-section .field--name-field-themen > .field__item {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 1180px) {
  section.mission-section .field--name-field-themen > .field__item {
    width: calc(33.3333% - 20px);
  }
}
section.mission-section .field--name-field-themen .field--name-field-text,
section.mission-section .field--name-field-themen .field--name-field-text-formatted {
  margin: 0;
}
section.mission-section .field--name-field-themen .field--name-field-text:before,
section.mission-section .field--name-field-themen .field--name-field-text-formatted:before {
  display: none;
}

section.news-section .container {
  width: 100%;
}
section.news-section .row {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  section.news-section .row {
    flex-direction: row;
  }
}
section.news-section .row .col-md-4 {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  section.news-section .row .col-md-4 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  section.news-section .row .col-md-4 {
    width: 33.3333333333%;
  }
}
section.news-section .row .entry-footer a {
  text-transform: unset;
}

section.newsletter-section {
  margin: 0;
}
section.newsletter-section .newsletter-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .newsletter-wrapper {
    margin: 0;
  }
}
section.newsletter-section .section-intro {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .section-intro .field--name-field-teaser-newsletter {
    margin-top: -6px;
  }
}
section.newsletter-section h2 {
  align-items: center;
}
section.newsletter-section form {
  display: flex;
  flex-wrap: wrap;
}
section.newsletter-section form > p {
  margin-bottom: 0;
  color: #fff;
}
section.newsletter-section .row {
  margin: 0;
}
section.newsletter-section input {
  border: 1px solid #fff;
  border-radius: 0;
  height: 43px;
}
section.newsletter-section input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}
section.newsletter-section input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}
section.newsletter-section input::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
section.newsletter-section .checkbox input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin: 6px 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background: #fff;
}
section.newsletter-section .checkbox input[type=checkbox]:checked {
  content: url(icons/check-magenta.svg);
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .form-item-email {
    order: 1;
  }
}
section.newsletter-section .form-item-email label {
  display: none;
}
section.newsletter-section .form-item-email input {
  box-shadow: none;
}
section.newsletter-section .form-item-email input:hover, section.newsletter-section .form-item-email input:active, section.newsletter-section .form-item-email input:focus {
  border-color: #fff;
  box-shadow: none;
}
section.newsletter-section button {
  border-radius: 0;
  background: #e5007d;
  color: #fff;
  height: 43px;
  border: none;
  border-left: 2px solid #e5007d;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section button {
    order: 2;
    margin: 0 0 0 10px;
    padding: 12px 30px 12px;
  }
}
section.newsletter-section button:hover, section.newsletter-section button:active, section.newsletter-section button:focus {
  background: #fff;
  color: #e5007d;
  border-color: #e5007d;
  border: 0;
  box-shadow: none;
  border-left: 2px solid #e5007d;
}
section.newsletter-section .form-item-checkbox {
  display: flex;
}
section.newsletter-section .form-item-checkbox .form-checkbox {
  margin: 0;
  align-self: center;
}
section.newsletter-section .privacy-wrapper {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  section.newsletter-section .privacy-wrapper {
    order: 3;
  }
}
section.newsletter-section .row p:last-child {
  order: 5;
  font-size: 0.875rem;
}
section.newsletter-section .captcha .frc-icon {
  fill: #fff;
  stroke: #fff;
}
section.newsletter-section .captcha .frc-text {
  color: #fff;
}

.twitter a:before,
.fa-twitter:before {
  font-family: "Icon Default";
  content: "\e917";
}

section.twitter-section {
  padding: 40px 6.25%;
}
section.twitter-section .entry-content p {
  color: #333;
}
section.twitter-section .fa-instagram:before {
  font-family: "Icon Default";
  content: "\e90e";
}
section.twitter-section footer span {
  color: #333;
}
section.twitter-section footer .readmore:after {
  font-family: "Icon Default";
  content: "\e910";
}

section.persons-section-alt {
  padding: 80px 6.25%;
}
section.persons-section-alt .container {
  width: 100%;
}
section.persons-section-alt .field--name-field-person-refs {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  section.persons-section-alt .field--name-field-person-refs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
  }
}
@media only screen and (min-width: 768px) {
  section.persons-section-alt .field--name-field-person-refs .field__item:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  section.persons-section-alt .field--name-field-person-refs .field__item {
    width: calc(33.3333% - 30px);
  }
}
@media only screen and (min-width: 1024px) {
  section.persons-section-alt .field--name-field-person-refs .field__item {
    width: calc(25% - 30px);
  }
}
section.persons-section-alt .field--name-field-person-refs .field__item .person {
  margin: 0 0 60px;
}
section.persons-section-alt .field--name-field-person-refs .field__item .person,
section.persons-section-alt .field--name-field-person-refs .field__item .field--name-field-image {
  width: 100%;
}
section.persons-section-alt .field--name-field-person-refs .field__item .person .field--name-field-image img {
  margin: 0 auto;
}
section.persons-section-alt .field--name-field-person-refs .field__item .field--name-field-functions > div {
  width: 100%;
  margin-bottom: 0;
}
section.persons-section-alt .field--name-field-person-refs .field__item .field--name-field-description {
  width: 100%;
  margin: 5px 0;
}
section.persons-section-alt .field--name-field-person-refs .field__item .office-contact {
  margin: 0 0 15px;
}
section.persons-section-alt .field--name-field-person-refs .field__item .office-contact div {
  width: 100%;
}

section.story-section {
  background: #fff;
  border-top: 2px solid #009ee3;
}
section.story-section .container {
  width: 100%;
}
section.story-section .section-intro {
  margin: 0;
}
@media only screen and (min-width: 1180px) {
  section.story-section .section-intro {
    margin-bottom: 52px;
  }
}
section.story-section .timeline:before {
  background: #ccc;
}
section.story-section .timeline li:before {
  background-color: #ccc;
}
section.story-section .timeline .month {
  line-height: 1.5;
  padding-top: 22px;
}
section.story-section .timeline .timeline-panel,
section.story-section .timeline .posted-date {
  opacity: 0;
}

@media only screen and (min-width: 1180px) {
  section.story-section .timeline {
    padding: 0;
  }
  section.story-section .timeline:before {
    display: none;
  }
  section.story-section .timeline > li {
    position: relative;
    min-height: 118px;
    margin: 0 0 -15px;
  }
  section.story-section .timeline > li:before {
    display: none;
  }
  section.story-section .timeline > li:nth-child(even) .timeline-panel {
    float: right;
    text-align: left;
  }
  section.story-section .timeline > li:hover .month {
    color: #e5007d;
  }
  section.story-section .timeline > li:hover .posted-date {
    line-height: 85px;
    z-index: 1000;
    background: #ffed00;
    border-color: #ffed00;
    transform: scale(1.4);
  }
  section.story-section .timeline > li:hover .timeline-heading {
    top: -20px;
  }
  section.story-section .timeline > li:hover .timeline-body {
    top: -20px;
    visibility: visible;
    opacity: 1;
  }
  section.story-section .timeline .posted-date {
    top: 0;
    left: 50%;
    width: 85px;
    height: 85px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    margin-left: -42px;
    cursor: default;
    transition: all 0.5s;
    position: absolute;
    text-align: center;
    background-color: #fff;
  }
}
@media only screen and (min-width: 1180px) and (min-width: 1180px) {
  section.story-section .timeline .posted-date:hover {
    line-height: 85px;
    z-index: 1000;
    transform: scale(1.4);
  }
}
@media only screen and (min-width: 1180px) {
  section.story-section .timeline .month {
    transition: all 0.5s;
    font-size: 1.5rem;
    line-height: 5.1875rem;
    font-weight: 700;
    display: block;
    padding-top: 0;
  }
  section.story-section .timeline .timeline-panel {
    width: 42%;
    text-align: right;
  }
  section.story-section .timeline .timeline-heading {
    position: relative;
    top: 24px;
    transition: all 0.5s;
  }
  section.story-section .timeline h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  section.story-section .timeline .timeline-body {
    position: relative;
    top: 10px;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
  }
}
section.event-section .container {
  width: 100%;
}
section.event-section .view li .mandant-name {
  background-color: #ffed00;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 5px;
  font-size: 0.75rem;
}
section.event-section .event-item {
  opacity: 0;
}

section.location-section .container-fluid {
  padding: 0;
}
section.location-section .container-fluid > .row {
  margin: 0;
}
section.location-section .main-contact {
  position: relative;
}
section.location-section .main-contact:before {
  font-family: "Icon Default";
  content: "\e912";
  color: #e5007d;
  margin: 0 8px 0 0;
  position: absolute;
  left: -25px;
}
section.location-section .additional-contact-data {
  display: flex;
  flex-direction: column;
  padding: 0;
}
section.location-section .additional-contact-data .myMap {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  section.location-section .additional-contact-data .myMap .embed-container {
    padding-bottom: 26.7%;
  }
}
section.location-section .additional-contact-data .location-info {
  width: 100%;
}
section.location-section .additional-contact-data .location-info .address:not(p) {
  max-width: 1170px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  section.location-section .additional-contact-data .location-info .address:not(p) {
    flex-direction: row;
  }
}
section.location-section .additional-contact-data .location-info .address:not(p) .main-contact {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
section.location-section .additional-contact-data .location-info .address:not(p) .main-contact:before {
  font-family: "Icon Default";
  content: "\e912";
  color: #e5007d;
  margin: 0 8px 0 0;
  position: absolute;
  left: -25px;
}
@media only screen and (min-width: 768px) {
  section.location-section .additional-contact-data .location-info .address:not(p) .main-contact {
    width: 33.3333333333%;
    margin-bottom: 0;
  }
}
section.location-section .additional-contact-data .location-info .address:not(p) .field-name-field-additional-contact-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  section.location-section .additional-contact-data .location-info .address:not(p) .field-name-field-additional-contact-data {
    width: 66.6666666667%;
    flex-direction: row;
  }
}
section.location-section .additional-contact-data .location-info .address:not(p) .field-name-field-additional-contact-data .paragraph--type--contact {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
section.location-section .additional-contact-data .location-info .address:not(p) .field-name-field-additional-contact-data .paragraph--type--contact:before {
  font-family: "Icon Default";
  content: "\e912";
  color: #e5007d;
  margin: 0 8px 0 0;
  position: absolute;
  left: -25px;
}
@media only screen and (min-width: 768px) {
  section.location-section .additional-contact-data .location-info .address:not(p) .field-name-field-additional-contact-data .paragraph--type--contact {
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
}

section.contact-section {
  padding: 80px 6.25%;
}
@media only screen and (min-width: 1180px) {
  section.contact-section {
    padding: 80px 0;
  }
}
section.contact-section .row {
  padding: 0;
}
section.contact-section input {
  height: 47px;
}
section.contact-section .form-textarea,
section.contact-section .form-email,
section.contact-section .form-text {
  border-radius: 0;
  border: 2px solid #ccc;
  font-size: 1em;
}
section.contact-section .form-textarea:focus, section.contact-section .form-textarea:active,
section.contact-section .form-email:focus,
section.contact-section .form-email:active,
section.contact-section .form-text:focus,
section.contact-section .form-text:active {
  border-color: #e5007d;
  box-shadow: none;
}
section.contact-section .form-textarea {
  margin: 0 0 30px;
  width: 100%;
}
section.contact-section .form-checkbox {
  margin-left: 0;
  height: auto;
  width: 15px;
  height: 15px;
  margin: 6px 10px 0 0;
  text-align: left;
}
section.contact-section .form-item-checkbox {
  text-align: center;
}
section.contact-section input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin: 6px 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  cursor: pointer;
  background: #fff;
}
section.contact-section input[type=checkbox]:checked {
  content: url(icons/check-magenta.svg);
}
section.contact-section .checkbox label {
  text-align: left;
  display: inline;
  padding: 0;
}
section.contact-section #edit-submit {
  margin: 0 auto;
  display: block;
  margin-top: 30px;
  border-radius: 0;
}
section.contact-section .row .col-sm-4 {
  padding: 0;
}
section.contact-section button {
  margin: 20px auto;
  display: block;
}
section.contact-section div.alert-danger {
  border-color: #EF044F;
}
section.contact-section div.alert-danger h2 {
  color: #EF044F;
  font-size: 1.375rem;
}
section.contact-section div.alert-danger button {
  display: none;
}
section.contact-section div.alert-danger ul li {
  color: #333;
}
section.contact-section div.alert-danger ul li a {
  text-decoration: underline;
}

.path-impressum h1 {
  font-size: responsive 2.25rem 3rem;
}
.path-impressum footer.footer-section .list-inline {
  display: block;
}

section.articles-section article .content .mandant-name {
  background-color: #ffed00;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 5px;
  font-size: 0.75rem;
}
section.articles-section article .field--name-field-teaser {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.articles-section:not(.article-large-slider) {
  padding: 80px 6.25%;
}

article.teaser .entry-header {
  padding: 0 18px;
}
article.teaser .entry-image {
  float: none;
  max-width: 100%;
  min-width: 190px;
  margin: 5px 20px 0 0;
}
@media only screen and (min-width: 768px) {
  article.teaser .entry-image {
    max-width: 190px;
  }
}

.article.slider .media--bundle--article {
  overflow: hidden;
  margin-bottom: 20px;
}
.article.slider .media--bundle--article:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.article.slider .media--bundle--article img {
  margin-bottom: 0;
  transition: all 0.4s ease-in-out;
}
.article.slider h2 {
  text-transform: none;
}

.page-node-type-article article.full {
  padding: 0 6.25%;
}
@media only screen and (min-width: 1024px) {
  .page-node-type-article article.full {
    padding: 0;
  }
}
.page-node-type-article article.full .field--name-user-name {
  color: #ffed00;
  background: #e5007d;
  padding: 6px 10px;
  display: table;
  margin: 0 auto 40px;
  font-size: 1.5rem;
}
.page-node-type-article article.full h1 {
  margin-bottom: 10px;
  text-align: center;
}
.page-node-type-article article.full .field--name-field-image-caption,
.page-node-type-article article.full figcaption {
  text-align: right;
}
.page-node-type-article article.full .field--name-field-date-without-time {
  margin: 18px 0;
}
.page-node-type-article article.full h2.field,
.page-node-type-article article.full .field--name-field-title {
  font-size: responsive 1.75rem 2rem;
  line-height: responsive 1.75rem 2rem;
  font-family: "BarlowCond Semibold";
  margin: 0 0 20px;
  padding: 10px 0 0;
}
.page-node-type-article article.full .field--name-field-files,
.page-node-type-article article.full .paragraph--type--embed-code,
.page-node-type-article article.full .paragraph--type--links,
.page-node-type-article article.full .paragraph--type--image,
.page-node-type-article article.full .paragraph--type--text {
  margin: 0 0 30px;
}
.page-node-type-article article.full .field--name-field-links a:before {
  content: "\e910";
  font-family: "Icon Default";
  padding: 0 9px 0 0;
  color: #e5007d;
}
.page-node-type-article article.full .field--name-field-files .icon:before {
  font-family: "Icon Default";
  content: "\e903";
  margin: 0 10px 0 0;
  color: #e5007d;
}
.page-node-type-article .backlink a:hover:before {
  transition: all 0.4s ease-in-out 0s;
  margin-left: -10px;
}

.path-articles .region-content .entry-content .readmore {
  font-size: 1.25rem;
  text-transform: unset;
}
.path-articles h2 .field--name-title {
  text-transform: none;
}

.page-node-type-articles-overview .region-content {
  max-width: 750px;
  padding: 150px 0 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1180px) {
  .page-node-type-articles-overview .region-content {
    padding: 170px 0 110px;
  }
}
.page-node-type-articles-overview .region-content .title-wrapper {
  text-align: center;
}
.page-node-type-articles-overview .region-content .title-wrapper h1 {
  background: #a5027d;
  color: #fff;
  padding: 5px 15px 4px;
  display: inline-block;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
  .page-node-type-articles-overview .region-content .title-wrapper h1 {
    margin: 0 0 40px;
  }
}
.page-node-type-articles-overview .region-content .entry-header h2 {
  font-size: 1.5rem;
}
.page-node-type-articles-overview .region-content .entry-header h2 span {
  color: #000;
}
.page-node-type-articles-overview .region-content .entry-content .readmore {
  font-family: "Calibri Bold";
  font-size: 1.25rem;
  text-transform: unset;
  margin: 10px 0 0;
  display: block;
}
.page-node-type-articles-overview .region-content .entry-content .readmore:after {
  font-family: "Icon Default";
  content: "\e910";
  padding: 0 0 0 5px;
}
.page-node-type-articles-overview .region-content .entry-content .readmore:hover:after,
.page-node-type-articles-overview .region-content .entry-content .readmore:focus:after {
  padding-left: 10px;
  padding-right: 0;
}
.page-node-type-articles-overview .field--name-field-intro,
.page-node-type-articles-overview article.teaser {
  margin: 0 0 30px;
}
.page-node-type-articles-overview .field--name-field-intro {
  padding: 0 18px;
}

.page-node-type-persons-overview .region-content {
  max-width: 1170px;
  padding: 150px 0 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1180px) {
  .page-node-type-persons-overview .region-content {
    padding: 170px 0 110px;
  }
}
@media only screen and (min-width: 768px) {
  .page-node-type-persons-overview .region-content .field--name-field-persons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .page-node-type-persons-overview .region-content .field--name-field-persons .field__item:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .page-node-type-persons-overview .region-content .field--name-field-persons .field__item {
    width: calc(33.3333% - 30px);
  }
}
@media only screen and (min-width: 1024px) {
  .page-node-type-persons-overview .region-content .field--name-field-persons .field__item {
    width: calc(25% - 30px);
  }
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .person {
  margin: 0 0 60px;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .person,
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .field--name-field-image {
  width: 100%;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .person .field--name-field-image img {
  margin: 0 auto;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .field--name-field-description {
  width: 100%;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .field--name-field-functions > div {
  width: 100%;
  margin-bottom: 0;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .office-contact {
  margin: 0 0 15px;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .field__item .office-contact div {
  width: 100%;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .entry-content h3 {
  margin: 10px 0 0;
}
.page-node-type-persons-overview .region-content .field--name-field-persons .entry-content .field--name-field-email {
  width: 100%;
  text-align: center;
}
.page-node-type-persons-overview .region-content .person-content-wrapper {
  text-align: center;
}
.page-node-type-persons-overview .region-content .person-content-wrapper h2 {
  background: #009ee3;
  color: #fff;
  display: inline-block;
  padding: 5px 15px 3px;
  margin: 0 0 40px;
  text-transform: uppercase;
}
.page-node-type-persons-overview .region-content .person-content-wrapper .field--name-field-intro {
  margin: 0 0 30px;
  padding: 0 18px;
}
@media only screen and (min-width: 768px) {
  .page-node-type-persons-overview .region-content .persons-overview {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }
}

section.connections-section {
  padding: 80px 0;
  background: #fff;
}
section.connections-section .aspectbox:before {
  content: none;
}

section.member-section {
  background: none;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #e5007d;
}
@media only screen and (min-width: 1024px) {
  section.member-section {
    flex-direction: row;
  }
}
section.member-section .engagement-background {
  background: url(images/engagieren_mobile.png) center center no-repeat #5e5e5e;
  background-size: cover;
  color: #fff;
  height: 580px;
}
@media only screen and (min-width: 768px) {
  section.member-section .engagement-background {
    background-image: url(images/engagieren.png);
    height: 500px;
  }
}
@media only screen and (min-width: 1024px) {
  section.member-section .engagement-background {
    width: 60%;
  }
}
section.member-section .engagement {
  padding: 6.25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e5007d;
}
@media only screen and (min-width: 1024px) {
  section.member-section .engagement {
    width: 40%;
    padding: 0 3.25%;
  }
}
section.member-section .engagement p:nth-child(3) {
  margin-bottom: 0;
}
section.member-section .engagement h2 {
  margin-bottom: 24px;
}
section.member-section .engagement .animation-wrapper {
  opacity: 0;
}

.election-pages-section {
  background: #FFE209;
  padding: 40px 0;
  text-align: center;
}
.election-pages-section h2 {
  background: none;
  padding: 0;
  color: #e5007d;
  text-transform: none;
}
.election-pages-section p {
  max-width: 800px;
  padding: 0 15px;
}
.election-pages-section .section-intro {
  margin: 0 0 36px;
}
.election-pages-section .field--name-field-election-pages + .field--name-field-election-pages {
  margin: 15px 0 0;
}
.election-pages-section a {
  text-transform: uppercase;
}
.election-pages-section a:hover, .election-pages-section a:focus {
  text-decoration: underline;
}

.path-event label.form-required:after,
.page-node-type-event label.form-required:after {
  /* background-image: url(/themes/custom/uv_42_default_theme/images/required.svg); */
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  vertical-align: super;
  line-height: 1;
  height: 7px;
  width: 10px;
  color: red;
}

#podcasts {
  border-top: 2px solid #009ee3;
}
#podcasts .podcast-text h3 {
  font-family: "BarlowCond Semibold";
}

section.slogan-link-section {
  padding: 15px;
}
@media only screen and (min-width: 1180px) {
  section.slogan-link-section {
    padding: 12px 45px;
  }
}
section.slogan-link-section .content-container {
  max-width: unset;
}
@media only screen and (min-width: 768px) {
  section.slogan-link-section .content-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
}
section.slogan-link-section .field--name-field-link-title {
  margin-bottom: 6px;
  color: #009EE3;
  font-family: var(--font-2);
}
@media only screen and (min-width: 768px) {
  section.slogan-link-section .field--name-field-link-title {
    margin: 0;
  }
}
section.slogan-link-section .link-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
section.slogan-link-section .field--name-field-link {
  font-family: var(--font-2);
}
section.slogan-link-section svg {
  width: 12px;
  height: 12px;
  fill: #e5007d;
  margin-left: 8px;
}

/*# sourceMappingURL=gliederungen.css.map*/