@charset "UTF-8";
/* All the SCSS files would be import here. */
/* stylelint-disable color-no-hex */
/* colors  */
/* form element height */
/* Nav height */
/* New breakpoint for event calendar */
:root {
  --c-white: #ffffff;
  --c-black: #000000;
  --c-white-75: rgba(255, 255, 255, 0.75);
  --c-neutral-darkest: #021d1f;
  --c-neutral-dark: #6e6e6e;
  --c-neutral-medium: #adadad;
  --c-neutral-light: #e6e6e6;
  --c-background-gray: #f3f3f3;
  --c-primary-darkest: #05565a;
  --c-primary-dark: #097e7e;
  --c-primary-pure: #96d6d8;
  --c-primary-light: #b9ecef;
  --c-primary-lightest: #d9f5f6;
  --c-red-alert: #d9534f;
  --space-xxxs: 4px;
  --space-xxs: 8px;
  --space-xs: 16px;
  --space-sm: 24px;
  --space-md: 32px;
  --space-lg: 40px;
  --space-xl: 48px;
  --nakomo-font: "Roboto", sans-serif;
}

html body {
  --ginFont: var(--nakomo-font);
}

/* Media query for different resolution */
/* font face */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(././fonts/Roboto-Thin.woff2) format("woff2"), url(././fonts/Roboto-Thin.woff) format("woff"), url(././fonts/Roboto-Thin.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(././fonts/Roboto-Light.woff2) format("woff2"), url(././fonts/Roboto-Light.woff) format("woff"), url(././fonts/Roboto-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url(././fonts/Roboto-Regular.woff2) format("woff2"), url(././fonts/Roboto-Regular.woff) format("woff"), url(././fonts/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(././fonts/Roboto-Medium.woff2) format("woff2"), url(././fonts/Roboto-Medium.woff) format("woff"), url(././fonts/Roboto-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  src: url(././fonts/Roboto-Bold.woff2) format("woff2"), url(././fonts/Roboto-Bold.woff) format("woff"), url(././fonts/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(././fonts/Roboto-Black.woff2) format("woff2"), url(././fonts/Roboto-Black.woff) format("woff"), url(././fonts/Roboto-Black.ttf) format("truetype");
}
/* font weight */
.path-contact .block--intro-text.card, .private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .field--name-field-message-file, .private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .field--name-message, .path-frontpage .alert, .introduction .card__body .card__text, .introduction .card__body .card__title, html,
body {
  width: 100%;
}

html,
body {
  height: 100%;
}

.proj-post-date .article__special-fields-icon {
  display: inline-block;
}

.private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .field--name-message, .content-status-single-view span, .nakomo-footer .nav, .text-muted-theme span, .paragraph.paragraph--type--featured-items .card__featured-items .card__link a {
  display: block;
}

.nakomo-footer, .introduction .card__body .card__text ul li, .introduction .card__body, nav.navbar-default .navbar-header {
  display: flex;
}

.social-user-login-form .nak-login-cust .card__block .card__nested-section, .form-item-field-event-date-0-value-time span.form-required,
.form-item-field-event-date-end-0-value-time span.form-required, .view-display-id-page_group_manage_members .card .card__block--table .dropdown-menu.dropdown-menu-right li:last-child, .location-address .address br, aside .offcanvas-body form .form-item-field-organisation,
aside .offcanvas-body form .form-item-field-themenbereich, .introduction .card__body .card__text ul + h2, .introduction .card__body .card__title:empty, .cover.cover--landing .hero__bgimage-overlay,
.cover.cover--landing .hero-small__bgimage-overlay {
  display: none;
}

.social-user-login-form .form-actions + .login-description a, .teaser__content-text .field--name-field-organisation, .location-address .address {
  display: inline;
}

.no-image .teaser__teaser-type-icon, .nakomo-footer, .paragraph .paragraph--featured .card.teaser .teaser__image div.teaser__teaser-type-icon {
  position: relative;
}

.path-frontpage .alert, .cover .cover-wrap .img-copyright {
  position: absolute;
}

.paragraph .paragraph--featured .card.teaser .teaser__image .img_wrapper img {
  position: static;
}

@media screen and (min-width: 1200px) {
  nav.navbar-default {
    min-height: 120px;
  }
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  nav.navbar-default {
    height: 120px;
  }
}

nav.navbar-default .navbar-toggle:hover, nav.navbar-default .navbar-toggle:focus, nav.navbar-default .navbar-nav li.open > a:hover, nav.navbar-default .navbar-nav li.open > a:focus, nav.navbar-default .navbar-nav li.open > a, nav.navbar-default .navbar-nav li.active a:hover, nav.navbar-default .navbar-nav li.active a:focus, nav.navbar-default .navbar-nav li.active a, nav.navbar-default .navbar-nav li a.is-active:hover, nav.navbar-default .navbar-nav li a.is-active:focus, nav.navbar-default .navbar-nav li a.is-active, nav.navbar-default .navbar-nav li a:hover, nav.navbar-default .navbar-nav li a:focus {
  background: none;
}

.nakomo-footer .nav li a.is-active, .nakomo-footer .nav li a:hover, .nakomo-footer .nav li a:focus {
  color: #ffffff;
}

nav.navbar-default .navbar-nav li a.is-active {
  color: #000000;
}

.nakomo-footer .copyright, .introduction .card__body .card__text ul li p, .cover .cover-wrap .cover-small .page-subtitle, .cover .cover-wrap .cover-small h1.page-title {
  color: #05565c;
}

.paragraph h2.title + .card__text, .paragraph h2.title {
  color: #535353;
}

.nakomo-footer .nav li a, .introduction .card__body .card__title, .user-register-form .card__nested-section a,
.user-register-form .reload-captcha-wrapper a, .social-user-login-form .form-actions + .login-description a {
  color: #007175;
}

nav.navbar-default {
  box-shadow: none;
}

.cover .cover-wrap .cover-small h1.page-title {
  text-shadow: none;
}

.introduction .card__body .card__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.user-register-form .card__nested-section a,
.user-register-form .reload-captcha-wrapper a, .social-user-login-form .form-actions + .login-description a {
  font-size: 16px;
  font-size: 1rem;
  border-bottom: 2px solid #007175;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 1;
  padding: 6px 0 2px;
}

/* Flex property */
.nakomo-footer, .introduction .card__body .card__text ul li, nav.navbar-default .navbar-header, nav.navbar-default .container--navbar {
  align-items: center;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Roboto", sans-serif !important;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: normal;
  line-height: 1.625rem;
}

img {
  height: auto;
  max-width: 100%;
}

.hero-footer .btn,
.hero-small-footer .btn {
  font-size: 17px;
  font-size: 1.0625rem;
  border-radius: 0;
  padding: 10px 25px;
}
.hero-footer .btn.btn-flat,
.hero-small-footer .btn.btn-flat {
  border: 1px solid #007175;
  color: #007175;
}

.paragraph h2.title {
  line-height: 1.1;
}
.paragraph h2.title + .card__text {
  margin-bottom: 30px;
}
.paragraph h2.title + .card__text p {
  font-weight: normal;
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .paragraph h2.title + .card__text {
    margin-bottom: 47px;
  }
}
@media screen and (min-width: 900px) {
  .paragraph h2.title {
    font-size: 25px;
    font-size: 1.5625rem;
    margin: 0 0 10px;
  }
}

.badge__icon ~ .badge__label {
  font-weight: normal;
}

.teaser__content-text {
  font-weight: normal;
}

.main-container {
  z-index: 2;
}
@media screen and (max-width: 599px) {
  .main-container {
    overflow: initial;
  }
}
@media screen and (min-width: 900px) {
  .main-container {
    z-index: 0;
  }
}
@media screen and (min-width: 600px) {
  .main-container {
    padding-top: 86px;
  }
}
@media screen and (min-width: 1200px) {
  .main-container {
    min-height: calc(100vh - 120px);
    padding-top: 120px;
  }
  .page-preview .main-container {
    padding-top: 180px;
  }
}

@media screen and (min-width: 1200px) {
  .section-title {
    padding-left: 0;
  }
}
@media screen and (min-width: 600px) {
  .section-title.section-title-node {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .section-title.section-title-node {
    padding-left: 0;
  }
}

h2.section-title {
  font-size: 1.2rem;
}
@media screen and (min-width: 1200px) {
  h2.section-title {
    font-size: 1.25rem;
  }
}

.caret {
  border-top: 4px solid #4d4d4d;
}

@media screen and (max-width: 889px) {
  .views-exposed-form {
    z-index: 1;
  }
}

@media screen and (max-width: 889px) {
  .card__block.small[role=alert] {
    margin-top: 24px;
  }
}

.btn-group.dropdown .btn-default,
.btn-group.dropdown .button {
  margin-bottom: 0;
}

.vbo-multipage-selector .form-submit {
  margin: 8px 0;
}

@media all {
  .image-widget input[type=file].form-control {
    height: auto;
  }
}

.select-wrapper select {
  line-height: 1.2;
}

form:not(.layout-builder-configure-block) .select-wrapper::after {
  right: -3px;
  top: 20px;
}

/* Media for firfox only */
@-moz-document url-prefix() {
  input[type=file] {
    height: auto;
  }
}
.comment__content {
  overflow-x: visible;
}
.comment__content .comment-form .form-control--autogrow {
  height: 38px;
}

.nakomo-text-regular {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: var(--nakomo-font);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
  text-align: center;
}
.nakomo-text-regular--bold {
  font-weight: 600;
}
.nakomo-text-regular--bold-underline {
  font-weight: 600;
  text-decoration-line: underline;
}

/* Components */
/* atoms */
.badge-primary {
  background-color: #097e7e;
}

.badge-accent[href]:hover,
.badge-accent[href]:focus,
[href] .badge-accent:hover,
[href] .badge-accent:focus {
  background-color: #05565c;
  color: #ffffff;
}

.btn-flat {
  color: #007175 !important;
}
.btn-flat svg {
  color: #007175 !important;
}

.block-social-group.block-group-statistic-block.card .btn-group button.btn {
  border-radius: 0 !important;
}

.btn-miro {
  background-color: transparent;
  border-color: #097e7e;
  color: #097e7e;
  fill: #097e7e;
}
.btn-miro:focus, .btn-miro.focus, .btn-miro:hover, .btn-miro:active, .btn-miro.active, .open > .btn-miro.dropdown-toggle {
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(4.92, 68.88, 68.88);
  color: #097e7e;
}
.btn-miro.disabled:hover, .btn-miro.disabled:focus, .btn-miro.disabled.focus, .btn-miro[disabled]:hover, .btn-miro[disabled]:focus, .btn-miro[disabled].focus, fieldset[disabled] .btn-miro:hover, fieldset[disabled] .btn-miro:focus, fieldset[disabled] .btn-miro.focus {
  background-color: transparent;
  border-color: #097e7e;
}
.btn-miro:focus, .btn-miro.focus, .btn-miro:hover, .btn-miro:active, .btn-miro.active, .open > .btn-miro.dropdown-toggle {
  background-color: #097e7e;
  border-color: #097e7e;
  color: #ffffff;
}

.btn.btn-primary {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  color: var(--c-white);
}

.iframe-wrapper button, .btn.btn-white {
  background: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-primary-darkest);
  font-weight: 600;
}
.iframe-wrapper button:hover, .btn.btn-white:hover, .iframe-wrapper button:active, .btn.btn-white:active, .iframe-wrapper button:focus, .btn.btn-white:focus {
  background-color: var(--c-neutral-light);
}

.btn.btn-outline {
  background-color: transparent;
  border-color: var(--c-primary-dark);
  color: var(--c-primary-dark);
}
.btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus {
  background-color: #e6e6e6;
}
.btn.comment__reply-btn {
  display: none;
}

.nakomo-button--link {
  background-color: inherit;
  border: none;
}

.nakomo-heading1 {
  font-size: 48px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 120%;
}

.nakomo-heading2 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 135%;
}

.nakomo-heading3 {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 130%;
}

.nakomo-heading4 {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 140%;
}

.nakomo-heading5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  text-transform: uppercase;
}

.nakomo-heading6 {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
}

.nakomo-typeheadline {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--c-neutral-darkest);
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

.closed_group {
  display: flex;
  gap: var(--space-xxxs);
  justify-content: center;
}
.closed_group:after {
  background-image: url(././images/iconlock-full-primarydark.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: var(--space-xs);
  width: var(--space-xs);
}

/* molecules */
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  flex: 1 1 70%;
}

/* stylelint-disable selector-max-compound-selectors */
@media screen and (min-width: 786px) {
  .container.container--navbar {
    justify-content: space-between;
  }
}
@media screen and (min-width: 900px) {
  .container.container--navbar {
    display: grid;
    grid-template-columns: auto auto;
    max-width: 1200px !important;
  }
}

.navbar-brand {
  overflow: unset;
}

body.page-preview .container.container--navbar, body.user-logged-in .container.container--navbar {
  grid-template-columns: auto auto auto;
}

/* set active state for main menu links on appropriate pages (use body classes to check where we are */
body.path-discover .navbar-discover a span {
  border-bottom: 2px solid var(--c-primary-darkest);
}

body.path-my-groups .navbar-groups a span,
body.path-all-groups .navbar-groups a span {
  border-bottom: 2px solid var(--c-primary-darkest);
}

body.path-community-events .navbar-events a span {
  border-bottom: 2px solid var(--c-primary-darkest);
}

.nav.navbar-nav.navbar-user {
  padding-bottom: 10px;
  padding-top: 10px;
}
.nav.navbar-nav .createcontent.dropdown a.dropdown-toggle {
  align-items: center;
  display: flex;
  font-weight: 600;
  gap: var(--space-xxs);
}
.nav.navbar-nav .createcontent.dropdown a.dropdown-toggle::before {
  background-image: url(././images/Icon-Add-Outline.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.nav.navbar-nav .createcontent.dropdown a.dropdown-toggle::after {
  display: none;
}
.nav.navbar-nav .createcontent.dropdown .dropdown-menu {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 785.98px) {
  .nakomo-navbar__account {
    order: 2;
  }
}
.nakomo-navbar__account .navbar-nav > .profile.dropdown.open a {
  position: relative;
  z-index: 1001;
}
.nakomo-navbar__account .navbar-nav > .profile.dropdown.open a:focus {
  box-shadow: none !important;
  outline: none !important;
}
.nakomo-navbar__account .navbar-nav > .profile.dropdown.open .dropdown-toggle:after {
  filter: grayscale(100%) invert(100%) brightness(200%);
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-toggle img {
  display: none;
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-toggle:after {
  background-image: url(././images/icon-profile.svg);
  content: "";
  display: block;
  height: 24px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 24px;
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: auto !important;
  padding-top: 0;
  position: absolute;
  top: 3px;
  /* stylelint-enable max-nesting-depth */
}
@media screen and (max-width: 785.98px) {
  .nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu {
    left: auto;
    right: 0;
  }
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu li:first-child {
  background: var(--c-primary-darkest);
  color: var(--c-white);
  padding-top: 0;
  /* stylelint-disable max-nesting-depth */
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu li:first-child a {
  color: var(--c-white);
  padding: 12px 44px 12px 16px;
  padding-left: 40px;
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu li:first-child a:hover {
  background: var(--c-primary-darkest);
}
@media screen and (min-width: 600px) {
  .nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu li:first-child a {
    padding: 12px 44px 12px 16px;
  }
}
.nakomo-navbar__account .navbar-nav > .profile > .dropdown-menu .header-nav-current-user {
  padding: 0;
}
.nakomo-navbar__main {
  align-items: center;
  display: flex;
  order: 0;
  position: relative;
}
@media screen and (max-width: 785.98px) {
  .nakomo-navbar__main {
    margin-left: auto;
  }
}
@media screen and (max-width: 899.98px) {
  .nakomo-navbar__main {
    flex: 0;
  }
}
.nakomo-navbar__main.navbar-collapse {
  border: 0;
}
.nakomo-navbar__main .nakomo-link {
  color: var(--c-primary-darkest);
  font-weight: 600;
}
.nakomo-navbar__main .nakomo-mainnav__list {
  display: flex;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 785.98px) {
  .nakomo-navbar__main .nakomo-mainnav__list {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 786px) {
  .nakomo-navbar__main .nakomo-mainnav__list {
    gap: var(--space-sm);
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .nakomo-navbar__main .nakomo-mainnav__list {
    gap: var(--space-lg);
  }
}
@media screen and (max-width: 785.98px) {
  .nakomo-navbar__main .nakomo-mainnav__list {
    background-clip: padding-box;
    background-color: var(--c-white);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
    flex-flow: column;
    font-size: 0.875rem;
    gap: 0;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    padding: 5px 0;
    text-align: left;
    width: 100%;
  }
}
.nakomo-navbar__main .nakomo-mainnav__list.active {
  display: block;
}
.nakomo-navbar__main .nakomo-mainnav__listitem {
  display: inline-block;
  list-style: none;
}
.nakomo-navbar__main .nakomo-mainnav__listitem a {
  font-size: 15px;
  font-size: 0.9375rem;
  display: flex;
  gap: var(--space-xxs);
}
@media screen and (max-width: 785.98px) {
  .nakomo-navbar__main .nakomo-mainnav__listitem a {
    color: #05565c;
    font-weight: 400;
    padding: 4px 10px 4px 15px;
  }
}
.nakomo-navbar__main .nakomo-icon {
  display: none;
}
@media screen and (min-width: 900px) {
  .nakomo-navbar__main .nakomo-icon {
    display: inline-block;
  }
}

@media screen and (max-width: 785.98px) {
  .nakomo-mainnav__wrapper {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
}
.nakomo-mainnav__wrapper.active {
  display: block;
}

.burger-menu {
  align-items: center;
  background: none;
  border: none;
  color: var(--c-primary-darkest);
  display: flex;
  fill: var(--c-primary-darkest);
  font-size: 0.875rem;
  gap: 8px;
  justify-content: space-between;
  padding: 11px 16px 11px 16px;
  text-align: left;
}
@media screen and (min-width: 786px) {
  .burger-menu {
    display: none;
  }
}
.burger-menu--close {
  background: var(--c-primary-darkest);
  color: var(--c-white);
  fill: var(--c-white);
  width: 100%;
}

h2.card-files__title, h2.related-topics__title {
  font-size: 1rem;
  line-height: 1.625rem;
}

span.form-required {
  color: #d40000;
}

/*styling of inline infomessage when changing visibility for groups*/
#group-selection-result div {
  background-color: #dff0d8;
  border: 1px solid transparent;
  border-color: #d6e9c6;
  color: #3c763d;
  margin-bottom: 24px;
  padding: 0.75rem 2.75rem 0.75rem 1.25rem;
  position: relative;
}

.nakomo-content-top {
  background-color: var(--c-primary-light);
  color: var(--c-primary-darkest);
  max-width: 100%;
  width: 100%;
}
.nakomo-content-top__wrapper {
  width: 100%;
}
.nakomo-content-top__wrapper .content {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.8125rem;
  margin-bottom: 56px;
  max-width: 900px;
}
.nakomo-content-top__title {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3.0625rem;
  margin-top: 56px;
}
.nakomo-content-top + .navbar.navbar-secondary {
  background-color: var(--c-primary-dark);
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 820px) {
  .nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    max-width: 1200px;
    padding: 0 1rem;
    width: 100%;
  }
}
@media screen and (min-width: 1291px) {
  .nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav {
    padding: 0;
  }
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li {
  font-size: 16px;
  font-size: 1rem;
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li.active {
  margin-bottom: 5px;
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li.active a {
  font-weight: 600;
  /* stylelint-disable-next-line max-nesting-depth */
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li.active a:after {
  height: 2px;
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li a {
  font-weight: 400;
  margin-right: 24px;
  padding: 16px 0 8px;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li a:after {
  height: 2px;
}
.nakomo-content-top + .navbar.navbar-secondary .nav.navbar-nav li a .count {
  color: var(--c-white-75);
  font-weight: 400;
}

.ui-widget-overlay {
  background: var(--c-black) !important;
  opacity: 0.5 !important;
}

.follow-user--statsoverlay #drupal-modal {
  padding-bottom: 40px;
}

.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  font-family: var(--nakomo-font) !important;
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] [type=button]:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] [type=reset]:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] [type=submit]:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] a:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] input:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] select:focus,
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] .form-select:focus {
  box-shadow: unset !important;
  outline: unset !important;
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] .ui-dialog-titlebar {
  background-color: var(--c-white) !important;
  border-bottom: 1px solid var(--c-neutral-light) !important;
  margin-bottom: 0;
  padding: var(--space-xs);
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog].ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] .ui-dialog-titlebar .ui-dialog-title {
  font-size: 19px;
  font-size: 1.1875rem;
  color: var(--c-neutral-darkest);
  font-weight: 600;
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] button.ui-button.ui-dialog-titlebar-close {
  background-color: transparent !important;
  border: none !important;
  height: 14px !important;
  position: inherit !important;
  right: 0 !important;
  top: 0 !important;
  transform: unset !important;
  width: 14px !important;
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] button.ui-button.ui-dialog-titlebar-close::before {
  display: none !important;
}
.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] button.ui-button.ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  background: none;
  content: url(././images/Close_dark.svg);
}

.card__link {
  color: #007175 !important;
}
.card--noshadow {
  box-shadow: none;
}
.card--simple {
  align-items: center;
  padding: var(--space-sm);
}
.card--primary-lightest {
  background-color: var(--c-primary-lightest);
}

.card-file {
  background-color: #097e7e;
  transition: all 0.17s;
}
.card-file .card-file__link,
.card-file .card-file__title,
.card-file .card-file__type {
  color: #ffffff;
}
.card-file .card-file__link {
  height: 110px;
}
.card-file .card-file__title:after {
  background-color: #097e7e;
  transition: all 0.17s;
}
.card-file:hover {
  background-color: #05565c;
}
.card-file:hover .card-file__title:after {
  background-color: #05565c;
}
.card-file__icon {
  height: 17px;
  width: 17px;
}

.card-files__grid {
  -moz-column-gap: 15px;
       column-gap: 15px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  row-gap: 15px;
}
@media screen and (min-width: 600px) {
  .card-files__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .card-files__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.card-files__grid .card-file {
  list-style: none;
  margin: 0 !important;
}

.card__comment_section .comment-form {
  margin-top: 2rem;
}
.card__comment_section .comment-form__wrapper .comment__avatar {
  margin-top: 2rem;
}
.card__comment_section .comment__text p:last-of-type {
  margin-bottom: 0.5rem;
}

.card--stream .body-text > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .card--stream .body-text > ul {
    float: left;
    margin-right: 13px;
    width: calc(50% - 7px);
  }
  .card--stream .body-text > ul:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 900px) {
  .card--stream .body-text > ul {
    width: calc(33% - 7px);
  }
  .card--stream .body-text > ul:nth-of-type(2n) {
    margin-right: 13px;
  }
  .card--stream .body-text > ul:nth-of-type(3n) {
    margin-right: 0;
  }
}
.card--stream .body-text > ul li {
  margin-right: 0;
}

.socialblue--sky .content-merged--sky .region--complementary section.card {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 1.25rem !important;
}
.socialblue--sky .content-merged--sky .region--complementary section.card::before, .socialblue--sky .content-merged--sky .region--complementary section.card::after {
  display: none;
}
.socialblue--sky .content-merged--sky .content-merged--sky--complementary {
  background: transparent !important;
  box-shadow: none;
}
.socialblue--sky .content-merged--sky .card__info-user::after {
  content: unset;
  display: none;
  height: 0;
}
.socialblue--sky .card--views__sidebar .card__actionbar .btn:before {
  background: #b9ecef;
}
.socialblue--sky .card--views__sidebar .card__actionbar .btn:hover, .socialblue--sky .card--views__sidebar .card__actionbar .btn:active, .socialblue--sky .card--views__sidebar .card__actionbar .btn:focus {
  color: #05565c !important;
}
.socialblue--sky .card--views__sidebar .card__actionbar .btn:hover:before, .socialblue--sky .card--views__sidebar .card__actionbar .btn:active:before, .socialblue--sky .card--views__sidebar .card__actionbar .btn:focus:before {
  background: #05565c !important;
}

.nakomo-placeholder {
  align-items: center;
  align-self: stretch;
  border: 2px dashed var(--c-primary-dark);
  border-style: dashed;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--space-sm);
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
}
.nakomo-placeholder--white {
  border-color: var(--c-white);
  color: var(--c-white);
}

.nakomo-searchfield {
  background-color: var(--c-primary-pure);
  border-radius: 60px;
  margin: 0;
  max-width: 584px;
  padding: 0;
  width: 100%;
  /*white searchfield*/
}
.nakomo-searchfield input[type=text] {
  font-size: 18px;
  font-size: 1.125rem;
  border: none;
  font-weight: normal;
}
.nakomo-searchfield .form-group {
  margin-bottom: 0;
}
.nakomo-searchfield #navbar-search {
  align-items: center;
  align-self: center;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  justify-content: center;
  padding: var(--space-xxs);
}
.nakomo-searchfield .btn {
  background: unset;
  border: unset;
  margin: 0;
  padding: 0;
}
.nakomo-searchfield .icon--search {
  height: 30px;
  width: 30px;
}
.nakomo-searchfield--white {
  background-color: var(--c-white);
  color: var(--c-primary-darkest);
}
.nakomo-searchfield--white input[type=text]:-ms-input-placeholder {
  color: var(--c-primary-darkest);
}
.nakomo-searchfield--white input[type=text]::-ms-input-placeholder {
  color: var(--c-primary-darkest);
  opacity: 1;
}
.nakomo-searchfield--white input[type=text]::-webkit-input-placeholder {
  color: var(--c-primary-darkest);
  font-weight: 500;
  opacity: 1;
}
.nakomo-searchfield--white .icon--search {
  fill: var(--c-primary-darkest);
}
.nakomo-searchfield--center {
  margin: auto;
}

.nakomo-search-content-form {
  align-items: center;
  display: flex;
  gap: 6px;
  padding: 14px 28px 14px 23px;
}
.nakomo-search-content-form .control-label {
  color: #6e6e6e;
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
}
.nakomo-search-content-form .form-type-select {
  align-items: center;
  display: flex;
  font-weight: 400;
  gap: 6px;
  margin-right: 10px;
}
.nakomo-search-content-form .form-type-select .select-wrapper:after {
  background: #021d1f;
  content: "";
  height: 24px;
  -webkit-mask-image: url(././images/icon-chevron-down.svg);
          mask-image: url(././images/icon-chevron-down.svg);
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 24px 24px;
          mask-size: 24px 24px;
  right: 2px;
  top: 14px;
  width: 24px;
}
.nakomo-search-content-form .form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 2px solid var(--c-primary-darkest);
}
.nakomo-search-content-form .form-text {
  flex: 1 1 0px;
  width: auto;
}

.nakomo-link--icon {
  align-items: center;
  display: flex;
  gap: 10px;
}

/*linkeffects for cards and teasers*/
.linkeffect:hover {
  box-shadow: none;
  outline: 2px solid var(--c-primary-darkest);
}
.linkeffect:active {
  background-color: var(--c-primary-lightest);
}
.linkeffect:focus {
  box-shadow: none;
  outline: 2px dashed var(--c-primary-darkest);
}

.nakomo-filter {
  width: 100%;
}
.nakomo-filter[data-class=exposed-filter-block].views-exposed-form {
  margin: 0;
  padding: 0;
}
.nakomo-filter .filterbar-xs-only {
  /* stylelint-disable-next-line color-no-hex */
  background-color: #05565a; /*fallback ie*/
  background-color: var(--c-primary-darkest);
}
.nakomo-filter .filterbar-xs-only .event-filter {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  min-height: 90px;
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    max-width: 1200px;
    padding: 0 1rem;
    width: 100%;
  }
}
@media screen and (min-width: 1291px) {
  .nakomo-filter .filterbar-xs-only .event-filter {
    padding: 0;
  }
}
.nakomo-filter .filterbar-xs-only .event-filter__cat.event-filter__zeitraum {
  border-left: 1px solid var(--c-white-75);
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__cat.event-filter__zeitraum {
    border-left: 1px solid #ffffff;
  }
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__cat {
    border-left: 1px solid #ffffff;
  }
}
.nakomo-filter .filterbar-xs-only .event-filter__cat:not(.js--visible) .event-filter__content {
  display: none;
}
.nakomo-filter .filterbar-xs-only .event-filter__content {
  background: #ffffff;
  box-shadow: 0 0 0 0 #e0e0e0, 0 0 2px -2px rgba(0, 0, 0, 0.12), 0 6px 4px -4px rgba(0, 0, 0, 0.24);
  left: 0;
  min-width: 100%;
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__content {
    top: 100%;
  }
}
.nakomo-filter .filterbar-xs-only .event-filter__content fieldset {
  margin: 0 auto;
  max-width: 1200px;
}
.nakomo-filter .filterbar-xs-only .event-filter__toggle {
  font-size: 18px;
  font-size: 1.125rem;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 30px;
}
.nakomo-filter .filterbar-xs-only .event-filter__toggle.js--expanded {
  background-color: #ffffff;
  color: #05565c;
}
.nakomo-filter .filterbar-xs-only .event-filter__toggle.js--expanded svg {
  fill: #05565c;
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__toggle {
    padding: 0 30px;
  }
}
.nakomo-filter .filterbar-xs-only .event-filter__title {
  font-size: 18px;
  font-size: 1.125rem;
  align-items: center;
  align-self: center;
  border-bottom: 1px solid var(--c-white-75);
  display: flex;
  font-weight: 400;
  height: 40%;
  justify-content: center;
  width: 100%;
}
.nakomo-filter .filterbar-xs-only .event-filter__title label {
  display: none;
}
.nakomo-filter .filterbar-xs-only .event-filter__title .form-item {
  margin: 12px 0;
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__title .form-item {
    margin: 0;
    width: 480px;
  }
}
@media screen and (min-width: 820px) {
  .nakomo-filter .filterbar-xs-only .event-filter__title {
    justify-content: space-between;
    margin: 0;
    margin-right: 20px;
    width: unset;
  }
}
.nakomo-filter .filterbar-xs-only .event-filter__icon--search {
  fill: #ffffff;
  height: 30px;
  width: 30px;
}
.nakomo-filter .filterbar-xs-only .event-filter__hiddenfields {
  display: none;
}
.nakomo-filter input[type=text] {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--c-white-75);
  color: var(--c-white);
  max-width: 200px;
  outline: none;
  padding: 5px 0;
}
.nakomo-filter input[type=text]::-moz-placeholder {
  color: var(--c-white-75);
  opacity: 1; /* Firefox */
}
.nakomo-filter input[type=text]::placeholder {
  color: var(--c-white-75);
  opacity: 1; /* Firefox */
}
@media screen and (min-width: 820px) {
  .nakomo-filter input[type=text] {
    border-bottom: none;
    max-width: 100%;
  }
}
.nakomo-filter .pills {
  background-color: var(--c-white);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto;
  padding: 40px 10px;
  width: 100%;
}
.nakomo-filter .pills .bef-checkboxes.form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 100px;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .nakomo-filter .pills .bef-checkboxes.form-checkboxes {
    margin-bottom: 0;
  }
}
.nakomo-filter .pills .form-item-field-custom-date-filter-pastevents {
  margin: 0 0 8px auto;
}
.nakomo-filter .pills .form-group {
  margin-top: 0;
}
.nakomo-filter .pills .form-group.form-item.form-type-checkbox.checkbox {
  margin-top: 0;
}
.nakomo-filter .pills .form-group [type=checkbox] + label {
  font-size: 16px;
  font-size: 1rem;
  border: 1px solid var(--c-primary-darkest);
  border-radius: 20px;
  font-weight: 400;
  padding: 6px 12px;
}
.nakomo-filter .pills .form-group [type=checkbox] + label.noresults {
  border-color: var(--c-neutral-dark);
  color: var(--c-neutral-dark);
  /* stylelint-disable-next-line max-nesting-depth */
}
.nakomo-filter .pills .form-group [type=checkbox] + label.noresults--topic, .nakomo-filter .pills .form-group [type=checkbox] + label.noresults--grouptype {
  cursor: not-allowed;
}
.nakomo-filter .pills .form-group [type=checkbox][disabled] {
  border-color: var(--c-neutral-dark);
}
.nakomo-filter .pills .form-group [type=checkbox]:not(:checked) + label {
  background-color: transparent;
}
.nakomo-filter .pills .form-group [type=checkbox]:not(:checked) + label:hover:not(.noresults) {
  background: var(--c-primary-darkest);
  color: var(--c-white);
}
.nakomo-filter .pills .form-group [type=checkbox]:not(:checked) + label:after {
  display: none;
}
.nakomo-filter .pills .form-group [type=checkbox]:not(:checked) + label:before {
  display: none;
}
.nakomo-filter .pills .form-group [type=checkbox]:checked + label {
  background: var(--c-primary-darkest);
  border: 1px solid transparent;
  color: var(--c-white);
  font-weight: normal;
}
.nakomo-filter .pills .form-group [type=checkbox]:checked + label:after {
  display: none;
}
.nakomo-filter .pills .form-group [type=checkbox]:checked + label:before {
  display: none;
}
.nakomo-filter.filteringinfo {
  align-items: baseline;
  margin-top: 60px;
}
.nakomo-filter.filteringinfo .results {
  color: var(--c-neutral-darkest);
  font-weight: 600;
  margin-right: 2rem;
  text-transform: uppercase;
}
.nakomo-filter.filteringinfo .appliedfilters {
  font-size: 16px;
  font-size: 1rem;
}
.nakomo-filter.filteringinfo .appliedfilters .form-group {
  align-items: baseline;
  background-color: transparent;
  color: var(--c-primary-darkest);
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
  padding: 0;
}
.nakomo-filter.filteringinfo .appliedfilters .form-group .appliedFilterLabel {
  color: var(--c-neutral-darkest);
  display: none;
  flex-wrap: wrap;
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label:not(.removeall) {
  padding-right: 36px !important;
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label:not(.removeall):hover {
  /* stylelint-disable-next-line max-nesting-depth */
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label:not(.removeall):hover span:after {
  background-color: var(--c-white);
  color: var(--c-primary-darkest);
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label:not(.removeall) span:after {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: var(--c-primary-darkest);
  border-radius: 50%;
  color: var(--c-white);
  content: "×";
  cursor: pointer;
  display: flex !important;
  flex-flow: wrap;
  height: 17px;
  justify-content: space-around;
  line-height: 1.125rem;
  position: absolute;
  right: 9px;
  top: 9px;
  width: 17px;
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label:not(.removeall) span:hover:after {
  background-color: var(--c-white);
  color: var(--c-primary-darkest);
}
.nakomo-filter.filteringinfo .appliedfilters .form-group label.removeall {
  background-color: var(--c-primary-darkest) !important;
  color: var(--c-white);
  cursor: pointer;
}
.nakomo-filter.filteringinfo .appliedfilters [type=checkbox] {
  left: 0;
  opacity: 0;
  position: absolute;
}
.nakomo-filter.filteringinfo .appliedfilters [type=checkbox] + label {
  line-height: 1.3125rem;
}

.iframe-wrapper {
  background: var(--c-primary-darkest);
  color: var(--c-white);
  text-align: center;
}
.iframe-wrapper__container {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.iframe-wrapper h2 {
  font-size: 1.5rem;
  margin-bottom: 16px;
}
.iframe-wrapper p {
  margin-bottom: 30px;
}
.iframe-wrapper iframe {
  display: block;
}
.iframe-wrapper button {
  border: 1px solid var(--c-white);
  padding: 6px 12px;
}
.iframe-wrapper button:hover {
  background: var(--c-primary-darkest);
  border-color: var(--c-white);
  color: var(--c-white);
}

/* organisms */
.comment__metadata {
  color: #666666;
}

.path-communitywissen .filterbar-body {
  position: relative;
}

.path-community-events .region--content-top.row,
.path-all-groups .region--content-top.row {
  max-width: 100%;
  width: 100%;
}
.path-community-events .region--content-top.row .filterbar.filterbar-right .filterbar-body,
.path-all-groups .region--content-top.row .filterbar.filterbar-right .filterbar-body {
  padding: 0;
}

.meta-engage {
  display: flex;
  flex-direction: unset;
  flex-wrap: wrap;
  justify-content: unset;
  margin-bottom: 1rem;
}
.meta-engage > * {
  align-items: center;
  display: flex;
  flex-wrap: unset;
  margin: unset;
}
.meta-engage .badge,
.meta-engage .vote-widget {
  border-radius: 32px;
  margin-bottom: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 600px) {
  .meta-engage .badge,
  .meta-engage .vote-widget {
    margin-bottom: 0;
  }
}
.meta-engage .btn {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .meta-engage {
    flex-wrap: nowrap;
    margin-bottom: 2rem;
  }
}

.meta-follow {
  flex-basis: 100%;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 600px) {
  .meta-follow {
    flex-basis: auto;
    margin-bottom: 0;
    order: 10;
  }
}

@media screen and (min-width: 600px) {
  .offcanvas-head {
    color: #666666;
    padding: 15px 20px 0;
  }
}

#block-filter .form-item-sort-bef-combine .control-label {
  color: #666666;
}

#block-nakomo-exposed-form-search-groups-page-sidebar .form-item-sort-bef-combine:after {
  content: "";
}

.follow-user-wrapper {
  flex-direction: column;
  gap: var(--space-xs);
}
.follow-user-wrapper a,
.follow-user-wrapper .hero-footer__cta {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/*profile view*/
.follow-user--counter {
  color: var(--c-neutral-darkest);
  justify-content: center;
}
.follow-user--counter .badge__container {
  display: flex;
  flex-direction: column;
}
.follow-user--counter .badge__container .badge__label--description {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--c-neutral-darkest) !important;
  font-weight: 400 !important;
}
.follow-user--counter .badge__container .badge__container--zero {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.follow-user--counter .badge__container a {
  font-size: 19px;
  font-size: 1.1875rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: unset;
}

/*global subscriptions*/
.btn.btn-follow-content {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.btn.btn-follow-content.action-unflag {
  background-color: #ffffff;
  border-color: var(--c-red-alert);
  color: var(--c-red-alert);
}
.btn.btn-follow-content.action-unflag:hover {
  color: var(--c-red-alert);
}
.btn.btn-follow-user {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.btn.btn-follow-user.action-flag {
  color: var(--c-white) !important;
}
.btn.btn-follow-user.action-unflag {
  background-color: #ffffff;
  border-color: var(--c-red-alert);
  color: var(--c-red-alert) !important;
}
.btn.btn-follow-pm {
  align-items: center;
  background-color: #ffffff;
  border-color: var(--c-primary-dark);
  color: var(--c-primary-dark);
  display: flex;
  fill: var(--c-primary-dark);
  gap: var(--space-xxs);
}
.btn.btn-follow-pm:hover {
  color: var(--c-white);
  fill: var(--c-white);
}

/*Streams - overlay*/
.social-dialog.social-dialog--user-preview {
  /* stylelint-disable-next-line no-descending-specificity */
}
.social-dialog.social-dialog--user-preview .followuser {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: var(--nakomo-font);
}
.social-dialog.social-dialog--user-preview .followuser .hero-avatar {
  max-width: 96px;
}
.social-dialog.social-dialog--user-preview .followuser .btn-group--wrapper {
  align-items: stretch;
  gap: var(--space-xs);
}
.social-dialog.social-dialog--user-preview .followuser .btn-group--wrapper .btn {
  margin: 0;
}
.social-dialog.social-dialog--user-preview .followuser .btn-group--wrapper .btn.btn-follow-pm {
  color: var(--c-primary-dark);
  fill: var(--c-primary-dark);
  line-height: 1.5;
}
.social-dialog.social-dialog--user-preview .followuser .btn-group--wrapper .btn.btn-follow-pm:hover {
  color: var(--c-white);
  fill: var(--c-white);
}
.social-dialog.social-dialog--user-preview .teaser-profile-preview {
  padding: 0;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.social-dialog.social-dialog--user-preview .teaser-profile-preview .field--name-uid .field--item,
.social-dialog.social-dialog--user-preview .teaser-profile-preview .field--name-uid .field--item a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}
.social-dialog.social-dialog--user-preview .teaser-profile-preview .media-wrapper .media .media-body .btn-group--wrapper {
  max-width: unset;
}
.social-dialog.social-dialog--user-preview.ui-widget.ui-widget-content {
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.social-dialog.social-dialog--user-preview .ui-dialog-content.ui-widget-content {
  margin-bottom: 0;
}
.social-dialog.social-dialog--user-preview .ui-dialog,
.social-dialog.social-dialog--user-preview .ui-dialog:focus,
.social-dialog.social-dialog--user-preview .ui-dialog:focus:hover {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
}
.social-dialog.social-dialog--user-preview .badge__container {
  /* stylelint-disable-next-line no-descending-specificity */
}
.social-dialog.social-dialog--user-preview .badge__container .badge__container--zero {
  flex-direction: row;
  gap: var(--space-xxxs);
}
.social-dialog.social-dialog--user-preview .badge__container a {
  flex-direction: unset;
  gap: var(--space-xxxs);
}
.follow-user--counter .social-dialog.social-dialog--user-preview .badge__container {
  gap: var(--space-xxxs);
}
.follow-user--counter .social-dialog.social-dialog--user-preview .badge__container .badge__container--zero {
  display: flex;
  gap: var(--space-xxxs);
}
.social-dialog.social-dialog--user-preview .follow-user--counter {
  align-items: baseline;
  justify-content: start;
}
.social-dialog.social-dialog--user-preview .follow-user--counter .badge__label.nakomo-heading4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.social-dialog.social-dialog--user-preview .follow-user--counter .badge__label.badge__label.badge__label--description {
  font-size: 14px;
  font-size: 0.875rem;
}
.social-dialog.social-dialog--user-preview .teaser-profile-preview .media-body .btn-group--wrapper {
  max-width: 100%;
}

.follow-user--statsoverlay {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.follow-user--statsoverlay [type=button]:focus,
.follow-user--statsoverlay [type=reset]:focus,
.follow-user--statsoverlay [type=submit]:focus,
.follow-user--statsoverlay a:focus,
.follow-user--statsoverlay input:focus,
.follow-user--statsoverlay select:focus,
.follow-user--statsoverlay .form-select:focus {
  box-shadow: unset !important;
  outline: unset !important;
}
.follow-user--statsoverlay .ui-dialog-titlebar {
  background-color: var(--c-white) !important;
  border-bottom: 1px solid var(--c-neutral-light) !important;
  margin-bottom: 0;
  padding: var(--space-xs);
}
.follow-user--statsoverlay.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] .ui-dialog-titlebar .ui-dialog-title {
  font-size: 19px;
  font-size: 1.1875rem;
  color: var(--c-neutral-darkest);
  font-weight: 600;
}
.follow-user--statsoverlay button.ui-button.ui-dialog-titlebar-close {
  background-color: transparent !important;
  border: none !important;
  height: 14px !important;
  position: inherit !important;
  right: 0 !important;
  top: 0 !important;
  transform: unset !important;
  width: 14px !important;
}
.follow-user--statsoverlay button.ui-button.ui-dialog-titlebar-close::before {
  display: none !important;
}
.follow-user--statsoverlay button.ui-button.ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  background: none;
  content: url(././images/Close_dark.svg);
}
.follow-user--statsoverlay .nakomo-followlist .card {
  box-shadow: none;
  display: block;
}
.follow-user--statsoverlay .nakomo-followlist .card ul li,
.follow-user--statsoverlay .nakomo-followlist .card .card__block {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: auto auto;
  justify-content: space-between;
}
.follow-user--statsoverlay .nakomo-followlist .card__text.list-item {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: 48px auto;
  grid-template-rows: 1fr;
}
.follow-user--statsoverlay .nakomo-followlist .card__text.list-item a {
  color: var(--c-neutral-darkest);
}
.follow-user--statsoverlay .nakomo-followlist .ellipsis {
  content: url(././images/icon-dots.svg);
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper {
  align-items: start;
  background: var(--c-white);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
  padding: var(--space-xxs);
  position: absolute;
  right: 0;
  top: 60%;
  z-index: 10;
  /* stylelint-disable no-descending-specificity */
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .hero-footer__cta {
  display: flex;
  justify-content: center;
  max-width: unset;
  padding: 0;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .btn {
  border: none;
  padding: 0;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .btn.btn-follow-user.action-unflag {
  border-color: none;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn {
  align-items: flex-start;
  background: transparent;
  color: var(--c-neutral-darkest) !important;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn a:hover,
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn a:focus,
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn a:active {
  background: transparent;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-flag:not(:has(.button-icon))::before {
  background-color: var(--c-neutral-darkest);
  content: "";
  display: inline-block;
  height: 20px;
  -webkit-mask-image: url(././images/bell.svg);
  mask-image: url(././images/bell.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: 1;
  width: 20px;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-unflag {
  color: var(--c-red-alert) !important;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-unflag:not(:has(.button-icon))::before {
  background-color: var(--c-red-alert);
  content: "";
  display: inline-block;
  height: 17px;
  -webkit-mask-image: url(././images/bellstrike.svg);
  mask-image: url(././images/bellstrike.svg);
  opacity: 1;
  width: 15px;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-unflag a:hover,
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-unflag a:focus,
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper a.btn.action-unflag a:active {
  background: transparent;
  background-image: none !important;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .btn.btn-follow-pm::before {
  content: url(././images/icon-envelope-grey.svg);
  display: inline-block;
  opacity: 0.6;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .btn.btn-follow-user::before {
  display: inline-block;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper .btn.btn-follow-user::before .button-icon {
  opacity: 0.6;
}
.follow-user--statsoverlay .follow-user__dialog--buttonswrapper-hidden {
  display: none;
}

/* stylelint-enable no-descending-specificity */
/*Follow Content/User List View*/
.block-nakomo-social-follow.card {
  background-color: transparent;
  box-shadow: unset;
}

.nakomo-followlist.alerts-options {
  align-items: center;
  color: var(--c-primary-dark);
  display: flex;
}
.nakomo-followlist.alerts-options::before {
  content: url(././images/option.svg);
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.nakomo-followlist .card__text {
  padding: 0;
}
.nakomo-followlist .card__block {
  padding: 0;
}
.nakomo-followlist .card__block .list-item__avatar--medium {
  height: 48px;
  width: 48px;
}
.nakomo-followlist .card ul {
  list-style-type: none;
  margin: var(--space-xs);
  padding: 0;
}
.nakomo-followlist .card ul li {
  align-items: center;
  display: grid;
  grid-template-columns: auto 200px;
  padding-bottom: var(--space-xs);
}
.nakomo-followlist .card ul li .contenttype {
  align-items: center;
  background-color: var(--c-primary-light);
  border-radius: 5px;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.nakomo-followlist .card ul li .contenttype--project:after {
  content: url(././images/icon-project.svg);
  display: inline-block;
}
.nakomo-followlist .card ul li .contenttype--article:after {
  content: url(././images/icon-article.svg);
  display: inline-block;
}
.nakomo-followlist .card ul li .contenttype--event:after {
  content: url(././images/icon-event.svg);
  display: inline-block;
}
.nakomo-followlist .card ul li .views-field-link-flag {
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.nakomo-followlist .card ul li .views-field-link-flag .field-content {
  display: flex;
  justify-content: end;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
  /* stylelint-enable selector-max-compound-selectors */
}
.nakomo-followlist .card ul li .views-field-link-flag .field-content .btn.btn-follow-user.action-flag {
  font-size: 15px;
  font-size: 0.9375rem;
  background: transparent;
  color: var(--c-primary-dark) !important;
}
.nakomo-followlist .card ul li .views-field-link-flag .field-content .btn.btn-follow-user.action-flag::before {
  content: url(././images/envelope.svg);
  display: inline-block;
}
.nakomo-followlist .card ul li:last-child {
  padding-bottom: 0;
}
.nakomo-followlist .card ul li .list-item__text {
  font-size: 15px;
  font-size: 0.9375rem;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.nakomo-followlist .card ul li .list-item__text .teaser--small__title {
  font-weight: 600;
}
.nakomo-followlist .card ul li .list-item__text--small {
  margin-top: 0;
}
.nakomo-followlist--content .card ul li {
  gap: 0 var(--space-xs);
  grid-template-columns: 48px auto 210px;
}
.nakomo-followlist--content .card ul li .views-field-type-1 {
  grid-column: 2;
  grid-row: 2;
}
.nakomo-followlist--content .card ul li .views-field-link-flag {
  align-self: center; /* grid-column: -1; */
  grid-row: span 2;
  justify-self: end;
}
.nakomo-followlist--content .card ul li .views-field-type {
  grid-row: span 2;
}
.nakomo-followlist .views-field.views-field-title {
  grid-column: 2;
  grid-row: 1;
  max-width: 150px;
}
@media screen and (min-width: 435px) {
  .nakomo-followlist .views-field.views-field-title {
    max-width: 300px;
  }
}
@media screen and (min-width: 1291px) {
  .nakomo-followlist .views-field.views-field-title {
    max-width: 460px;
  }
}

.card.card--following-user {
  margin-top: 1rem;
}

/* re-style follow buttons only on Discover pages, not globally */
.path-discover {
  /* follow user button in cards */
}
.path-discover .card .btn.btn-follow-user.action-flag {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-primary-darkest) !important;
  font-weight: 600;
}
.path-discover .card .btn-primary.btn-follow-user {
  background-color: transparent;
  border-color: transparent;
}
.path-discover .card .btn-primary.btn-follow-user:hover {
  background-image: none;
}

/* not sorted */
/* Top navigation */
nav.navbar-default {
  align-items: center;
  display: flex;
  padding: 17px 1rem;
  z-index: 9;
}
@media screen and (max-width: 785.98px) {
  .user-logged-in nav.navbar-default {
    max-height: 80px;
  }
}
.page-preview nav.navbar-default.navbar-fixed-top {
  position: fixed;
  top: 60px;
}
nav.navbar-default.navbar-fixed-top .nav.navbar-nav {
  padding-right: 0;
}
nav.navbar-default .container--navbar {
  display: flex;
  padding: 0 !important;
  width: 100%;
}
nav.navbar-default .block-system-branding-block.navbar-header {
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}
nav.navbar-default .navbar-nav {
  justify-content: end;
}
nav.navbar-default .navbar-nav > li > a {
  align-items: center;
  color: #05565c;
  display: flex;
  fill: #05565c;
}
@media screen and (max-width: 785.98px) {
  nav.navbar-default .navbar-nav > li > a {
    min-width: 44px;
  }
}
nav.navbar-default .navbar-nav li {
  /* stylelint-ensable no-descending-specificity */
}
nav.navbar-default .navbar-nav li a {
  font-weight: normal;
}
nav.navbar-default .navbar-nav li.open {
  /* stylelint-disable no-descending-specificity */
}
nav.navbar-default .navbar-nav__icon {
  fill: #05565c;
}
nav.navbar-default li.profile ul.menu li,
nav.navbar-default li.profile ul.dropdown-menu li {
  /* stylelint-enable max-nesting-depth */
}
nav.navbar-default li.profile ul.menu li:last-child,
nav.navbar-default li.profile ul.dropdown-menu li:last-child {
  /* stylelint-disable max-nesting-depth */
}
@media screen and (min-width: 1200px) {
  nav.navbar-default li.profile ul.menu li:last-child a,
  nav.navbar-default li.profile ul.dropdown-menu li:last-child a {
    padding-right: 0;
  }
}
nav.navbar-default .navbar-toggle__text {
  color: #097e7e;
  display: none;
}
@media screen and (min-width: 600px) {
  nav.navbar-default .navbar-toggle__text {
    display: block;
  }
}
nav.navbar-default .navbar-toggle__icon {
  fill: #097e7e;
}
nav.navbar-default .navbar-toggle__icon svg {
  height: 25px;
  width: 25px;
}
@media screen and (min-width: 600px) {
  nav.navbar-default .navbar-toggle__icon {
    display: none;
  }
}
nav.navbar-default .navbar-brand {
  height: 24px;
}
nav.navbar-default .navbar-brand img {
  height: 24px;
}
@media screen and (max-width: 599.98px) {
  nav.navbar-default .navbar-brand img {
    width: 110px;
  }
}
nav.navbar-default .navbar-brand--text {
  color: var(--c-primary-darkest);
  font-weight: normal;
  line-height: 1rem;
  padding-left: 20px;
}
@media screen and (max-width: 785.98px) {
  nav.navbar-default .navbar-brand--text {
    display: none;
  }
}
@media screen and (max-width: 785.98px) {
  nav.navbar-default .createcontent span {
    display: none;
  }
}
@media screen and (max-width: 785.98px) {
  .open-dropdown-menu nav.navbar-default .createcontent.dropdown .dropdown-menu {
    height: auto;
    position: absolute;
  }
}
@media screen and (max-width: 785.98px) {
  nav.navbar-default .desktop {
    display: block;
  }
}
nav.navbar-default .profile img {
  border: none;
  padding: 0;
}
nav.navbar-default .profile.dropdown.open img {
  filter: invert(1) contrast(100);
  position: absolute;
  z-index: 10001;
}

.header-login-cta--text {
  color: var(--c-primary-darkest);
  display: inline-block;
  font-weight: normal;
  height: 50px;
  padding: 13px 10px 8px 0;
}
.header-login-cta--button {
  display: inline-block;
}
.header-login-cta--button a:hover {
  background: var(--c-primary-darkest) !important;
}

.node-preview-container.node-preview-container {
  background: var(--c-primary-darkest);
  color: var(--c-white);
  height: 60px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}
@media (min-width: 976px) {
  .toolbar-fixed[data-toolbar-menu=open] .node-preview-container.node-preview-container {
    left: 120px;
  }
}
.node-preview-container.node-preview-container .node-preview-backlink.btn {
  align-items: center;
  color: var(--c-white);
  display: inline-flex;
  gap: 8px;
  padding: 0;
}
.node-preview-container.node-preview-container .node-preview-backlink.btn:before {
  background-color: var(--c-white);
  content: "";
  display: inline-block;
  height: 17px;
  -webkit-mask-image: url(././images/backtosite.svg);
          mask-image: url(././images/backtosite.svg);
  position: relative;
  top: 0;
  transform: translateY(0);
  width: 17px;
}
.node-preview-container.node-preview-container .form-item-view-mode {
  display: none;
}
.node-preview-container.node-preview-container .node-preview-form-select {
  height: 100%;
  margin: 0;
}
.node-preview-container.node-preview-container .node-preview-form-select .container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}

.paragraph .paragraph--block {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1120px) and (max-width: 1290px) {
  .paragraph .paragraph--block {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--featured-items {
    margin: 75px 0;
  }
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--featured-items {
    padding-left: 1rem !important;
  }
}
.paragraph.paragraph--type--featured-items .teaser__body .teaser__title {
  color: #535353;
}
.paragraph.paragraph--type--featured-items .card__featured-items .card__link {
  padding: 0;
}
.paragraph.paragraph--type--featured-items .card__featured-items .card__link a {
  padding: 6px 12px;
}
.paragraph.paragraph--type--featured-items .card__featured-items .teaser__image {
  flex: 0 0 124px;
  height: 124px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0;
}
.paragraph.paragraph--type--featured-items .card__featured-items .teaser__image .hero-avatar {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 124px;
}
.paragraph.paragraph--type--featured-items .card__featured-items .teaser__body {
  padding-bottom: 30px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .paragraph.paragraph--type--featured-items .card__featured-items .teaser__body {
    flex: 1 1 auto;
  }
}
.paragraph.paragraph--type--featured-items .card__featured-items .teaser__body .teaser__title {
  margin-bottom: 36px;
  min-height: auto;
}
.paragraph.paragraph--type--featured-items .field--name-field-featured-items-items > .field--item {
  flex: 0 0 100%;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph.paragraph--type--featured-items .field--name-field-featured-items-items > .field--item {
    flex: 0 0 48%;
    flex-direction: column;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 48%;
  }
}
@media screen and (min-width: 900px) {
  .paragraph.paragraph--type--featured-items .field--name-field-featured-items-items > .field--item {
    flex: 0 0 31.3333%;
    max-width: 31.3333%;
  }
}
.paragraph .paragraph--featured {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 900px) {
  .paragraph .paragraph--featured {
    margin: 75px 0;
  }
}
@media screen and (min-width: 1120px) and (max-width: 1290px) {
  .paragraph .paragraph--featured {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 900px) {
  .paragraph .paragraph--featured.first {
    padding-top: 0;
  }
}
.paragraph .paragraph--featured.last {
  padding-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 30px;
}
@media screen and (min-width: 900px) {
  .paragraph .paragraph--featured.last {
    padding-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .paragraph .paragraph--featured .container > .card__actionbar {
    padding-bottom: 0;
  }
}
.paragraph .paragraph--featured .card.teaser {
  /* stylelint-enable max-nesting-depth */
  /* stylelint-enable selector-max-compound-selectors */
}
.paragraph .paragraph--featured .card.teaser .teaser__image {
  height: 210px;
}
.paragraph .paragraph--featured .card.teaser .teaser__image .img_wrapper {
  height: auto;
  padding-bottom: 0;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-disable selector-max-compound-selectors */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .paragraph .paragraph--featured .card.teaser .teaser__body {
    flex: 1 1 auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .paragraph .paragraph--featured .card.teaser .teaser__body .teaser__content {
    flex: 1 1 auto;
  }
}
.paragraph.paragraph--type--section-nakomo .field--name-field-accord-title {
  color: #4d4d4d;
}
.paragraph.paragraph--type--section-nakomo .paragraph--type--accordion {
  padding: 50px 1rem 50px;
}
.paragraph.paragraph--type--section-nakomo .paragraph--type--accordion-item .card {
  box-shadow: none;
}
.paragraph.paragraph--type--section-nakomo .paragraph--type--accordion-item .card svg {
  position: absolute;
  right: 0;
  top: 18px;
}
.paragraph.paragraph--type--section-nakomo .paragraph--type--accordion-item .card__title-accord {
  border-bottom: none;
  color: #4d4d4d;
  font-size: 1.5rem;
  line-height: 2rem;
}
.paragraph.paragraph--type--section-nakomo .paragraph--type--accordion-item .card__text-accord--wrapper {
  padding: 1rem 1.5rem 3rem;
}

.poll .bar {
  border-radius: 10px;
  overflow: hidden;
}
.poll .bar .foreground {
  background-color: #007175;
}

.path-survey .main-container > section,
.path-polls .main-container > section {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  margin-top: 1.5em;
  padding: 0 1.5em 1.5em 1.5em !important;
}
.path-survey .block-social-page-title-block .section-title,
.path-polls .block-social-page-title-block .section-title {
  font-size: 1.0625rem;
  letter-spacing: 0.0625rem;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.path-survey .poll-question,
.path-polls .poll-question {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 25px;
}
.path-survey .alert-success,
.path-polls .alert-success {
  background-color: #00cc81;
  border-color: #00cc81;
  color: #333333;
}
.path-survey .checkbox .control-label,
.path-polls .checkbox .control-label {
  font-weight: 600;
}

.cover .hero__bgimage-overlay {
  height: 100%;
}
.cover .hero__bgimage-overlay,
.cover .hero-small__bgimage-overlay {
  background: rgba(5, 86, 92, 0.7) !important;
}
.cover .img-copyright {
  display: flex;
  position: relative;
  z-index: 3;
}
.cover .cover-wrap .profile-organization-tag {
  margin-left: 0;
}
.cover .cover-wrap .cover-small h1.page-title {
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .cover .cover-wrap .cover-small h1.page-title {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.1;
  }
}
.cover .cover-wrap .cover-small .page-subtitle {
  max-height: none;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .cover .cover-wrap .cover-small .page-subtitle {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 15px;
  }
}
.cover .cover-wrap .hero-footer .hero-footer__cta {
  bottom: 12px;
}
.cover .cover-wrap header.page-title {
  text-shadow: none;
}
.cover .cover-wrap .img-copyright {
  bottom: 10px;
  display: inline-flex;
  left: 0;
}
.cover .cover-wrap .img-copyright .field--name-field-copyright {
  margin-left: 5px;
}
.cover.cover--landing {
  background-color: #d9f5f6;
  background-position: -260px bottom;
  background-size: auto 100%;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1200px) {
  .cover.cover--landing {
    background-position: -20px bottom;
  }
}
@media screen and (min-width: 1500px) {
  .cover.cover--landing {
    background-position: bottom right;
  }
}
.cover.cover--landing .cover-wrap {
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: var(--c-primary-lightest);
  font-weight: 400;
  line-height: 140%;
  padding-left: 1em;
  padding-right: 1em;
}
.cover.cover--landing .cover-wrap .cover-small {
  bottom: unset;
  left: unset;
  margin: 0;
  margin-bottom: 68px;
  max-width: 400px;
  padding: 0;
  padding-top: 68px;
  transform: unset;
}
.cover.cover--landing .cover-wrap .cover-small h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-neutral-darkest);
}
.cover.cover--landing .cover-wrap .cover-small .page-title {
  font-size: 40px;
  font-size: 2.5rem;
  color: var(--c-primary-darkest);
  font-weight: 400;
  line-height: 3.25rem;
  margin-bottom: 18px;
}
.cover.cover--landing .cover-wrap .cover-small .page-subtitle {
  font-weight: 400;
  line-height: 140%;
  overflow: hidden;
}
.cover.cover--landing .cover-wrap .cover-small .hero-footer {
  align-items: start;
  flex-direction: column;
  padding-bottom: 0;
}
.cover.cover--landing .cover-wrap .cover-small .hero-footer .card__actionbar {
  padding-bottom: 8px;
}
.cover.cover--landing .cover-wrap .cover-small .page-link {
  color: var(--c-primary-dark);
}
.cover.cover--landing .cover-wrap .cover-small .page-link a:link {
  text-decoration: underline;
}
@media screen and (min-width: 600px) {
  .cover.cover--landing .cover-wrap .cover-small {
    padding-top: unset;
  }
}
@media screen and (min-width: 1200px) {
  .cover.cover--landing .cover-wrap .cover-small {
    left: 0;
    max-width: 484px;
  }
}
@media screen and (min-width: 600px) {
  .cover.cover--landing .cover-wrap {
    background-color: transparent;
  }
}
.block-group-hero-block .group--hero.cover {
  background-position: bottom;
  background-size: cover;
}

.block-profile-hero-block .cover.cover-img.cover-img-gradient {
  background-position: bottom;
  background-size: cover;
}

.introduction {
  background-color: #dddddd;
  font-weight: normal;
  padding: 30px 1em;
}
@media screen and (min-width: 900px) {
  .introduction {
    padding-bottom: 75px;
    padding-top: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .introduction {
    padding: 30px 1em;
  }
}
.introduction .card__body {
  flex-wrap: wrap;
  max-width: none;
  padding: 0;
}
@media screen and (min-width: 900px) {
  .introduction .card__body {
    flex-wrap: wrap;
    max-width: 1200px;
  }
}
.introduction .card__body .card__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .introduction .card__body .card__title {
    font-size: 20px;
    font-size: 1.25rem;
    flex: 1 1 10em;
    margin: 0 0 40px;
    padding: 0;
  }
}
@media screen and (min-width: 900px) {
  .introduction .card__body .card__text {
    margin-top: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .introduction .card__body .card__text {
    flex: 2 2 20em;
  }
}
.introduction .card__body .card__text p:last-child {
  margin-bottom: 0;
}
.introduction .card__body .card__text ul li {
  margin-bottom: 20px;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-disable selector-max-compound-selectors */
}
.introduction .card__body .card__text ul li::before {
  border: 2px solid #05565c;
  border-right: none;
  border-top: none;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 20px;
  margin-top: -5px;
  transform: rotate(-45deg);
  width: 26px;
  /* stylelint-disable-next-line max-nesting-depth */
}
@media screen and (min-width: 900px) {
  .introduction .card__body .card__text ul li::before {
    margin-right: 30px;
  }
}
@media screen and (min-width: 900px) {
  .introduction .card__body .card__text ul li {
    margin-bottom: 32px;
  }
}
.introduction .card__body .card__text ul li p {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 0;
  /* stylelint-enable no-descending-specificity */
  /* stylelint-enable selector-max-compound-selectors */
  /* stylelint-disable-next-line max-nesting-depth */
}
@media screen and (min-width: 900px) {
  .introduction .card__body .card__text ul li p {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.introduction .card__body .card__text ul li:last-child {
  margin-bottom: 0;
}
.introduction .card__body .card__actionbar {
  margin-left: auto;
  margin-top: 1px;
  padding-right: 0;
}

/* Front Introduction text */
/* Remove this style code when no need of welcome text */
.path-frontpage .paragraph--section:nth-child(3) .introduction {
  background: #b9ecef;
}
.path-frontpage .paragraph--section:nth-child(3) .introduction .card__text {
  border-left: 5px solid #3559dc;
  color: #05565c;
  padding-left: 20px;
}
@media screen and (min-width: 900px) {
  .path-frontpage .paragraph--section:nth-child(3) .introduction .card__text {
    padding-left: 45px;
  }
}
.path-frontpage .paragraph--section:nth-child(3) .introduction .card__text p {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-disable-next-line selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
}
.path-frontpage .paragraph--section:nth-child(3) .introduction .card__text p strong {
  font-weight: 900;
}
.path-frontpage .paragraph--section:nth-child(3) .introduction .card__text p:first-child {
  font-size: 1.8em;
  line-height: 1.4;
}
.path-frontpage .paragraph--section:nth-child(3) .introduction .card__text p:first-child:first-letter {
  color: #05565c;
  font-size: 3rem;
  font-weight: 500;
  initial-letter: 3;
  line-height: 0.8;
}

.view-display-id-block_community_events .attachment-before + .card__block,
.view-display-id-block_community_events .veiw-header + .card__block {
  padding-top: 0;
}

.view-display-id-block_community_event .attachment + .card__block {
  padding-top: 0;
}

aside.region--complementary .btn--offcanvas-trigger + .off-canvas {
  padding-bottom: 72px;
}
@media screen and (min-width: 900px) {
  aside.region--complementary .btn--offcanvas-trigger + .off-canvas {
    padding-bottom: 0;
  }
}
aside .offcanvas-body form .form-actions .button--default {
  transform: none;
}

.single-view-card-user {
  font-weight: 500;
}

.node-confirm-form.confirmation .form-actions {
  margin-top: 15px;
}
.node-confirm-form.confirmation .form-actions .btn {
  margin-right: 15px;
}
.node-confirm-form.confirmation .form-actions > * {
  margin-right: 0;
}

#block-nakomo-exposed-form-search-content-page-sidebar form .form-item-tid {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.teaser--small .teaser--small__media .teaser--small__type-icon {
  background-color: #b9ecef !important;
  fill: #05565c !important;
  padding: 6px;
}
.teaser--small .teaser--small__media .teaser--small__type-icon.teaser--small__type-icon--no-padding {
  padding: 0;
}
.teaser--small .teaser--small__media .teaser__img-type-icon {
  background-color: #b9ecef;
  border-radius: 5px;
  height: 44px;
  line-height: 1;
  padding: 4px;
  width: 44px;
}
.teaser--small .teaser--small__media .teaser__img-type-icon img {
  height: 100%;
  width: 100%;
}
.teaser--small__details {
  width: 100%;
}

[id^=edit-field-files-] td .file {
  margin-top: 0;
}
[id^=edit-field-files-] td.tabledrag-hide .form-item {
  margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  figure img {
    width: 100%;
  }
}

.nakomo-footer {
  min-height: 50px;
  padding: 20px 0;
}
.nakomo-footer.site-footer .container > * {
  padding: 0;
}
@media screen and (min-width: 900px) {
  .nakomo-footer.site-footer .container > * {
    padding: 0;
  }
}
@media screen and (min-width: 1120px) and (max-width: 1290px) {
  .nakomo-footer.site-footer .container > * {
    padding: 0;
  }
}
.nakomo-footer .copyright {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--c-primary-lightest);
  display: block;
  font-weight: normal;
  margin: 0 0 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .nakomo-footer .copyright {
    margin-bottom: 0;
    margin-right: 15px;
    width: auto;
  }
}
.nakomo-footer nav {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .nakomo-footer nav {
    width: auto;
  }
}
.nakomo-footer .nav li a {
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid #007175;
  color: var(--c-primary-lightest);
  font-weight: 600;
  padding: 10px 0;
}
@media screen and (min-width: 600px) {
  .nakomo-footer .nav li a {
    border-bottom: none;
    padding: 0 15px;
  }
}
.nakomo-footer .nav li:last-child a {
  border-bottom: none;
  padding-right: 0;
}
@media screen and (min-width: 600px) {
  .nakomo-footer .nav {
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .nakomo-footer {
    min-height: 120px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .nakomo-footer {
    height: 120px;
  }
}

footer.nakomo-footer {
  background-color: var(--c-primary-darkest);
  color: var(--c-primary-lightest);
}

.alert-dismissible .close {
  margin-right: 0;
  position: absolute;
  right: 8px;
  top: 8px;
}
.alert-dismissible .close.positionfix {
  padding: 8px;
  right: 0;
}

.path-frontpage .alert {
  margin-bottom: 0;
  padding-bottom: 0;
  z-index: 9;
}
.path-frontpage .alert .close {
  padding-bottom: 0;
}

.alert[aria-hidden=true] {
  display: none;
}

.alert-fix {
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .breadcrumb {
    padding-left: 0;
  }
}

.content-status-single-view span {
  margin-bottom: 12px;
}

.location-address .address span {
  margin-right: 2px;
}

#block-nakomofragedesmonatas .block--intro-text__content {
  max-width: 100%;
}

#block-nakomo-content .table-responsive {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

#block-nakomo-content .webform-multiple-table .table-responsive {
  box-shadow: none;
}

.proj-post-date {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3125rem;
  margin-bottom: 5px;
}
.proj-post-date .article__special-fields-icon {
  fill: #e0e0e0;
  height: 14px;
  margin-bottom: 4px;
  margin-right: 9px;
  vertical-align: middle;
  width: 14px;
}

#block-nakomo-nakomoappjetztherunterladen {
  padding: 1.25rem;
  text-align: center;
}
#block-nakomo-nakomoappjetztherunterladen .block--intro-text__content,
#block-nakomo-nakomoappjetztherunterladen .card__title {
  color: #097e7e;
  display: initial;
  font-weight: 500;
  padding-top: 0;
  text-transform: uppercase;
}
#block-nakomo-nakomoappjetztherunterladen .block--intro-text__content p,
#block-nakomo-nakomoappjetztherunterladen .card__title p {
  margin-bottom: 1rem;
}
#block-nakomo-nakomoappjetztherunterladen .card__title {
  margin-bottom: 1rem;
}
#block-nakomo-nakomoappjetztherunterladen .card__actionbar {
  padding-top: 0;
}
#block-nakomo-nakomoappjetztherunterladen .card__actionbar p {
  margin-bottom: 0;
}

.media-heading.text-m > p .user-org {
  font-weight: 500;
  margin: 0 2px;
}

.no-image .teaser__image .teaser__teaser-type {
  background-color: #b9ecef !important;
}
.no-image .teaser__image .teaser__teaser-type .teaser__teaser-type-icon {
  fill: #007175;
}
.no-image .teaser__image .teaser__teaser-type .teaser__teaser-type-icon img {
  height: 100%;
  width: 100%;
}

[class*=block-views-blockactivity-stream-] ul.stream .stream-item .card .teaser {
  /* stylelint-disable max-nesting-depth */
}
[class*=block-views-blockactivity-stream-] ul.stream .stream-item .card .teaser.teaser--stream {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
}
@media screen and (min-width: 600px) {
  [class*=block-views-blockactivity-stream-] ul.stream .stream-item .card .teaser.teaser--stream {
    height: auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class*=block-views-blockactivity-stream-] ul.stream .stream-item .card .teaser.teaser--stream .teaser__teaser-type-icon {
    display: block;
  }
}
[class*=block-views-blockactivity-stream-] ul.stream .stream-item:first-of-type {
  z-index: initial !important;
}

.teaser-event.teaser--stream .teaser__image {
  background-color: #b9ecef;
}
.teaser-event.teaser--stream .teaser_topicimg {
  height: 90px;
  margin: 30px;
  width: 90px;
}

.card.card--stream .teaser.teaser--stream .teaser__image {
  height: auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .view-display-id-page_community_projects .teaser__teaser-type-icon {
    display: block;
    line-height: 1;
  }
}

.teaser__teaser-type {
  z-index: 1;
}

.view-display-id-page_group_manage_members .card .card__block--table .dropdown-menu.dropdown-menu-right li {
  /* stylelint-disable-next-line max-nesting-depth */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #vbo-action-form-wrapper .btn-group.dropdown {
    top: 5px;
    z-index: 2;
  }
}

@media screen and (min-width: 600px) {
  .view-id-search_users .no-image .teaser__image,
  .view-id-newest_users .no-image .teaser__image,
  .view-id-group_members .no-image .teaser__image {
    align-items: center;
    background: #b9ecef;
    display: flex;
    justify-content: center;
  }
  .view-id-search_users .no-image .teaser__image img,
  .view-id-newest_users .no-image .teaser__image img,
  .view-id-group_members .no-image .teaser__image img {
    display: inline-block;
    height: 76px;
    width: 76px;
  }
}

#block-nakomofragedesmonatas {
  padding: 1.25rem;
  text-align: center;
}
#block-nakomofragedesmonatas .block--intro-text__content,
#block-nakomofragedesmonatas .card__title {
  color: #097e7e;
  font-weight: 500;
  padding-top: 0;
  text-transform: uppercase;
}
#block-nakomofragedesmonatas .block--intro-text__content p,
#block-nakomofragedesmonatas .card__title p {
  margin-bottom: 1rem;
}
#block-nakomofragedesmonatas .card__title {
  margin-bottom: 1rem;
}
#block-nakomofragedesmonatas .card__actionbar {
  padding-top: 0;
}
#block-nakomofragedesmonatas .card__actionbar a:not(.voted-already) {
  background-color: #097e7e;
  border-color: #097e7e;
  color: #ffffff !important;
  fill: #ffffff;
  text-transform: capitalize;
}
#block-nakomofragedesmonatas .card__actionbar a:not(.voted-already):hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

#block-mobilikonmobilitatvorort {
  background-color: #097e7e;
  padding: 1.25rem;
  text-align: center;
}
#block-mobilikonmobilitatvorort .card__title {
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 5px;
  text-transform: uppercase;
}
#block-mobilikonmobilitatvorort .btn {
  color: #097e7e;
  margin-bottom: 9px;
}

.view-user-information .field--name-field-mobilikon {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 25px;
}
@media screen and (min-width: 600px) {
  .view-user-information .field--name-field-mobilikon {
    flex-direction: row;
  }
}
.view-user-information .field--name-field-mobilikon .mobilikon-title {
  margin-right: 20px;
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  .view-user-information .field--name-field-mobilikon .mobilikon-title {
    flex-basis: 180px;
  }
}
.view-user-information .field--name-field-mobilikon .mobilikon-links {
  flex: 1;
}
.view-user-information .field--name-field-mobilikon a {
  color: #097e7e;
  font-size: 0.875rem;
}
.view-user-information .field--name-field-mobilikon a:hover {
  text-decoration: underline;
}
.view-user-information h5 {
  margin-top: 30px;
}

.profile-profile-edit-form .field--name-field-mobilikon .tabledrag-toggle-weight {
  display: none;
}
.profile-profile-edit-form .field--name-field-mobilikon #field-mobilikon-values {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.profile-profile-edit-form .field--name-field-mobilikon #field-mobilikon-values thead > tr th:last-child,
.profile-profile-edit-form .field--name-field-mobilikon #field-mobilikon-values tbody > tr td:last-child {
  display: none;
}

.nakomo-footer .popup {
  background-color: #007175;
  color: #ffffff;
  display: none;
  left: 50%;
  max-width: 350px;
  padding: 40px;
  position: fixed;
  top: 1%;
  transform: translate(-50%, 10%);
  z-index: 9999;
}
@media screen and (min-width: 600px) {
  .nakomo-footer .popup {
    max-width: 820px;
    padding: 40px 90px 70px 90px !important;
    top: 10%;
  }
}
.nakomo-footer .popup__close {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 40px;
}
.nakomo-footer .popup__close .icon--popup-close {
  height: 25px;
  width: 25px;
}
.nakomo-footer .popup__logo {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  margin-bottom: 50px;
}
.nakomo-footer .popup__title {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .nakomo-footer .popup__title {
    font-size: 3.75rem;
  }
}
.nakomo-footer .popup__link {
  margin-top: 50px;
}
.nakomo-footer .popup__link a {
  background-color: #05565c;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.025rem;
  padding: 17px 60px;
  text-transform: uppercase;
}

#overlay {
  background-color: #d9f5f6;
  height: 100%;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
}

@media screen and (min-width: 600px) {
  footer {
    position: initial;
  }
}
.slick-prev:before {
  content: "‹" !important;
}

.slick-next:before {
  content: "›" !important;
}

.slick-arrow:before {
  color: #05565c !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 3.75rem !important;
  left: 0;
  position: absolute;
  top: -20px;
}

.slick-slide {
  margin: 12px;
}
.slick-slide .related-item,
.slick-slide .related-item > a {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.1rem;
}
.slick-slide .related-item > a {
  display: block;
  margin-top: 10px;
}

/* NAKOMO-865: align images to the left for related topics slider by using margin on right, top and down only and 0 on left */
.related-items-details .slick-slide {
  margin: 12px 24px 12px 0;
}
.related-items-details .slick-next {
  right: -6px;
}

body.page-node-edit .owl-carousel {
  display: flex !important;
  flex-flow: row wrap;
}

.owl-carousel .card.teaser.teaser--tile {
  max-width: 100%;
  min-height: 420px;
}

.owl-carousel .owl-stage-outer {
  margin-right: -5px;
}

.owl-prev {
  margin-left: -20px;
}
@media only screen and (max-width: 1250px) {
  .owl-prev {
    background-color: rgba(255, 255, 255, 0.8) !important;
    margin-left: 0;
    width: 17px !important;
  }
}

.owl-next {
  right: -21px;
}
@media only screen and (max-width: 1250px) {
  .owl-next {
    background-color: rgba(255, 255, 255, 0.6) !important;
    right: 0;
    width: 17px !important;
  }
}

.owl-prev,
.owl-next {
  border: 0 solid #000000;
  display: block;
  position: absolute;
  top: 41%;
  width: 15px;
}
.owl-prev span,
.owl-next span {
  color: #05565c;
  display: block;
  font-size: 3.75rem;
  height: 33px;
  width: 15px;
}
.owl-prev.disabled,
.owl-next.disabled {
  display: none;
}

.nakomo-article .slick-prev,
.nakomo-article .slick-next {
  height: 60px;
}
.nakomo-article .slick-arrow:before {
  left: 0;
  position: absolute;
  top: 0;
}
.nakomo-article .slick-track {
  margin-left: 0;
  margin-right: 0;
}

#block-views-block-upcoming-articles-articles-groups .teaser--small,
#block-views-block-upcoming-projects-upcoming-project-group .teaser--small {
  display: flex;
  padding: 1.5rem 1.25rem 0;
}
#block-views-block-upcoming-articles-articles-groups .teaser--small .teaser--small__media,
#block-views-block-upcoming-projects-upcoming-project-group .teaser--small .teaser--small__media {
  flex: none;
}
#block-views-block-upcoming-articles-articles-groups .teaser--small .teaser--small__media .teaser--small__type-icon,
#block-views-block-upcoming-projects-upcoming-project-group .teaser--small .teaser--small__media .teaser--small__type-icon {
  border-radius: 5px;
  height: 44px;
  padding: 4px;
  width: 44px;
}
#block-views-block-upcoming-articles-articles-groups .teaser--small .teaser--small__details,
#block-views-block-upcoming-projects-upcoming-project-group .teaser--small .teaser--small__details {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  width: 100%;
}

.teaser.card {
  overflow: unset;
}
.teaser__iconsvg {
  margin-right: 12px;
}
.teaser .teaser__image {
  align-items: center;
  background-color: var(--c-primary-lightest);
  display: flex;
  justify-content: center;
}

/* Large Teaser Cards (Discover Topic Overview Pages, Event Calendar) */
/* stylelint-disable no-descending-specificity */
.path-discover .discovertopic__contentteasers .view-content,
.path-community-events .view-upcoming-events.view-display-id-page_community_events,
.path-communitywissen .view-id-factsheets {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  justify-items: center;
  margin-bottom: var(--space-md);
  /* remove empty grid cell rendering */
  /*fix for grid in IE */
}
.path-discover .discovertopic__contentteasers .view-content:before,
.path-community-events .view-upcoming-events.view-display-id-page_community_events:before,
.path-communitywissen .view-id-factsheets:before {
  display: none;
}
.path-discover .discovertopic__contentteasers .view-content .pager-nav.text-center,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .pager-nav.text-center,
.path-communitywissen .view-id-factsheets .pager-nav.text-center {
  grid-column: 1/-1;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card {
  box-shadow: none;
  flex-direction: column;
  height: 400px;
  margin-bottom: 0;
  /* cards should be higher on Discover Topic Pages */
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card.discover {
  height: 450px;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card:hover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card:hover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card:hover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card:hover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card:hover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card:hover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card:hover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card:hover,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card:hover,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card:hover,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card:hover,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card:hover {
  box-shadow: none;
  cursor: pointer;
  outline: 2px solid var(--c-primary-darkest);
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__image, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__image, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__image, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__image,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__image,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__image,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__image,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__image,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__image,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__image,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__image,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__image {
  background-color: var(--c-primary-lightest);
  display: flex;
  flex: 0 0 200px;
  height: 200px;
  justify-content: center;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__image .teaser_topicimg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__image .teaser_topicimg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__image .teaser_topicimg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__image .teaser_topicimg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__image .teaser_topicimg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__image .teaser_topicimg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__image .teaser_topicimg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__image .teaser_topicimg,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__image .teaser_topicimg,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__image .teaser_topicimg,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__image .teaser_topicimg,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__image .teaser_topicimg {
  height: 120px;
  margin: auto;
  width: 120px;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__iconsvg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__iconsvg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__iconsvg, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__iconsvg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__iconsvg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__iconsvg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__iconsvg,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__iconsvg,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__iconsvg,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__iconsvg,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__iconsvg,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__iconsvg {
  -webkit-box-flex: 0;
  fill: #e0e0e0;
  flex: 0 0 14px;
  height: 14px;
  line-height: 1.3125rem;
  margin-right: 12px;
  margin-top: 3px;
  width: 14px;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__title--overline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__title--overline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__title--overline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__title--overline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__title--overline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__title--overline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__title--overline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__title--overline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__title--overline,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__title--overline,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__title--overline,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__title--overline,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__title--underline {
  color: var(--c-neutral-darkest);
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin-bottom: 8px;
  margin-top: 0;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  /* stylelint-disable-next-line max-nesting-depth */
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__title--overline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__title--underline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__title--overline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__title--underline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__title--overline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__title--underline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__title--overline.discover, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__title--underline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__title--overline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__title--underline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__title--overline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__title--underline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__title--overline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__title--underline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__title--overline.discover,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__title--underline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__title--overline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__title--underline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__title--overline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__title--underline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__title--overline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__title--underline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__title--overline.discover,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__title--underline.discover {
  font-size: 0.875rem;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__title--underline, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__title--underline,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__title--underline,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__title--underline {
  text-transform: none;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__titlelink--article, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__titlelink--event, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__titlelink--project, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__titlelink--article, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__titlelink--event, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__titlelink--project, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__titlelink--article, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__titlelink--event, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__titlelink--project, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__titlelink--article, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__titlelink--event, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__titlelink--project,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__titlelink--article,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__titlelink--event,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__titlelink--project,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__titlelink--article,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__titlelink--event,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__titlelink--project,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__titlelink--article,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__titlelink--event,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__titlelink--project,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__titlelink--article,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__titlelink--event,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__titlelink--project,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__titlelink--article,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__titlelink--event,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__titlelink--project,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__titlelink--article,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__titlelink--event,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__titlelink--project,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__titlelink--article,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__titlelink--event,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__titlelink--project,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__titlelink--article,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__titlelink--event,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__titlelink--project {
  -webkit-box-orient: vertical;
  color: var(--c-primary-darkest);
  display: block;
  display: -webkit-box;
  font-size: 1.1875rem;
  -webkit-line-clamp: 2;
  line-height: 1.6875rem;
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__body, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__body, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__body, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__body,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__body,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__body,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__body,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__body,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__body,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__body,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__body,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__body {
  flex: auto;
  max-width: 100%;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__content, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__content, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__content, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__content,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__content,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__content,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__content,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__content,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__content,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__content,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__content,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .teaser__content-text, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .teaser__content-text, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .teaser__content-text, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .teaser__content-text,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .teaser__content-text,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .teaser__content-text,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .teaser__content-text,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .teaser__content-text,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .teaser__content-text,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .teaser__content-text,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .teaser__content-text,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .teaser__content-text {
  margin-bottom: 0;
}
.path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card .card__actionbar, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card .card__actionbar, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card .card__actionbar, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card .card__actionbar,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card .card__actionbar,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card .card__actionbar,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card .card__actionbar,
.path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card .card__actionbar,
.path-communitywissen .view-id-factsheets .teaser.teaser-article.card .card__actionbar,
.path-communitywissen .view-id-factsheets .teaser.teaser-event.card .card__actionbar,
.path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card .card__actionbar,
.path-communitywissen .view-id-factsheets .teaser.teaser-project.card .card__actionbar {
  display: none;
}
@media screen and (min-width: 600px) {
  .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-factsheet.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-factsheet.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-article.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-event.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-factsheet.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-project.card {
    width: 384px;
  }
}
@media screen and (min-width: 820px) {
  .path-discover .discovertopic__contentteasers .view-content,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events,
  .path-communitywissen .view-id-factsheets {
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (min-width: 1291px) {
  .path-discover .discovertopic__contentteasers .view-content,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events,
  .path-communitywissen .view-id-factsheets {
    grid-auto-rows: 450px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .path-discover .discovertopic__contentteasers .view-content,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events,
  .path-communitywissen .view-id-factsheets {
    display: flex;
    /* IE10+ CSS */
    flex-wrap: wrap;
    max-width: 1200px;
  }
  .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-article.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-event.card, .path-discover .discovertopic__contentteasers .view-content .teaser.teaser-project.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-article.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-event.card,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .teaser.teaser-project.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-article.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-event.card,
  .path-communitywissen .view-id-factsheets .teaser.teaser-project.card {
    flex-grow: 0;
    margin-bottom: 24px;
    margin-right: 24px;
    width: 375px;
  }
  .path-discover .discovertopic__contentteasers .view-content .pager-nav.text-center,
  .path-community-events .view-upcoming-events.view-display-id-page_community_events .pager-nav.text-center,
  .path-communitywissen .view-id-factsheets .pager-nav.text-center {
    width: 100%;
  }
}

.path-discover .discovertopic__contentteasers .view-content .teaser-factsheet .nakomo-teaser__topiclabel {
  display: none;
}

/*for optimising and more easy use in future, make teasers, which can be reusable*/
.nakomo-teaser.card {
  box-shadow: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.nakomo-teaser.card:hover {
  box-shadow: none;
  outline: 2px solid var(--c-primary-darkest);
}
.nakomo-teaser block-nakomo-site:hover {
  cursor: default;
}
.nakomo-teaser--small.card {
  font-size: 15px;
  font-size: 0.9375rem;
  width: 275px;
}
.nakomo-teaser--small.card:not(.nakomo-teaser--groups) {
  align-items: center;
  display: flex;
  flex-direction: unset;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 52px;
  padding: var(--space-xs);
}
.nakomo-teaser--small.card.nakomo-teaser--groups .linkwrapper {
  align-items: center;
  display: flex;
  flex-direction: unset;
  flex-wrap: wrap;
  height: 280px;
  justify-content: center;
  min-height: 52px;
  padding: 16px 16px 0 16px;
}
.nakomo-teaser--small.card .views-field.views-field-id {
  display: none;
}
.nakomo-teaser--small.card .views-field-field-group-image {
  align-self: flex-start;
  margin: -16px;
  margin-bottom: 0;
}
.nakomo-teaser--small.card .views-field.views-field-type {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--c-neutral-darkest);
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin-top: var(--space-xs);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.nakomo-teaser--small.card .views-field.views-field-label {
  font-size: 19px;
  font-size: 1.1875rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  height: 52px;
  margin-top: var(--space-xxs);
  text-align: center;
  width: 100%;
}
.nakomo-teaser--small.card .views-field.views-field-label span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-width: 243px;
  overflow: hidden;
  width: 100%;
}
.nakomo-teaser--small.card .views-field.views-field-group-membership-count, .nakomo-teaser--small.card .views-field.views-field-nothing {
  border: none;
  width: 50%;
}
.nakomo-teaser--small.card .views-field.views-field-group-membership-count {
  font-weight: normal;
  padding: var(--space-xs);
  padding-right: 0;
  text-align: right;
}
.nakomo-teaser--small.card .views-field.views-field-nothing {
  font-weight: normal;
  padding-left: 0;
  text-align: left;
}
.nakomo-teaser--small.card .views-field.views-field-nothing:before {
  content: "|";
  padding: 0 var(--space-xxs);
}
.nakomo-teaser--small.card .block-nakomo-site-discover-topic-group-membership {
  height: 70px;
  padding: 0 16px 16px 16px;
  width: 100%;
}
.nakomo-teaser--small.card .membership {
  align-items: center;
  border-top: 1px solid var(--c-neutral-light);
  color: var(--c-primary-dark);
  display: flex;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 600;
  gap: var(--space-xxs);
  height: 54px;
  justify-content: center;
  line-height: 140%;
  padding-top: var(--space-sm);
}
.nakomo-teaser--small.card .membership--true:before {
  background-image: url(././images/Check-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.nakomo-teaser--small.card .membership--true.group--open {
  color: var(--c-neutral-dark);
}
.nakomo-teaser--small.card .membership--false {
  cursor: pointer;
}
.nakomo-teaser--small.card .membership--false:before {
  background-image: url(././images/icon-group.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  margin-top: 5px;
  width: 24px;
}
.nakomo-teaser--small.card .membership--pending {
  color: var(--c-neutral-dark);
}
.nakomo-teaser--small.card .membership--pending:before {
  background-image: url(././images/icon_clock-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.nakomo-teaser--small.card .membership--rejected {
  color: var(--c-neutral-dark);
}
.nakomo-teaser--small.card .membership--rejected:before {
  background-image: url(././images/Close-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.nakomo-teaser .nakomo-teaser--small__topiclabel {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: var(--c-primary-dark);
  color: var(--c-white);
  font-weight: 500;
  left: 0;
  margin: 0 var(--space-xs);
  padding: var(--space-xxxs) var(--space-xxs);
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.nakomo-teaser--large.card {
  height: 400px;
}
@media screen and (min-width: 600px) {
  .nakomo-teaser--large.card {
    width: 384px;
  }
}
.nakomo-teaser--horizontal.card {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
}
.nakomo-teaser--horizontal.card .nakomo-teaser--horizontal__image {
  flex-shrink: 0;
  height: 84px;
  width: 132px;
}
.nakomo-teaser--horizontal.card .nakomo-teaser--horizontal__image img {
  height: 84px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.nakomo-teaser--horizontal.card .nakomo-teaser--horizontal__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxxs);
  justify-content: center;
}
.nakomo-teaser--horizontal__title {
  color: var(--c-primary-darkest);
  padding-right: var(--space-xs);
}
.nakomo-teaser--horizontal__linklabel {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.nakomo-teaser--horizontal__subtitle {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 130%;
}

/* stylelint-disable */
.socialblue--sky .navbar.navbar-secondary .navbar-nav li.active a {
  background: transparent !important;
  border-bottom-color: #ffffff;
  color: #ffffff;
}
.socialblue--sky .navbar.navbar-secondary .navbar-nav li.active a:after,
.socialblue--sky .navbar.navbar-secondary .navbar-nav li.active button:after {
  background: #ffffff;
}
.socialblue--sky .navbar.navbar-secondary .navbar-nav .visible-list li {
  margin-bottom: 5px;
}
.socialblue--sky .navbar.navbar-secondary.navbar .navbar-scrollable {
  height: unset;
  min-height: 44px;
}
.socialblue--sky .navbar.navbar-secondary.navbar .navbar-scrollable li a {
  padding-bottom: 5px;
}

.layout--with-complementary .navbar-secondary .navbar-nav .hidden-list {
  background: #05565c !important;
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li a {
  color: #ffffff !important;
}
.layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li a:hover {
  color: #ffffff !important;
}
.layout--with-complementary .navbar-secondary .navbar-nav .hidden-list li a:after {
  left: 2rem;
  width: calc(100% - 4rem);
}

/* stylelint-enable */
.block-simplenews-subscription-block.card {
  padding: 1.25rem;
  text-align: center;
}
.block-simplenews-subscription-block.card .form-item {
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 5px;
  text-transform: uppercase;
}

.page-node-type-simplenews-issue:has(.newsletterparagraph) .row.container.layout--with-complementary {
  flex-direction: column;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .region--content {
  align-self: center;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription {
  padding: 1.25rem;
  text-align: center;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription #edit-subscribe,
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription #edit-unsubscribe {
  background-color: #097e7e;
  border-color: #097e7e;
  color: #ffffff;
  fill: #ffffff;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription #edit-subscribe:hover,
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription #edit-unsubscribe:hover {
  background-color: #097e7e;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-color: #097e7e;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) #block-simplenewssubscription #edit-message {
  color: #097e7e;
  font-weight: 500;
  text-transform: uppercase;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter {
  width: 600px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter img {
  width: 600px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0;
  /*new newsletter styling v2024*/
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph {
  padding: 20px var(--space-lg);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:first-child {
  padding-top: var(--space-lg);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:last-child {
  padding-bottom: var(--space-lg);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.section--image) {
  padding: 0;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .btn-primary {
  font-weight: 600;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--image .image {
  display: inline-block;
  position: relative;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--image .copyright {
  background: var(--c-white);
  bottom: 0;
  color: var(--c-neutral-dark);
  display: inline-block;
  margin: var(--space-xxs);
  padding: 0 var(--space-xxs);
  position: absolute;
  right: 0;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--content a {
  display: grid;
  font-weight: 400;
  grid-template-columns: 180px auto;
  padding-bottom: var(--space-sm);
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-ensable selector-max-compound-selectors */
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--content a .content__info {
  margin-left: var(--space-sm);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--content a .content__title {
  color: var(--c-primary-darkest);
  font-weight: 600;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--content a .content__meta {
  color: var(--c-neutral-dark);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--text {
  display: grid;
  gap: var(--space-sm);
  grid-template-columns: auto auto;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .section--text .image_wrapper.position--right .copyright {
  text-align: right;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) {
  background-color: var(--c-primary-darkest);
  color: var(--c-white);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .section--content .content__type {
  color: var(--c-primary-lightest);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .section--content .content__title,
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .section--content .content__meta {
  color: var(--c-white);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .section--text .copyright {
  color: var(--c-primary-pure);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .btn-outline {
  background-color: var(--c-white);
  font-weight: 600;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .node--newsletter .card__body .newsletterparagraph:has(.background--dark) .btn-outline:hover {
  background-color: var(--c-neutral-light);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) {
  /*old newsletter styling*/
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) fieldset.card {
  box-shadow: none;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) fieldset.card:not(.sn_highlighter-custom) {
  margin-bottom: 0;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .card {
  flex-direction: row;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .card__title {
  display: none;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .card__block {
  box-shadow: none;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .card__body .panel-default {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .sn_highlighter-custom {
  border-bottom: 2px solid #dddddd;
  margin-bottom: 25px;
  padding-bottom: 10px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-text-short {
  color: #05565c;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-title a {
  color: #007175;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 1.875rem;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-long-text {
  clear: both;
  color: #535353;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-long-text strong,
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-long-text b {
  color: var(--c-primary-dark);
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-heading {
  color: #007175;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.1875rem;
  text-transform: uppercase;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-month {
  color: #05565c;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-text {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.3125rem;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-text strong {
  color: #05565c;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-heading {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.1875rem;
  text-transform: uppercase;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-month {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-text {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.3125rem;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-link {
  margin-top: 50px;
  text-align: left;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-link {
    text-align: right;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-link a {
  background-color: #007175;
  bottom: -16px;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.035rem;
  padding: 14px 26px;
  position: relative;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-curr-poll-link a {
    right: -20px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-cr, .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-image-cr {
  color: #535353;
  font-size: 0.8125rem;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-highlighter-cr:before, .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .field--name-field-sn-prev-poll-image-cr:before {
  content: "©";
  display: inline-block;
  margin-right: 3px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .highlighter-image-copyright {
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .highlighter-image-copyright {
    float: left;
    margin-right: 20px;
  }
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .highlighter-image-copyright img {
    max-width: 240px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .previous-poll-Image-copyright {
  float: right;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .previous-poll-Image-copyright {
    margin-left: 20px;
  }
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .previous-poll-Image-copyright img {
    max-width: 240px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .simplenews-documents > span {
  color: #05565c;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 0.9375rem;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-item {
  clear: both;
  display: block;
  margin-bottom: 40px;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-item {
    margin-bottom: 50px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-item:after {
  clear: both;
  content: "";
  display: block;
  float: none;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-item:last-child {
  margin-bottom: 15px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-image {
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-image {
    float: left;
    margin-right: 20px;
    max-width: 175px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-title a {
  color: #007175;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.3125rem;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-title {
    margin-left: 195px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-date {
  color: #535353;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-date {
    margin-left: 195px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-ct {
  color: #05565c;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.9375rem;
  margin-bottom: 5px;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-ct {
    margin-left: 195px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-location {
  color: #535353;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
@media screen and (min-width: 600px) {
  .page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .document-location {
    margin-left: 195px;
  }
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .previous-poll-custom {
  border-top: 2px solid #dddddd;
  padding-top: 35px;
}
.page-node-type-simplenews-issue:has(.newsletterparagraph) .page-node-type-simplenews-issue:not(.page-node-edit) .current-poll-custom {
  background-color: #05565c;
  color: #ffffff;
  position: relative;
}

.notification-bell .dropdown-menu {
  border-radius: 0;
  color: var(--c-neutral-darkest);
  max-width: 516px;
  min-width: 500px;
  padding: var(--space-sm);
}
.notification-bell .dropdown-menu li > a, .notification-bell .dropdown-menu li > span {
  margin-bottom: var(--space-sm);
  padding: 0;
}
.notification-bell .dropdown-menu .dropdown-header:first-child {
  align-items: baseline;
  display: grid;
  grid-template-areas: "title settings" "readfeature readfeature";
  padding: 0;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  font-size: 25px;
  font-size: 1.5625rem;
  color: var(--c-neutral-darkest);
  font-weight: 500;
  grid-area: title;
  line-height: 130%;
  padding: 0;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .settings {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-primary-dark);
  cursor: pointer;
  display: flex;
  font-weight: 600;
  grid-area: settings;
  justify-content: end;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .settings::before {
  background-image: url(././images/bell-setting-green.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  margin-right: 8px;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  font-size: 15px;
  font-size: 0.9375rem;
  align-items: flex-start;
  color: var(--c-primary-dark);
  display: flex;
  grid-area: readfeature;
  margin-top: var(--space-sm);
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span {
  border-bottom: 2px solid transparent;
  margin-right: var(--space-sm);
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.show_unread {
  cursor: pointer;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.show_unread:after {
  content: attr(data-unreadcount);
  margin-left: var(--space-xxxs);
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.show_all {
  cursor: pointer;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.mark_all_as_read {
  cursor: pointer;
  font-weight: 600;
  margin-right: 0;
  text-align: right;
  width: 100%;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.mark_all_as_read.disabled {
  color: var(--c-neutral-dark);
  cursor: default;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.mark_all_as_read span {
  cursor: pointer;
  margin-right: 0;
}
.notification-bell .dropdown-menu .dropdown-header:first-child .read_feature span.active {
  border-color: var(--c-primary-dark);
  font-weight: bold;
}
.notification-bell .dropdown-menu li.js-notification-center-wrapper {
  max-height: calc(100vh - 300px);
  overflow: auto;
}
.notification-bell .dropdown-menu .profile img {
  height: 48px;
  margin-left: var(--space-xxxs);
  width: 48px;
}
.notification-bell .dropdown-menu .divider {
  display: none;
}
.notification-bell .dropdown-menu .label {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: var(--space-sm);
}
.notification-bell .dropdown-menu .older {
  display: none;
}
.notification-bell .dropdown-menu .newest {
  display: none;
  margin-top: var(--space-sm);
}
.notification-bell .dropdown-menu .media {
  font-size: 15px;
  font-size: 0.9375rem;
  border-left: 4px solid transparent;
  color: var(--c-neutral-darkest);
}
.notification-bell .dropdown-menu .media .text-gray-light {
  color: var(--c-neutral-dark);
}
.notification-bell .dropdown-menu .unread {
  background-color: var(--c-white);
  border-color: var(--c-primary-darkest);
}
.notification-bell .dropdown-menu .notification-center__showall a {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-primary-dark);
  font-weight: 600;
  line-height: 140%; /* 21px */
  margin-top: var(--space-sm);
  text-align: center;
}
.notification-bell .dropdown-menu .scrollable-menu {
  height: auto;
  overflow-x: visible;
}
@media (min-width: 600px) {
  .notification-bell .dropdown-menu .scrollable-menu {
    max-height: calc(100vh - 280px);
  }
}
.notification-bell .dropdown-menu .scrollable-menu li {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  margin: 0;
  margin-right: var(--space-xxs);
  padding: 3px 0 0 3px;
  position: relative;
}
.notification-bell .dropdown-menu .scrollable-menu li:last-child .notification-user__dialog--buttonswrapper {
  box-shadow: inset 0 -2px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  z-index: 10;
}
.notification-bell .dropdown-menu .view-activity-stream-notifications .attachment-before {
  border-left: 4px solid transparent;
  border-left-color: transparent;
  display: grid;
  grid-template-columns: auto 1fr;
  margin-bottom: var(--space-sm);
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxs);
}
.notification-bell .dropdown-menu .view-activity-stream-notifications .attachment-before:before {
  background: url(././images/new-user-profile-images.png) no-repeat;
  background-size: cover;
  border: 2px solid var(--c-white);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 44px;
  margin: 0 var(--space-xxxs);
  margin-top: var(--space-xxxs);
  outline: 3px solid var(--c-primary-darkest);
  width: 44px;
}
.notification-bell .dropdown-menu .view-activity-stream-notifications .attachment-before a {
  margin-left: var(--space-xxs);
}

.path-notifications {
  color: var(--c-neutral-darkest);
}
.path-notifications .card {
  margin-bottom: var(--space-xs);
  padding: var(--space-sm);
}
.path-notifications .card__block {
  margin-top: var(--space-sm);
  padding: 0;
}
.path-notifications .card__block.unread {
  background-color: var(--c-white);
  border-left: 4px solid var(--c-primary-darkest);
  padding: 0;
}
.path-notifications .card .label {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 140%;
}
.path-notifications .card .list-item__avatar {
  margin-left: var(--space-xxxs);
  margin-right: 12px;
}
.path-notifications .card .list-item__text {
  font-weight: 400;
}
.path-notifications .card .profile.message {
  font-weight: 400;
}
.path-notifications .card.unreadnotifications .scrollable-menu {
  overflow-x: visible;
}
.path-notifications aside.region--complementary {
  padding-left: 24px;
}
.path-notifications aside.region--complementary .content-merged--sky--complementary.card {
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: var(--c-primary-lightest);
  padding: var(--space-sm);
  text-align: center;
}
.path-notifications aside.region--complementary .content-merged--sky--complementary.card a {
  align-items: center;
  color: var(--c-primary-dark);
  display: flex;
  height: 32px;
  justify-content: center;
}
.path-notifications aside.region--complementary .content-merged--sky--complementary.card a::before {
  background-image: url(././images/bell-setting-green.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  margin-right: 8px;
}
.path-notifications .view-filters {
  margin-bottom: 0;
}
.path-notifications .view-filters form {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-primary-dark);
}
.path-notifications .view-filters form div:has(.mark_all_as_read) {
  align-items: baseline;
  display: grid;
  grid-template-columns: auto auto;
}
.path-notifications .view-filters form div:has(.mark_all_as_read):before {
  content: none;
}
.path-notifications .view-filters form div:has(.mark_all_as_read) .mark_all_as_read {
  cursor: pointer;
  font-weight: 600;
  justify-self: end;
}
.path-notifications .view-filters form div:has(.mark_all_as_read) .mark_all_as_read.disabled {
  color: var(--c-neutral-dark);
  cursor: default;
}
.path-notifications .view-filters form .fieldset-wrapper {
  display: flex;
}
.path-notifications .view-filters form .fieldset-wrapper .form-item {
  margin: 0;
  margin-right: var(--space-sm);
}
.path-notifications .view-filters form .fieldset-wrapper input[type=radio] {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
  /* stylelint-enable selector-max-compound-selectors */
}
.path-notifications .view-filters form .fieldset-wrapper input[type=radio] + label {
  font-size: 15px;
  font-size: 0.9375rem;
  border-bottom: 2px solid transparent;
  padding: 0;
  padding-bottom: var(--space-xxxs);
  /* stylelint-disable max-nesting-depth */
}
.path-notifications .view-filters form .fieldset-wrapper input[type=radio] + label:before, .path-notifications .view-filters form .fieldset-wrapper input[type=radio] + label:after {
  content: none;
  opacity: 0;
}
.path-notifications .view-filters form .fieldset-wrapper input[type=radio]:checked + label {
  border-color: var(--c-primary-dark);
  font-weight: 600;
}
.path-notifications .view-filters form .fieldset-wrapper input[type=radio]:checked + label:before, .path-notifications .view-filters form .fieldset-wrapper input[type=radio]:checked + label:after {
  content: none;
  opacity: 0;
}
.path-notifications .pager-show-more {
  font-size: 15px;
  font-size: 0.9375rem;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  /* stylelint-disable-next-line no-descending-specificity */
}
.path-notifications .pager-show-more a {
  border: none;
  font-weight: 600;
  padding: 0;
}
.path-notifications .notifications__sidebar .link {
  margin-top: 30px;
}

.notification-contextmenu.ellipsis {
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  padding: 0 var(--space-xs);
}

/* stylelint-disable-next-line no-descending-specificity */
.notification-user__dialog--buttonswrapper {
  font-size: 15px;
  font-size: 0.9375rem;
  align-items: start;
  background: var(--c-white);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: 12px;
  position: absolute;
  right: 0;
  z-index: 10;
  /* stylelint-disable-next-line no-descending-specificity */
}
.notification-bell .notification-user__dialog--buttonswrapper {
  grid-column: 1/-1;
  grid-row: 2;
  justify-self: right;
  margin-bottom: -70px;
  position: absolute;
  top: -60px;
  width: 70%;
}
.notification-user__dialog--buttonswrapper.notification-user__dialog--buttonswrapper-hidden {
  display: none;
}
.notification-user__dialog--buttonswrapper button.nakomo-button--link {
  align-items: center;
  display: inline-flex;
  width: 100%;
}
.notification-user__dialog--buttonswrapper button.nakomo-button--link.off {
  color: var(--c-neutral-dark);
}
.notification-user__dialog--buttonswrapper button.nakomo-button--link.off img {
  filter: grayscale(1) brightness(5);
}
.notification-user__dialog--buttonswrapper button.nakomo-button--link img {
  height: 24px;
  margin-right: var(--space-xxs);
  width: 24px;
}
.notification-user__dialog--buttonswrapper button.nakomo-button--link span {
  text-align: left;
}

fieldset#edit-email-notifications {
  display: none;
}

.form-notification-settings label.optout_emails {
  color: var(--c-primary-dark);
  cursor: pointer;
}
.form-notification-settings .alert-optout-emails {
  margin-top: 1rem;
}
.form-notification-settings__templategroup {
  box-shadow: none;
  padding: 0;
}
.form-notification-settings__templategroup .card__title {
  background-color: var(--c-background-gray);
  color: var(--c-black);
  padding: 12px;
  /* stylelint-disable no-descending-specificity */
}
.form-notification-settings__templategroup .card__title a {
  display: inline-block;
  width: 100%;
}
.form-notification-settings__templategroup .card__title svg {
  height: 24px;
  position: absolute;
  right: 6px;
  top: 6px;
  transform: none;
  width: 24px;
}
.form-notification-settings__templategroup .card__block {
  padding: 12px;
}
.form-notification-settings__templategroup .form-type-select {
  /* stylelint-ensable no-descending-specificity */
}
.form-notification-settings__templategroup .form-type-select div,
.form-notification-settings__templategroup .form-type-select label {
  width: 100%;
}
.form-notification-settings__templategroup .form-type-select div {
  font-size: 0.875rem;
  font-weight: 400;
}
.form-notification-settings__templateitem {
  border-bottom: 1px solid var(--c-background-gray);
  border-radius: 0;
  padding-bottom: var(--space-xs);
}
.form-notification-settings__templateitem .form-group {
  margin-bottom: 0;
  width: 100%;
}
.form-notification-settings__templateitem .form-group.form-disabled {
  color: var(--c-neutral-dark);
}
.form-notification-settings__templateitem .form-group .switch input[type=checkbox]:checked + .lever {
  background-color: var(--c-primary-pure);
}
.form-notification-settings__templateitem .form-group .switch input[type=checkbox]:checked + .lever:after {
  background-color: var(--c-primary-dark);
}
.form-notification-settings__templateitem .form-group .switch .lever {
  background-color: var(--c-neutral-medium);
}
.form-notification-settings__templateitem .form-group .switch input[type=checkbox][disabled]:checked + .lever,
.form-notification-settings__templateitem .form-group .switch input[type=checkbox][disabled] + .lever {
  background-color: var(--c-neutral-medium);
}
.form-notification-settings__templateitem .form-group .switch input[type=checkbox][disabled]:checked + .lever:after,
.form-notification-settings__templateitem .form-group .switch input[type=checkbox][disabled] + .lever:after {
  background-color: var(--c-neutral-dark);
}
.form-notification-settings__templateitem .switch__label {
  font-weight: 400;
}
.form-notification-settings__templateitem .switch__options {
  font-weight: 400;
}
.form-notification-settings__templateitem .form-disabled {
  display: flex !important;
}

form:not(.layout-builder-add-block) .tabledrag-handle {
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative;
}

form:not(.layout-builder-configure-block).group-form .field--widget-options-buttons .fieldgroup .fieldset-wrapper,
form:not(.layout-builder-configure-block).node-form .field--widget-options-buttons .fieldgroup .fieldset-wrapper {
  flex-direction: column;
}

form:not(.layout-builder-configure-block) fieldset {
  margin-top: 0;
}

.contact-message-personal-form .form-item label,
.contact-message-personal-form .form-item {
  font-size: 0.875rem;
}
.contact-message-personal-form a {
  font-weight: 300 !important;
}

span.form-required {
  color: #ff4444;
}

.node-event-form .field--name-field-event-managers {
  max-width: 100%;
}
.node-event-form .field--name-field-event-managers table {
  margin-bottom: unset;
}
.node-event-form .field--name-field-event-managers table tbody td {
  padding: 0.75rem 0;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.node-event-form .field--name-field-event-managers table tbody td > .form-group {
  margin-bottom: 1.5rem;
}
.node-event-form .field--name-field-event-managers .clearfix {
  background-color: transparent;
  padding: 0.625rem 0;
}
.node-event-form .field--name-field-event-managers .clearfix button {
  font-weight: normal;
}
.node-event-form #edit-field-organisation-0-target-id--description a {
  color: var(--c-primary-darkest);
}

fieldset#edit-profile-privacy fieldset[disabled] {
  display: none;
}

.field-group-tabs-wrapper {
  margin-bottom: 30px;
}
.field-group-tabs-wrapper .tabs-left > .nav-tabs {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.field-group-tabs-wrapper .tabs-left > .tab-content {
  background-color: #ffffff;
  border-top-left-radius: 0 !important;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.24);
}

form.group-form .field-group-details > .panel-heading,
form.group-form #edit-status-label > .panel-heading {
  display: none;
}

form.webform-submission-form .form-control {
  max-width: none;
}

.webform-multiple-table .btn.tabledrag-toggle-weight {
  display: none;
}
.webform-multiple-table .table-responsive {
  box-shadow: none;
}
.webform-multiple-table .table thead:has(.visually-hidden) th {
  border: 0;
  padding: 0;
}
.webform-multiple-table .table {
  margin-bottom: 0;
  /* stylelint-disable-next-line no-descending-specificity */
}
.webform-multiple-table .table td {
  border: 0;
  padding: 0;
}
.webform-multiple-table .table-striped tbody tr {
  background: none;
}
.webform-multiple-table .table-striped tbody tr:first-child:last-child .image-button:last-child {
  display: none;
}
.webform-multiple-table .table-striped tbody tr:last-child {
  padding-bottom: 0;
}
.webform-multiple-table .table-striped tbody tr td {
  padding-bottom: 16px;
}
.webform-multiple-table .form-type-textfield,
.webform-multiple-table .form-type-textarea {
  margin: 0;
  max-width: 100%;
}
.webform-multiple-table .form-type-textfield input, .webform-multiple-table .form-type-textfield textarea,
.webform-multiple-table .form-type-textarea input,
.webform-multiple-table .form-type-textarea textarea {
  max-width: none;
}
.webform-multiple-table td.webform-multiple-table--handle {
  display: none;
}
.webform-multiple-table td.webform-multiple-table--handle + td:not([attribute]) {
  display: table-cell;
  width: 100%;
}
.webform-multiple-table .image-button[type=image] {
  opacity: 0.7;
}
.webform-multiple-table .image-button[type=image]:focus {
  outline-color: var(--c-primary-dark);
  outline-offset: 2px;
}
.webform-multiple-table td.webform-multiple-table--operations {
  display: table-cell;
  padding: 0 12px;
  position: relative;
  text-align: left;
}
@media (max-width: 768px) {
  .webform-multiple-table td.webform-multiple-table--operations {
    position: relative;
    top: 0;
  }
}
@media (max-width: 768px) {
  .webform-multiple-table .webform-multiple-table--operations,
  .webform-multiple-table .webform-multiple-table--handle {
    border: 0;
  }
}
.webform-multiple-table ~ .webform-multiple-add {
  display: none;
}

.questions-post {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.questions-post .form-type-textarea {
  flex: 1 0 100%;
}
.questions-post .form-type-textarea textarea {
  background-color: transparent;
  height: 38px;
  overflow-wrap: break-word;
  overflow-x: hidden;
}
.questions-post .form-control {
  max-width: none !important;
  resize: none;
}
.questions-post .form-submit {
  align-self: flex-end;
  background-color: #097e7e;
  border-color: #097e7e;
  color: #ffffff;
  flex: 0 1 auto;
  flex-grow: 0;
  margin-left: 0.5rem;
}
.questions-post .form-submit:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.view-activity-question-group .stream-item,
#block-views-block-activity-question-group-block-question-group .stream-item {
  list-style: none;
}

.view-activity-question-group:before {
  background: rgba(0, 0, 0, 0.25);
  bottom: 0;
  content: "";
  left: 7px;
  position: absolute;
  top: 55px;
  width: 2px;
}

.comment--form .comment__author {
  margin-bottom: 5px;
  padding-right: 0;
}
@media screen and (min-width: 900px) {
  .comment--form .comment__author {
    display: inline-flex;
    padding-right: 30px;
  }
}
.comment--form .vote__wrapper {
  justify-content: left !important;
}
.comment--form .icon-vote--custom {
  height: 26px;
  margin-right: 8px;
  width: 25px;
}
.comment--form .action-flag,
.comment--form .action-unflag {
  align-items: center;
  background-color: transparent;
  border: none;
  display: inline-flex;
  flex-flow: row wrap;
  padding: 0;
}
.comment--form .action-flag::after,
.comment--form .action-unflag::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 25px;
  content: "";
  display: inline-flex;
  height: 25px;
  margin-left: 10px;
  width: 25px;
}
.comment--form .action-flag .js-flag-message,
.comment--form .action-unflag .js-flag-message {
  margin-bottom: 0;
}
.comment--form .action-flag::after {
  background-image: url(././images/icon_check.svg);
}
.comment--form .action-unflag {
  color: #097e7e;
  font-weight: 600;
}
.comment--form .action-unflag::after {
  background-image: url(././images/icon_check_2.svg);
}
.comment--form .comment__text {
  clear: both;
  float: none;
  margin-top: 10px;
}

@media screen and (min-width: 900px) {
  .comment__author {
    display: inline-flex;
    padding-right: 30px;
  }
  .vote-widget {
    display: inline-flex;
    padding-right: 30px;
  }
  .bestSolution {
    display: inline-flex;
    float: right;
  }
  .bestSolution .action-flag::after {
    background-image: url(././images/Check.svg);
    filter: brightness(0);
  }
  .bestSolution .action-unflag::after {
    background-image: url(././images/Check.svg);
  }
  .bestSolution.no-owner a {
    cursor: default;
    pointer-events: none;
  }
  .bestSolution.teaser--stream.no-owner .action-flag {
    display: none;
  }
}
.comment__input-group {
  display: inline-flex;
}

.questions-comment {
  display: inline-flex;
  /* stylelint-disable-next-line no-descending-specificity */
}
.questions-comment .form-type-textarea .form-textarea {
  max-width: 100%;
}
.questions-comment .form-submit {
  background-color: #097e7e;
  color: #ffffff;
  height: 35px;
  margin-left: 8px;
}
.questions-comment .form-submit:hover {
  background-color: #05565c;
}

.badge__icon.icon-vote--custom {
  height: 20px;
  stroke: #dddddd;
  stroke-width: 2px;
  width: 21px;
}

.vote-widget .icon-vote--custom {
  stroke: #4d4d4d;
  stroke-width: 1px;
}
.vote-widget .voted .icon-vote--custom {
  fill: #097e7e;
  stroke: #f7f7f7;
}
.comment__text .vote-widget {
  margin-top: 8px !important;
  padding-left: 0 !important;
  position: relative;
}

.vote__count a .ajax-throbber {
  display: none !important;
}

.meta-engage {
  /* stylelint-disable-next-line no-descending-specificity */
}
.meta-engage .vote-widget {
  background-color: #e6e6e6;
  line-height: 1.85;
  padding-left: 0;
  padding-right: 0;
  transition: 0.3s;
}
.meta-engage .vote-widget .vote-like {
  font-size: 0.75rem;
  margin-right: 0;
}
.meta-engage .vote__wrapper {
  padding: 0 1em;
}
.meta-engage .icon-vote--custom {
  fill: #4d4d4d;
  height: 20px;
  position: relative;
  stroke: #e6e6e6;
  stroke-width: 2px;
  top: 4px;
  width: 21px;
}
.meta-engage .voted .icon-vote--custom {
  fill: #097e7e;
  stroke: #e6e6e6;
}
.meta-engage .vote__count a {
  font-weight: normal;
}
.meta-engage .vote__count a .ajax-throbber {
  display: none !important;
}

.user-login-reset,
.register-first-step,
.register-second-step,
.register-third-step {
  padding-top: 0;
}
.user-login-reset .layout--with-complementary,
.register-first-step .layout--with-complementary,
.register-second-step .layout--with-complementary,
.register-third-step .layout--with-complementary {
  flex-direction: column;
}
.user-login-reset .region--title,
.user-login-reset .region--content,
.register-first-step .region--title,
.register-first-step .region--content,
.register-second-step .region--title,
.register-second-step .region--content,
.register-third-step .region--title,
.register-third-step .region--content {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 400px;
  padding: 0;
}
.user-login-reset .page-title,
.register-first-step .page-title,
.register-second-step .page-title,
.register-third-step .page-title {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #021d1f;
}
.user-login-reset .main-container,
.register-first-step .main-container,
.register-second-step .main-container,
.register-third-step .main-container {
  padding-top: 0;
}
.user-login-reset .main-container.main-container--user-form,
.register-first-step .main-container.main-container--user-form,
.register-second-step .main-container.main-container--user-form,
.register-third-step .main-container.main-container--user-form {
  padding-top: 160px;
}
.user-login-reset .block-system-main-block,
.register-first-step .block-system-main-block,
.register-second-step .block-system-main-block,
.register-third-step .block-system-main-block {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  text-align: center;
}
.user-login-reset .panel-default,
.register-first-step .panel-default,
.register-second-step .panel-default,
.register-third-step .panel-default {
  margin-bottom: 35px;
}
.user-login-reset .social-user-password-form,
.register-first-step .social-user-password-form,
.register-second-step .social-user-password-form,
.register-third-step .social-user-password-form {
  margin-top: 25px;
  text-align: left;
}
.user-login-reset .social-user-password-form .form-actions,
.register-first-step .social-user-password-form .form-actions,
.register-second-step .social-user-password-form .form-actions,
.register-third-step .social-user-password-form .form-actions {
  margin-bottom: 13px;
}
.user-login-reset .pass-reset-description-text,
.register-first-step .pass-reset-description-text,
.register-second-step .pass-reset-description-text,
.register-third-step .pass-reset-description-text {
  line-height: 1.3125rem;
  margin-top: 25px;
}
.user-login-reset .button-cancel,
.register-first-step .button-cancel,
.register-second-step .button-cancel,
.register-third-step .button-cancel {
  display: block;
  width: 100%;
}
.user-login-reset .button-pass-reset,
.register-first-step .button-pass-reset,
.register-second-step .button-pass-reset,
.register-third-step .button-pass-reset {
  margin-top: 30px;
}
.user-login-reset .social-user-login-form,
.register-first-step .social-user-login-form,
.register-second-step .social-user-login-form,
.register-third-step .social-user-login-form {
  margin-top: 25px;
  text-align: left;
}
.user-login-reset .form-type-password,
.register-first-step .form-type-password,
.register-second-step .form-type-password,
.register-third-step .form-type-password {
  margin-bottom: 0;
}
.user-login-reset .form-type-password label,
.register-first-step .form-type-password label,
.register-second-step .form-type-password label,
.register-third-step .form-type-password label {
  margin-bottom: 3px;
}
.user-login-reset .user-pass-reset a,
.register-first-step .user-pass-reset a,
.register-second-step .user-pass-reset a,
.register-third-step .user-pass-reset a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #097e7e;
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
}
.user-login-reset .user-pass-reset a:hover,
.register-first-step .user-pass-reset a:hover,
.register-second-step .user-pass-reset a:hover,
.register-third-step .user-pass-reset a:hover {
  color: #05565c;
}
.user-login-reset #edit-pass .password-strength,
.register-first-step #edit-pass .password-strength,
.register-second-step #edit-pass .password-strength,
.register-third-step #edit-pass .password-strength {
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
.user-login-reset #edit-pass .password-strength__meter,
.register-first-step #edit-pass .password-strength__meter,
.register-second-step #edit-pass .password-strength__meter,
.register-third-step #edit-pass .password-strength__meter {
  background: none;
  margin: 0;
}
.user-login-reset #edit-pass .password-strength__title,
.register-first-step #edit-pass .password-strength__title,
.register-second-step #edit-pass .password-strength__title,
.register-third-step #edit-pass .password-strength__title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #021d1f;
  font-weight: 600;
  line-height: 1.25rem;
  position: relative;
  top: 12px;
}
.user-login-reset #edit-pass .password-strength__resetdscrp,
.register-first-step #edit-pass .password-strength__resetdscrp,
.register-second-step #edit-pass .password-strength__resetdscrp,
.register-third-step #edit-pass .password-strength__resetdscrp {
  color: #7d7d7d;
  font-weight: 400;
}
.user-login-reset #edit-pass .password-strength__img,
.register-first-step #edit-pass .password-strength__img,
.register-second-step #edit-pass .password-strength__img,
.register-third-step #edit-pass .password-strength__img {
  display: inline-block;
}
.user-login-reset #edit-pass .password-strength__img img,
.register-first-step #edit-pass .password-strength__img img,
.register-second-step #edit-pass .password-strength__img img,
.register-third-step #edit-pass .password-strength__img img {
  height: 15px;
  margin-right: 5px;
}
.user-login-reset .passReset-description,
.user-login-reset .password-strength__resetdscrp-below,
.register-first-step .passReset-description,
.register-first-step .password-strength__resetdscrp-below,
.register-second-step .passReset-description,
.register-second-step .password-strength__resetdscrp-below,
.register-third-step .passReset-description,
.register-third-step .password-strength__resetdscrp-below {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 1.25rem;
}
.user-login-reset .form-submit,
.register-first-step .form-submit,
.register-second-step .form-submit,
.register-third-step .form-submit {
  margin-top: 6px;
  width: 100%;
}
.user-login-reset .form-description,
.register-first-step .form-description,
.register-second-step .form-description,
.register-third-step .form-description {
  color: #666666;
  margin-bottom: 32px;
}
.user-login-reset .form-description--second,
.register-first-step .form-description--second,
.register-second-step .form-description--second,
.register-third-step .form-description--second {
  margin-bottom: 30px;
  margin-top: 25px;
}
.user-login-reset .field-description,
.register-first-step .field-description,
.register-second-step .field-description,
.register-third-step .field-description {
  color: #666666;
  margin-bottom: 5px;
}
.user-login-reset .login-description,
.register-first-step .login-description,
.register-second-step .login-description,
.register-third-step .login-description {
  color: #7d7d7d;
  line-height: 1.3125rem;
  text-align: center;
  /* stylelint-disable-next-line no-descending-specificity */
}
.user-login-reset .login-description a,
.register-first-step .login-description a,
.register-second-step .login-description a,
.register-third-step .login-description a {
  clear: both;
  color: #097e7e;
  display: block;
  float: none;
  text-decoration: underline;
}
.user-login-reset .login-description a:hover,
.register-first-step .login-description a:hover,
.register-second-step .login-description a:hover,
.register-third-step .login-description a:hover {
  color: #05565c;
}
.user-login-reset .user-form,
.register-first-step .user-form,
.register-second-step .user-form,
.register-third-step .user-form {
  text-align: left;
}
.user-login-reset .user-form .form-type-password,
.register-first-step .user-form .form-type-password,
.register-second-step .user-form .form-type-password,
.register-third-step .user-form .form-type-password {
  max-width: 100%;
}
.user-login-reset .user-form .password-confirm,
.user-login-reset .user-form .password-confirm-message,
.user-login-reset .user-form .password-suggestions,
.user-login-reset .user-form label[for=edit-pass-pass2],
.register-first-step .user-form .password-confirm,
.register-first-step .user-form .password-confirm-message,
.register-first-step .user-form .password-suggestions,
.register-first-step .user-form label[for=edit-pass-pass2],
.register-second-step .user-form .password-confirm,
.register-second-step .user-form .password-confirm-message,
.register-second-step .user-form .password-suggestions,
.register-second-step .user-form label[for=edit-pass-pass2],
.register-third-step .user-form .password-confirm,
.register-third-step .user-form .password-confirm-message,
.register-third-step .user-form .password-suggestions,
.register-third-step .user-form label[for=edit-pass-pass2] {
  display: none !important;
}
.user-login-reset .user-form .password-field,
.register-first-step .user-form .password-field,
.register-second-step .user-form .password-field,
.register-third-step .user-form .password-field {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .user-login-reset .user-form .password-field,
  .register-first-step .user-form .password-field,
  .register-second-step .user-form .password-field,
  .register-third-step .user-form .password-field {
    margin-bottom: 5px;
  }
}
.user-login-reset .user-form .form-actions,
.register-first-step .user-form .form-actions,
.register-second-step .user-form .form-actions,
.register-third-step .user-form .form-actions {
  margin-bottom: 13px;
}
.user-login-reset .user-form .card__block,
.register-first-step .user-form .card__block,
.register-second-step .user-form .card__block,
.register-third-step .user-form .card__block {
  padding-bottom: 0;
}
.user-login-reset .user-form .checkbox,
.register-first-step .user-form .checkbox,
.register-second-step .user-form .checkbox,
.register-third-step .user-form .checkbox {
  margin-bottom: 0;
  margin-top: 20px;
}
.user-login-reset .user-form .checkbox .control-label,
.register-first-step .user-form .checkbox .control-label,
.register-second-step .user-form .checkbox .control-label,
.register-third-step .user-form .checkbox .control-label {
  font-weight: 500;
}
.user-login-reset .user-register-form .panel-default,
.user-login-reset .user-register-form .card__nested-section,
.register-first-step .user-register-form .panel-default,
.register-first-step .user-register-form .card__nested-section,
.register-second-step .user-register-form .panel-default,
.register-second-step .user-register-form .card__nested-section,
.register-third-step .user-register-form .panel-default,
.register-third-step .user-register-form .card__nested-section {
  background: no-repeat;
  box-shadow: none;
}
.user-login-reset .user-register-form legend,
.user-login-reset .user-register-form #edit-account--description,
.register-first-step .user-register-form legend,
.register-first-step .user-register-form #edit-account--description,
.register-second-step .user-register-form legend,
.register-second-step .user-register-form #edit-account--description,
.register-third-step .user-register-form legend,
.register-third-step .user-register-form #edit-account--description {
  display: none;
}
.user-login-reset .user-register-form .form-wrapper,
.register-first-step .user-register-form .form-wrapper,
.register-second-step .user-register-form .form-wrapper,
.register-third-step .user-register-form .form-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.user-login-reset .user-register-form .card__block,
.register-first-step .user-register-form .card__block,
.register-second-step .user-register-form .card__block,
.register-third-step .user-register-form .card__block {
  padding-top: 0;
}
.user-login-reset .user-register-form .card__nested-section,
.register-first-step .user-register-form .card__nested-section,
.register-second-step .user-register-form .card__nested-section,
.register-third-step .user-register-form .card__nested-section {
  display: none;
}
.user-login-reset .user-register-form #edit-simplenews--description,
.register-first-step .user-register-form #edit-simplenews--description,
.register-second-step .user-register-form #edit-simplenews--description,
.register-third-step .user-register-form #edit-simplenews--description {
  display: none;
}
.user-login-reset .user-register-form #edit-subscriptions-default--description,
.register-first-step .user-register-form #edit-subscriptions-default--description,
.register-second-step .user-register-form #edit-subscriptions-default--description,
.register-third-step .user-register-form #edit-subscriptions-default--description {
  line-height: 1.25rem;
}
.user-login-reset .user-register-form--wrapper,
.register-first-step .user-register-form--wrapper,
.register-second-step .user-register-form--wrapper,
.register-third-step .user-register-form--wrapper {
  background: #ffffff;
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.user-login-reset-register-confirmation .region--content .alert, .user-login-reset-pass-confirmation .region--content .alert,
.register-first-step-register-confirmation .region--content .alert,
.register-first-step-pass-confirmation .region--content .alert,
.register-second-step-register-confirmation .region--content .alert,
.register-second-step-pass-confirmation .region--content .alert,
.register-third-step-register-confirmation .region--content .alert,
.register-third-step-pass-confirmation .region--content .alert {
  display: none !important;
}
.user-login-reset #edit-pass .password-strength,
.user-login-reset #edit-pass div.password-confirm,
.register-first-step #edit-pass .password-strength,
.register-first-step #edit-pass div.password-confirm,
.register-second-step #edit-pass .password-strength,
.register-second-step #edit-pass div.password-confirm,
.register-third-step #edit-pass .password-strength,
.register-third-step #edit-pass div.password-confirm {
  max-width: 368px;
  width: 100%;
}
.user-login-reset #edit-pass .password-confirm__password,
.register-first-step #edit-pass .password-confirm__password,
.register-second-step #edit-pass .password-confirm__password,
.register-third-step #edit-pass .password-confirm__password {
  display: block !important;
}
.user-login-reset #block-onboardingregistration,
.register-first-step #block-onboardingregistration,
.register-second-step #block-onboardingregistration,
.register-third-step #block-onboardingregistration {
  display: none;
}
.user-login-reset .region--content.onboarding-firsttime,
.register-first-step .region--content.onboarding-firsttime,
.register-second-step .region--content.onboarding-firsttime,
.register-third-step .region--content.onboarding-firsttime {
  max-width: unset;
}
.user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
.register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
.register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
.register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions {
  display: unset !important;
}
.user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions .password-reset-lightbulb,
.register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions .password-reset-lightbulb,
.register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions .password-reset-lightbulb,
.register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions .password-reset-lightbulb {
  display: block;
  float: left;
  margin: 0;
  margin-right: 12px;
}
.user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions ul,
.register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions ul,
.register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions ul,
.register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions ul {
  clear: both;
  margin: 0;
}
.user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li,
.register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li,
.register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li,
.register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li {
  align-items: center;
  display: flex;
  gap: 0 12px;
  list-style: none;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li figure,
.register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li figure,
.register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li figure,
.register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions li figure {
  display: block;
  margin: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 600px) {
  .user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container,
  .register-first-step .region--content.onboarding-firsttime .user-pass-reset--container,
  .register-second-step .region--content.onboarding-firsttime .user-pass-reset--container,
  .register-third-step .region--content.onboarding-firsttime .user-pass-reset--container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .form-item-pass-pass1,
  .register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .form-item-pass-pass1,
  .register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .form-item-pass-pass1,
  .register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .form-item-pass-pass1 {
    grid-column: 1;
    grid-row: 1;
  }
  .user-login-reset .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
  .register-first-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
  .register-second-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions,
  .register-third-step .region--content.onboarding-firsttime .user-pass-reset--container .password-suggestions {
    grid-column: 2;
    grid-row: 1;
  }
}
.user-login-reset .block-registration-tab,
.register-first-step .block-registration-tab,
.register-second-step .block-registration-tab,
.register-third-step .block-registration-tab {
  background-color: #b9ecef;
  color: #05565c;
  margin-bottom: 45px;
}
.user-login-reset .block-registration-tab .registration__header,
.register-first-step .block-registration-tab .registration__header,
.register-second-step .block-registration-tab .registration__header,
.register-third-step .block-registration-tab .registration__header {
  padding-bottom: 12px;
  padding-top: 17px;
}
.user-login-reset .block-registration-tab h2,
.register-first-step .block-registration-tab h2,
.register-second-step .block-registration-tab h2,
.register-third-step .block-registration-tab h2 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3.0375rem;
}
.user-login-reset .block-registration-tab p,
.register-first-step .block-registration-tab p,
.register-second-step .block-registration-tab p,
.register-third-step .block-registration-tab p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-top: 20px;
}
.user-login-reset .block-registration-tab .description,
.register-first-step .block-registration-tab .description,
.register-second-step .block-registration-tab .description,
.register-third-step .block-registration-tab .description {
  color: #097e7e;
}
.user-login-reset .block-registration-tab .step__wrapper,
.register-first-step .block-registration-tab .step__wrapper,
.register-second-step .block-registration-tab .step__wrapper,
.register-third-step .block-registration-tab .step__wrapper {
  background-color: #097e7e;
  color: #ffffff;
}
.user-login-reset .block-registration-tab .step__list,
.register-first-step .block-registration-tab .step__list,
.register-second-step .block-registration-tab .step__list,
.register-third-step .block-registration-tab .step__list {
  display: flex;
  flex-flow: column wrap;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .user-login-reset .block-registration-tab .step__list,
  .register-first-step .block-registration-tab .step__list,
  .register-second-step .block-registration-tab .step__list,
  .register-third-step .block-registration-tab .step__list {
    flex-flow: row wrap;
  }
}
.user-login-reset .block-registration-tab .step__item,
.register-first-step .block-registration-tab .step__item,
.register-second-step .block-registration-tab .step__item,
.register-third-step .block-registration-tab .step__item {
  font-size: 15px;
  font-size: 0.9375rem;
  align-items: center;
  display: flex;
  height: 48px;
  line-height: 1.3125rem;
  list-style: none;
  list-style-type: none;
}
.user-login-reset .block-registration-tab .step__item:not(:last-child),
.register-first-step .block-registration-tab .step__item:not(:last-child),
.register-second-step .block-registration-tab .step__item:not(:last-child),
.register-third-step .block-registration-tab .step__item:not(:last-child) {
  margin-right: 40px;
}
.user-login-reset .block-registration-tab .step__number,
.register-first-step .block-registration-tab .step__number,
.register-second-step .block-registration-tab .step__number,
.register-third-step .block-registration-tab .step__number {
  font-size: 15px;
  font-size: 0.9375rem;
  align-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: inline-flex;
  font-weight: 600;
  height: 20px;
  justify-content: center;
  margin-right: 7px;
  width: 20px;
}
.firstStep .user-login-reset .block-registration-tab .step__number-1,
.firstStep .register-first-step .block-registration-tab .step__number-1,
.firstStep .register-second-step .block-registration-tab .step__number-1,
.firstStep .register-third-step .block-registration-tab .step__number-1 {
  background-color: #ffffff;
  color: #097e7e;
}
.secondStep .user-login-reset .block-registration-tab .step__number-1,
.secondStep .register-first-step .block-registration-tab .step__number-1,
.secondStep .register-second-step .block-registration-tab .step__number-1,
.secondStep .register-third-step .block-registration-tab .step__number-1 {
  position: relative;
  text-indent: -9999px;
  /* stylelint-disable-next-line max-nesting-depth */
}
.secondStep .user-login-reset .block-registration-tab .step__number-1:before,
.secondStep .register-first-step .block-registration-tab .step__number-1:before,
.secondStep .register-second-step .block-registration-tab .step__number-1:before,
.secondStep .register-third-step .block-registration-tab .step__number-1:before {
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid transparent;
  border-right: 2px solid #ffffff;
  border-top: 2px solid transparent;
  content: "";
  height: 12px;
  position: relative;
  top: -1px;
  transform: rotateZ(37deg);
  width: 7px;
}
.secondStep .user-login-reset .block-registration-tab .step__number-2,
.secondStep .register-first-step .block-registration-tab .step__number-2,
.secondStep .register-second-step .block-registration-tab .step__number-2,
.secondStep .register-third-step .block-registration-tab .step__number-2 {
  background-color: #ffffff;
  color: #097e7e;
}
.user-login-reset .first_timeLogin,
.register-first-step .first_timeLogin,
.register-second-step .first_timeLogin,
.register-third-step .first_timeLogin {
  /* stylelint-disable-next-line no-descending-specificity */
}
.user-login-reset .first_timeLogin .passnewReset-description h3,
.register-first-step .first_timeLogin .passnewReset-description h3,
.register-second-step .first_timeLogin .passnewReset-description h3,
.register-third-step .first_timeLogin .passnewReset-description h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  margin-top: 0;
}
.user-login-reset .first_timeLogin .passnewReset-description p,
.register-first-step .first_timeLogin .passnewReset-description p,
.register-second-step .first_timeLogin .passnewReset-description p,
.register-third-step .first_timeLogin .passnewReset-description p {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 25px;
}
.user-login-reset .first_timeLogin .user-form .password-suggestions,
.register-first-step .first_timeLogin .user-form .password-suggestions,
.register-second-step .first_timeLogin .user-form .password-suggestions,
.register-third-step .first_timeLogin .user-form .password-suggestions {
  color: #021d1f;
  display: block !important;
}
.user-login-reset .first_timeLogin .form-submit,
.register-first-step .first_timeLogin .form-submit,
.register-second-step .first_timeLogin .form-submit,
.register-third-step .first_timeLogin .form-submit {
  width: auto;
}
.user-login-reset .first_timeLogin .alert.card-radius,
.register-first-step .first_timeLogin .alert.card-radius,
.register-second-step .first_timeLogin .alert.card-radius,
.register-third-step .first_timeLogin .alert.card-radius {
  display: none !important;
}

.main-container--user-form-pass-confirmation .region--content .alert,
.main-container--user-form-register-confirmation .region--content .alert {
  display: none;
}

.user-login-reset .user-register-form--wrapper {
  background: transparent;
  box-shadow: none;
  margin-bottom: unset;
  padding-bottom: unset;
  padding-top: unset;
}
.user-login-reset .wrapper_without_actions {
  background: #ffffff;
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.onboarding--complete {
  background-color: #b9ecef;
  /* stylelint-disable-next-line no-descending-specificity */
}
.onboarding--complete .region--content {
  flex: 100%;
  max-width: 100%;
  width: 100%;
}
.onboarding--complete .description {
  display: grid;
  grid-row-gap: 50px;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .onboarding--complete .description {
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.onboarding--complete .description__text {
  color: #05565c;
  /* stylelint-disable-next-line no-descending-specificity */
}
.onboarding--complete .description__text h2 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3rem;
}
.onboarding--complete .description__text p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 20px;
}
.onboarding--complete .description__text .stream {
  color: #097e7e;
}
.onboarding--complete .description__text .stream:hover {
  color: #05565c;
}

.register-first-step {
  padding-top: 0 !important;
}
.register-first-step .region--content {
  margin: 0;
}
.register-first-step .container {
  max-width: 792px;
}

.register-second-step {
  padding-top: 0 !important;
  /* stylelint-disable-next-line no-descending-specificity */
  /* stylelint-disable-next-line no-descending-specificity */
}
.register-second-step .container {
  max-width: 792px;
}
.register-second-step .region--content {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.register-second-step .region--content > .alert {
  display: none;
}
.register-second-step .block-system-main-block {
  text-align: left;
}
.register-second-step .region--hero {
  max-width: 100%;
}
.register-second-step .panel-body {
  background-color: transparent;
  padding: 0;
}
.register-second-step label {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
}
.register-second-step .form-checkboxes {
  display: flex;
}
.register-second-step .form-checkboxes .form-item {
  border: 1px solid #097e7e;
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .register-second-step .form-checkboxes .form-item {
    float: left;
    margin-right: 15px;
    width: calc(33.333% - 12px);
  }
  .register-second-step .form-checkboxes .form-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 900px) {
  .register-second-step .form-checkboxes .form-item {
    float: left;
    margin-right: 15px;
    width: calc(25% - 12px);
  }
  .register-second-step .form-checkboxes .form-item:nth-child(3n) {
    margin-right: 15px;
  }
  .register-second-step .form-checkboxes .form-item:nth-child(4n) {
    margin-right: 0;
  }
}
.register-second-step .form-checkboxes .checkbox + .checkbox {
  margin-top: 0;
}
.register-second-step .form-checkboxes [type=checkbox] + label {
  align-items: center;
  color: #05565c;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.register-second-step .form-checkboxes [type=checkbox] + label::before {
  left: auto !important;
  right: 21px;
  top: 10px !important;
}
.register-second-step .form-checkboxes [type=checkbox] + label:after {
  border-color: #097e7e !important;
  left: auto;
  right: 10px;
  top: 10px !important;
}
.register-second-step .form-checkboxes [type=checkbox] + label:hover {
  background-color: rgba(9, 126, 126, 0.12);
}
.register-second-step .form-checkboxes [type=checkbox]:checked + label {
  background-color: rgba(9, 126, 126, 0.12);
}
.register-second-step #edit-field-profile-address-0-address-country-code {
  display: none;
}
.register-second-step .form-actions #edit-cancel {
  display: none;
}
.register-second-step .form-actions #edit-submit {
  margin-left: auto;
  margin-right: 0;
  width: auto;
}
.register-second-step #edit-field-profile-address-0-address,
.register-second-step .form-item-field-profile-address-0-address-postal-code {
  margin-bottom: 0;
}
.register-second-step .field-sufix {
  color: #666666;
}

.register-third-step {
  padding-top: 0 !important;
}
.register-third-step .alert.alert-success.alert-dismissible.card-radius {
  display: none;
}
.register-third-step .container {
  max-width: 792px;
}
.register-third-step .block-registration-tab .step__number {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.register-third-step .block-registration-tab .step__number-1, .register-third-step .block-registration-tab .step__number-2 {
  position: relative;
  text-indent: -9999px;
}
.register-third-step .block-registration-tab .step__number-1:before, .register-third-step .block-registration-tab .step__number-2:before {
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid transparent;
  border-right: 2px solid #ffffff;
  border-top: 2px solid transparent;
  content: "";
  height: 12px;
  position: relative;
  top: -1px;
  transform: rotateZ(37deg);
  width: 7px;
}
.register-third-step .block-registration-tab .step__number-3 {
  background-color: #ffffff;
  color: #097e7e;
}
.register-third-step .main-container {
  padding-top: 0;
}
.register-third-step .region--hero {
  max-width: 100%;
  padding: 0 !important;
}
.register-third-step .region--title,
.register-third-step .region--content {
  margin: 0;
  max-width: 100%;
}
.register-third-step .surveyCommunity {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.register-third-step .surveyCommunity .page-title {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 30px;
}
.register-third-step .surveyCommunity .control-label {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
}
.register-third-step .surveyCommunity .description {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 15px;
}
.register-third-step .surveyCommunity .block-system-main-block {
  text-align: left;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- {
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .form-item {
  border: 1px solid #097e7e;
  margin-bottom: 0;
  padding: 15px;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- [type=checkbox] + label::after {
  border-color: #097e7e;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .checkbox + .checkbox {
  margin-top: 0;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .control-label {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #05565c;
  font-weight: 600;
  line-height: 1.3125rem;
  padding: 0;
  padding-right: 25px;
  width: 100%;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .control-label::before {
  left: auto !important;
  right: 6px;
  top: -6px !important;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .control-label:after {
  left: auto;
  right: -5px;
  top: -7px !important;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .webform-element-description {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #021d1f;
  font-weight: 400;
  line-height: 1.3125rem;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .form-type-checkbox {
  cursor: pointer;
  transition: all 0.17s;
}
.register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .form-type-checkbox:hover, .register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- .form-type-checkbox.active {
  background-color: rgba(9, 126, 126, 0.12);
}
@media screen and (min-width: 600px) {
  .register-third-step .surveyCommunity #edit-was-mochten-sie-auf-nakomo-machen-bitte-wahlen-sie-aus- {
    grid-template-columns: repeat(2, 1fr);
  }
}
.register-third-step .surveyCommunity .form-actions {
  bottom: -135px;
  margin-top: 30px;
  position: absolute;
  right: -25px;
}

.register-first-step .legend.control-label,
.register-second-step .legend.control-label,
.register-third-step .legend.control-label {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
}
.register-first-step .help-block,
.register-second-step .help-block,
.register-third-step .help-block {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666;
  line-height: 1.3125rem;
  margin-bottom: 25px;
}
.register-first-step .custom-message,
.register-second-step .custom-message,
.register-third-step .custom-message {
  color: #d40000;
}
.register-first-step .alert-danger,
.register-second-step .alert-danger,
.register-third-step .alert-danger {
  font-size: 15px;
  font-size: 0.9375rem;
  background: none;
  border: none;
  color: #d40000;
  line-height: 1.3125rem;
  padding: 0;
}
.register-first-step .alert-danger::before,
.register-first-step .alert-danger .close,
.register-second-step .alert-danger::before,
.register-second-step .alert-danger .close,
.register-third-step .alert-danger::before,
.register-third-step .alert-danger .close {
  display: none;
}

.user-logged-in.path-user-edit {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.user-logged-in.path-user-edit .password-suggestions {
  padding: 0;
}
.user-logged-in.path-user-edit .password-suggestions figure {
  display: inline-flex;
  margin-right: 5px;
  padding: 0;
}
.user-logged-in.path-user-edit .password-suggestions ul {
  padding: 0;
}
.user-logged-in.path-user-edit .password-suggestions li {
  display: flex;
}
.user-logged-in.path-user-edit .password-confirm-message {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 10px;
}
.user-logged-in.path-user-edit .password-confirm-message .error {
  color: #d40000;
}
.user-logged-in.path-user-edit .password-confirm-message .ok {
  color: #08a02f;
}

.node-form .field--name-field-themenbereich,
.profile-profile-edit-form .field--name-field-themen {
  /* stylelint-disable-next-line no-descending-specificity */
}
.node-form .field--name-field-themenbereich .help-block,
.profile-profile-edit-form .field--name-field-themen .help-block {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666;
  line-height: 1.3125rem;
  margin-bottom: 25px;
}
.node-form .field--name-field-themenbereich .form-checkboxes,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  /* stylelint-disable-next-line no-descending-specificity */
  /* stylelint-disable-next-line no-descending-specificity */
}
.node-form .field--name-field-themenbereich .form-checkboxes .form-item,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item {
  border: 1px solid #097e7e;
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .node-form .field--name-field-themenbereich .form-checkboxes .form-item,
  .profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item {
    float: left;
    margin-right: 15px;
    width: calc(33.333% - 12px);
  }
  .node-form .field--name-field-themenbereich .form-checkboxes .form-item:nth-child(3n),
  .profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 900px) {
  .node-form .field--name-field-themenbereich .form-checkboxes .form-item,
  .profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item {
    float: left;
    margin-right: 15px;
    width: calc(25% - 12px);
  }
  .node-form .field--name-field-themenbereich .form-checkboxes .form-item:nth-child(3n),
  .profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item:nth-child(3n) {
    margin-right: 15px;
  }
  .node-form .field--name-field-themenbereich .form-checkboxes .form-item:nth-child(4n),
  .profile-profile-edit-form .field--name-field-themen .form-checkboxes .form-item:nth-child(4n) {
    margin-right: 0;
  }
}
.node-form .field--name-field-themenbereich .form-checkboxes .checkbox + .checkbox,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes .checkbox + .checkbox {
  margin-top: 0;
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox],
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox] {
  /* stylelint-disable-next-line no-descending-specificity */
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox] + label,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox] + label {
  align-items: center;
  color: #05565c;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox] + label::before,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox] + label::before {
  left: auto !important;
  right: 21px;
  top: 10px !important;
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox] + label:after,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox] + label:after {
  border-color: #097e7e !important;
  left: auto;
  right: 10px;
  top: 10px !important;
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox] + label:hover,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox] + label:hover {
  background-color: rgba(9, 126, 126, 0.12);
}
.node-form .field--name-field-themenbereich .form-checkboxes [type=checkbox]:checked + label,
.profile-profile-edit-form .field--name-field-themen .form-checkboxes [type=checkbox]:checked + label {
  background-color: rgba(9, 126, 126, 0.12);
}

.surveyCommunity .row.container {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  margin-top: 1.5em;
  padding: 0 1.5em 1.5em 1.5em !important;
}
.surveyCommunity .webform-progress {
  margin-bottom: 30px;
}
.surveyCommunity .progress-step:after {
  z-index: 1;
}
.surveyCommunity .progress-step.is-complete .progress-marker {
  background-color: #097e7e;
}
.surveyCommunity .progress-step.is-complete:after {
  background-color: #097e7e;
}
.surveyCommunity .progress-step.is-complete .progress-title[role=link] {
  color: #007175;
}
.surveyCommunity .progress-step.is-complete:hover .progress-marker[role=link], .surveyCommunity .progress-step.is-complete:focus .progress-marker[role=link] {
  background-color: #097e7e;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.surveyCommunity .progress-step.is-complete:hover .progress-title[role=link], .surveyCommunity .progress-step.is-complete:focus .progress-title[role=link] {
  color: #000000;
  text-decoration: none;
}
.surveyCommunity .progress-step.is-active .progress-marker {
  background-color: #097e7e;
}
.surveyCommunity .progress-step.is-active .progress-title {
  color: #007175;
}
.surveyCommunity .progress-step.is-active:hover .progress-marker, .surveyCommunity .progress-step.is-active:focus .progress-marker {
  background-color: #097e7e;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.surveyCommunity .question-wrapper > .control-label,
.surveyCommunity .question-wrapper > .card__title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.125rem;
  margin-bottom: 25px;
}
.surveyCommunity .form-actions {
  margin-top: 30px;
}
.surveyCommunity .webform-button--previous,
.surveyCommunity .webform-button--next {
  background-color: #097e7e;
  color: #ffffff;
}
.surveyCommunity .webform-button--previous:hover, .surveyCommunity .webform-button--previous:focus,
.surveyCommunity .webform-button--next:hover,
.surveyCommunity .webform-button--next:focus {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.view-id-survey_in_group .teaser__teaser-type {
  padding: 0;
}

#vbo-action-form-wrapper #edit-multipage {
  margin-bottom: 10px;
}

.card--stream.social-post-album--form form .field--name-field-files tbody > tr {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.card--stream.social-post-album--form form .field--name-field-files tbody > tr:first-child {
  margin-left: 0 !important;
}
.card--stream.social-post-album--form form .field--name-field-files tbody > tr .form-managed-file {
  padding-left: 0;
}
.card--stream.social-post-album--form form .field--name-field-files tbody > tr .card-file {
  margin-right: 0;
}

@media screen and (min-width: 900px) {
  .block-social-profile .cover-wrap .hero-footer .hero-footer__text {
    max-width: 100%;
    padding: 0 200px;
  }
}

.hero-footer__cta .btn-default {
  background: #097e7e;
  color: #ffffff !important;
}
.hero-footer__cta .btn-default:hover, .hero-footer__cta .btn-default:focus, .hero-footer__cta .btn-default:active {
  background: #05565c;
}
.hero-footer__cta .btn-accent {
  background: #097e7e;
  color: #ffffff;
}
.hero-footer__cta .btn-accent:hover, .hero-footer__cta .btn-accent:focus, .hero-footer__cta .btn-accent:active {
  background: #05565c !important;
  color: #ffffff;
}
.hero-footer__cta .waves-btn {
  border: none;
  border-radius: 0;
}
.hero-footer__cta .waves-btn .caret {
  border-top: 4px solid #ffffff;
}
.hero-footer__cta .btn-raised {
  box-shadow: none;
}
.hero-footer__cta .dropdown-menu li a {
  color: #535353;
}
.hero-footer__cta .dropdown-menu li a.btn-default {
  background: #ffffff;
  color: #535353 !important;
}
.hero-footer__cta .dropdown-menu li a.btn-default:hover {
  color: #ffffff !important;
}
.hero-footer__cta .dropdown-menu li a:hover {
  background: #097e7e;
  color: #ffffff;
}

.nakomo-hero-title {
  background: var(--c-primary-dark);
}
.nakomo-hero-title .page-title {
  font-size: 3rem;
  font-weight: 500;
  margin: 0 auto;
  padding: 54px 0 32px;
  text-align: center;
}
.nakomo-hero-title .search-hero-form {
  padding-bottom: 44px;
}

.btn.btn-outline {
  background-color: transparent;
  border: 2px solid var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  color: var(--c-primary-dark);
  height: 42px;
  line-height: 1.75rem;
}
.btn.btn-outline a:link {
  font-weight: 600;
}
.btn.btn-outline:hover {
  background-color: var(--c-primary-dark);
  color: var(--c-white);
}
.btn.btn-outline:active {
  background-color: var(--c-primary-darkest);
  color: var(--c-primary-darkest);
}
.btn.btn-outline:focus {
  outline: 1px dashed var(--c-primary-dark);
}
.btn.btn-outline.disabled:hover, .btn.btn-outline.disabled:focus, .btn.btn-outline.disabled.focus, .btn.btn-outline[disabled]:hover, .btn.btn-outline[disabled]:focus, .btn.btn-outline[disabled].focus, fieldset[disabled] .btn.btn-outline:hover, fieldset[disabled] .btn.btn-outline:focus, fieldset[disabled] .btn.btn-outline.focus {
  background-color: transparent;
  border-color: var(--c-neutral-dark);
  color: var(--c-neutral-dark);
}

.path-discover {
  /*discover overview page */
  /*discover overview topic page */
}
.path-discover .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 820px) {
  .path-discover .dialog-off-canvas-main-canvas {
    display: block;
  }
}
.path-discover .region--title {
  display: none;
}
.path-discover .region--content {
  width: 100%;
}
.path-discover .discover.nakomo-content-top__wrapper {
  background-color: var(--c-primary-light);
  display: grid;
  grid-template-columns: 30% 70%;
  justify-content: space-around;
}
.path-discover .discover.nakomo-content-top__wrapper .coverimg-left {
  display: none;
  grid-column: 1;
  grid-row: 1;
  height: 400px;
}
@media screen and (min-width: 820px) {
  .path-discover .discover.nakomo-content-top__wrapper .coverimg-left {
    display: block;
  }
}
.path-discover .discover.nakomo-content-top__wrapper .coverimg-left img {
  max-width: unset;
}
.path-discover .discover.nakomo-content-top__wrapper.coverimg-right {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 0;
  grid-column: 2;
  grid-row: 1;
  height: 400px;
}
@media screen and (min-width: 820px) {
  .path-discover .discover.nakomo-content-top__wrapper.coverimg-right {
    background-size: auto 100%;
  }
}
.path-discover .discover__header {
  grid-column: 1/-1;
  grid-row: 1;
  height: 400px;
  left: 0;
  position: relative;
  top: 0;
}
.path-discover .discover__header .nakomo-content-top__title {
  margin: var(--space-xs);
  margin-bottom: var(--space-xs);
  text-align: center;
}
@media screen and (min-width: 820px) {
  .path-discover .discover__header .nakomo-content-top__title {
    margin-bottom: var(--space-lg);
  }
}
.path-discover .discover__promoted .view-display-id-block_promoted {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin: 80px 0;
}
@media screen and (min-width: 820px) {
  .path-discover .discover__promoted .view-display-id-block_promoted {
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.path-discover .discover__promoted .contentlink__type {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: var(--space-xxs);
  text-transform: uppercase;
}
.path-discover .discover__promoted .contentlink__title {
  font-size: 25px;
  font-size: 1.5625rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  line-height: 130%;
}
.path-discover .discover__topics {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.path-discover .discover__topics .topic {
  display: grid;
  gap: var(--space-xs);
  width: 100%;
}
.path-discover .discover__topics .topic__name {
  font-size: 25px;
  font-size: 1.5625rem;
}
.path-discover .discover__topics .topic__stats {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 820px) {
  .path-discover .discover__topics {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.path-discover .discover__highlight {
  background: var(--c-primary-darkest);
  color: var(--c-white);
  margin: 44px 0 var(--space-md);
}
@media screen and (min-width: 600px) {
  .path-discover .discover__highlight {
    display: flex;
    margin: 44px 0;
    overflow: hidden;
  }
}
.path-discover .discover__highlight-content {
  padding: var(--space-sm);
}
@media screen and (min-width: 600px) {
  .path-discover .discover__highlight-content {
    width: 50%;
  }
}
.path-discover .discover__highlight-title {
  margin: 0 0 8px 0;
}
.path-discover .discover__highlight-text {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: var(--space-md);
}
.path-discover .discover__highlight-img {
  display: none;
}
@media screen and (min-width: 600px) {
  .path-discover .discover__highlight-img {
    display: flex;
    width: 50%;
  }
}
.path-discover .discover__highlight img {
  margin-left: auto;
  max-width: none;
}
.path-discover .discover .btn {
  border: none;
  color: var(--c-primary-darkest);
  font-weight: 600;
  margin-right: 6px;
}
.path-discover .topic-wrapper {
  background-color: var(--c-primary-light);
  color: var(--c-primary-darkest);
  display: grid;
  -ms-flex-pack: justify;
  grid-template-columns: 120px 1fr 160px;
  height: 160px;
  justify-content: start;
  width: 100%;
}
.path-discover .topic-wrapper__icon {
  align-self: center;
  -ms-flex-item-align: center;
  grid-column: 1/2;
  grid-row: 1;
  margin: 10px;
  width: 100px;
}
.path-discover .topic-wrapper:hover {
  background-color: var(--c-primary-dark);
  color: var(--c-white);
}
.path-discover .topic-wrapper:hover .topic-wrapper__icon {
  filter: brightness(100);
}
.path-discover .topic-wrapper__link {
  align-self: center;
  -ms-flex-item-align: center;
  grid-column: 2/-1;
  grid-row: 1;
}
@media screen and (min-width: 820px) {
  .path-discover .topic-wrapper__link {
    grid-column: 2;
  }
}
.path-discover .topic-wrapper__img {
  align-items: center;
  display: none;
  grid-column: 1/-1;
  grid-row: 1;
  justify-self: end;
  overflow: hidden;
}
@media screen and (min-width: 820px) {
  .path-discover .topic-wrapper__img {
    display: flex;
  }
}
.path-discover .topic-wrapper__img img {
  clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
  height: 209px;
  width: 209px;
}
.path-discover .discovertopic {
  max-width: 100%;
  /* Design of sections - full width and backgroundcolors */
  width: 100%;
  /*base styling disvoverpage*/
}
.path-discover .discovertopic .discovertopic__contentteasers {
  margin-bottom: var(--space-md);
}
.path-discover .discovertopic .discovertopic__header,
.path-discover .discovertopic .discovertopic__contentteasers {
  margin: 0 auto;
  max-width: 1200px;
}
.path-discover .discovertopic__experts {
  background-color: var(--c-primary-darkest);
  max-width: 100%;
  width: 100%;
  /* stylelint-disable-next-line no-descending-specificity */
}
.path-discover .discovertopic__experts .view-header {
  color: var(--c-white);
}
.path-discover .discovertopic__experts .view-display-id-block_experts {
  margin: 0 auto;
  max-width: 1200px;
}
.path-discover .discovertopic__experts .btn.btn-outline {
  border-color: var(--c-white);
  color: var(--c-white);
}
.path-discover .discovertopic__experts .btn.btn-outline:focus {
  color: #007175;
}
.path-discover .discovertopic.row.nakomo-content-top ~ .row.container {
  max-width: 100%;
}
.path-discover .discovertopic + .row.container {
  padding: 0;
}
.path-discover .discovertopic__headerwrapper {
  display: grid;
  grid-template-columns: auto 400px;
  height: 200px;
}
.path-discover .discovertopic__headerwrapper .bgimg {
  align-items: center;
  display: none;
  grid-column: 1/-1;
  grid-row: 1;
  height: 200px;
  justify-self: end;
  overflow: hidden;
}
@media screen and (min-width: 820px) {
  .path-discover .discovertopic__headerwrapper .bgimg {
    display: flex;
  }
}
.path-discover .discovertopic__headerwrapper .bgimg img {
  clip-path: polygon(46% 0%, 100% 0, 100% 100%, 0% 100%);
  max-width: 500px;
}
.path-discover .discovertopic__content {
  grid-column: 1/-1;
  grid-row: 1;
}
@media screen and (min-width: 820px) {
  .path-discover .discovertopic__content {
    grid-column: 1;
  }
}
.path-discover .discovertopic__content .nakomo-content-top__title {
  margin-top: 0;
}
.path-discover .discovertopic__teasersheader {
  margin-bottom: 40px;
  margin-top: 60px;
}
.path-discover .discovertopic__teasersheader .title {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 500;
  margin-bottom: var(--space-xxs);
}
.path-discover .discovertopic__teasersheader .subtitle {
  font-size: 18px;
  font-size: 1.125rem;
}
.path-discover .discovertopic nav {
  margin: auto;
  margin-bottom: 60px;
  text-align: center;
}
.path-discover .discovertopic nav ul {
  list-style: none;
  padding: 0;
}
.path-discover .discovertopic__experts .clearfix:before,
.path-discover .discovertopic__experts .clearfix:after, .path-discover .discovertopic__groups .clearfix:before,
.path-discover .discovertopic__groups .clearfix:after {
  content: "";
  display: none;
}
.path-discover .discovertopic__experts .view-discover-topic-overview-experts,
.path-discover .discovertopic__experts .view-discover-topic-overview-groups, .path-discover .discovertopic__groups .view-discover-topic-overview-experts,
.path-discover .discovertopic__groups .view-discover-topic-overview-groups {
  margin: auto;
  max-width: 1200px;
}
.path-discover .discovertopic__experts nav, .path-discover .discovertopic__groups nav {
  margin: auto;
  margin-bottom: 60px;
  text-align: center;
}
.path-discover .discovertopic__experts nav ul, .path-discover .discovertopic__groups nav ul {
  list-style: none;
  padding: 0;
}
.path-discover .discovertopic__experts .view-header, .path-discover .discovertopic__groups .view-header {
  margin-bottom: 40px;
  margin-top: 60px;
}
.path-discover .discovertopic__experts .view-header .title, .path-discover .discovertopic__groups .view-header .title {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 500;
  margin-bottom: var(--space-xxs);
}
.path-discover .discovertopic__experts .view-header .subtitle, .path-discover .discovertopic__groups .view-header .subtitle {
  font-size: 18px;
  font-size: 1.125rem;
}
.path-discover .discovertopic__experts .view-content, .path-discover .discovertopic__groups .view-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
  max-width: 1200px;
  width: 100%;
}
.path-discover .discovertopic__experts .view-content ~ div, .path-discover .discovertopic__groups .view-content ~ div {
  min-height: 350px;
}
@media screen and (min-width: 820px) {
  .path-discover .discovertopic__experts .view-content, .path-discover .discovertopic__groups .view-content {
    display: grid;
    grid-auto-rows: 350px;
    grid-template-columns: repeat(4, 275px);
  }
}
.path-discover .discovertopic__experts .view-content .card, .path-discover .discovertopic__groups .view-content .card {
  font-size: 15px;
  font-size: 0.9375rem;
  align-items: center;
  box-shadow: none;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 350px;
  padding: var(--space-xs);
  text-align: center;
  width: 275px;
}
.path-discover .discovertopic__experts .view-content .card .views-field, .path-discover .discovertopic__groups .view-content .card .views-field {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.path-discover .discovertopic__experts .view-content .card .views-field.views-field-nothing, .path-discover .discovertopic__groups .view-content .card .views-field.views-field-nothing {
  border-bottom: 1px solid var(--c-neutral-light);
  padding: var(--space-xs);
  text-align: center;
  width: 100%;
}
.path-discover .discovertopic__experts .view-content .card .views-field.views-field-field-profile-image, .path-discover .discovertopic__groups .view-content .card .views-field.views-field-field-profile-image {
  height: 80px;
  width: 80px;
}
.path-discover .discovertopic__experts .view-content .card .views-field.views-field-name, .path-discover .discovertopic__groups .view-content .card .views-field.views-field-name {
  font-size: 19px;
  font-size: 1.1875rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  text-align: center;
}
.path-discover .discovertopic__groups {
  background-color: var(--c-primary-light);
  margin-bottom: -100px;
  max-width: 100%;
  padding-bottom: 0;
  width: 100%;
}
.path-discover .discovertopic__groups .view-display-id-block_experts {
  margin: 0 auto;
  max-width: 1200px;
}
.path-discover .discovertopic__groups .view-content .card {
  font-size: 15px;
  font-size: 0.9375rem;
  min-height: 350px;
  padding: 0;
  width: 275px;
}
.path-discover .discovertopic__groups .view-content .card .linkwrapper {
  align-items: center;
  display: flex;
  flex-direction: unset;
  flex-wrap: wrap;
  height: 280px;
  justify-content: center;
  padding: 16px 16px 0 16px;
}
.path-discover .discovertopic__groups .view-content .card .views-field {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-field-group-image {
  align-self: flex-start;
  margin: -16px;
  margin-bottom: 0;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-id {
  display: none;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-group-membership-count, .path-discover .discovertopic__groups .view-content .card .views-field.views-field-nothing {
  border: none;
  width: 50%;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-group-membership-count {
  font-weight: normal;
  padding: var(--space-xs);
  padding-right: 0;
  text-align: right;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-nothing {
  font-weight: normal;
  padding-left: 0;
  text-align: left;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-nothing:before {
  content: "|";
  padding: 0 var(--space-xxs);
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-type {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--c-neutral-darkest);
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin-top: var(--space-xs);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-label {
  font-size: 19px;
  font-size: 1.1875rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  height: 52px;
  margin-top: var(--space-xxs);
  text-align: center;
  width: 100%;
}
.path-discover .discovertopic__groups .view-content .card .views-field.views-field-label span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-width: 243px;
  overflow: hidden;
}
.path-discover .discovertopic__groups .view-content .card .block-nakomo-site-discover-topic-group-membership {
  height: 70px;
  padding: 0 16px 16px 16px;
  width: 100%;
}
.path-discover .discovertopic__groups .view-content .card .membership {
  align-items: center;
  border-top: 1px solid var(--c-neutral-light);
  color: var(--c-primary-dark);
  display: flex;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 600;
  gap: var(--space-xxs);
  justify-content: center;
  line-height: 140%;
  padding-top: var(--space-sm);
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
}
.path-discover .discovertopic__groups .view-content .card .membership--true:before {
  background-image: url(././images/Check-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.path-discover .discovertopic__groups .view-content .card .membership--true.group--open {
  color: var(--c-neutral-dark);
}
.path-discover .discovertopic__groups .view-content .card .membership--false {
  cursor: pointer;
}
.path-discover .discovertopic__groups .view-content .card .membership--false:before {
  background-image: url(././images/icon-group.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  margin-top: 5px;
  width: 24px;
}
.path-discover .discovertopic__groups .view-content .card .membership--pending {
  color: var(--c-neutral-dark);
}
.path-discover .discovertopic__groups .view-content .card .membership--pending:before {
  background-image: url(././images/icon_clock-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.path-discover .discovertopic__groups .view-content .card .membership--rejected {
  color: var(--c-neutral-dark);
}
.path-discover .discovertopic__groups .view-content .card .membership--rejected:before {
  background-image: url(././images/Close-grey.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.path-discover .view-id-discover_topic_overview_page.view-display-id-block_header .view-header {
  display: none;
}

.nakomo-groups > [data-once=contextual-render] {
  display: none;
}
.path-all-groups .nakomo-groups {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
  max-width: 1200px;
  width: 100%;
}
.path-all-groups .nakomo-groups ~ div {
  min-height: 350px;
}
@media screen and (min-width: 600px) {
  .path-all-groups .nakomo-groups {
    display: grid;
    grid-template-columns: repeat(2, 275px);
  }
}
@media screen and (min-width: 820px) {
  .path-all-groups .nakomo-groups {
    grid-template-columns: repeat(4, 275px);
  }
}
.path-all-groups .nakomo-groups nav {
  grid-column: 1/-1;
}
.nakomo-groups .my-groups .nakomo-teaser--horizontal__text {
  max-width: calc(100% - 150px);
}
.nakomo-groups .my-groups .nakomo-teaser--horizontal__linklabel {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.path-my-groups .region--content {
  margin-left: 18px;
  margin-right: 18px;
}
@media screen and (min-width: 820px) {
  .path-my-groups .region--content {
    margin-left: 0;
    margin-right: 0;
  }
}
.path-my-groups .region--complementary {
  order: 2;
}
.path-my-groups .row.container {
  margin-top: var(--space-xl);
}

.block-group-statistic-block.card .card__counter ul {
  justify-content: center;
}

.container {
  max-width: 1200px;
  padding: 0 1rem;
}
.paragraph--block .container, .paragraph--type--featured-items .container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1120px) and (max-width: 1290px) {
  .container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.table-container + h2 {
  clear: both;
  margin-bottom: -12px;
}

ul.list-inline.local-actions {
  margin-bottom: 0;
  margin-top: 40px;
}
ul.list-inline.local-actions + h2 {
  margin-bottom: -12px;
  margin-top: 30px;
}
ul.list-inline.local-actions + .menu-edit-form {
  margin-top: 30px;
}

.table-responsive .tabledrag-hide .form-group {
  margin-bottom: 0;
}
.table-responsive .btn {
  margin-bottom: 30px;
}
.table-responsive .btn tr td .form-group {
  margin-bottom: 0;
}

.field-ui-overview .field-plugin-settings-edit {
  border: none;
  margin-bottom: 0;
}
.field-ui-overview .field-plugin-settings-edit:disabled {
  background: none;
}

.text-format-wrapper + .form-item {
  margin-top: 15px;
}

.bestSolution.teaser--stream.no-owner .action-flag {
  display: none;
}

#cke_edit-field-comment-body-0-value .cke_top,
#cke_edit-field-comment-body-0-value #cke_1_bottom {
  display: none;
}

.comment--form .comment__actions {
  top: -24px;
}

#edit-cancel {
  padding: 6px;
}

.questions-comment .form-type-textarea .form-textarea {
  height: 38px;
  overflow: hidden;
}

.questions-post .form-type-textarea textarea {
  min-height: 4em;
  overflow-y: hidden;
}

.icon-small.group {
  margin-top: -7px;
}

.view-invite-users-to-group .vbo-view-form > .form-wrapper,
.view-invite-users-to-group .view-filters .views-exposed-form {
  padding: 20px;
}

p.tagging {
  font-weight: 600;
}

.region--complementary .region--complementary-top {
  margin-bottom: 0;
}

@media screen and (min-width: 900px) {
  .invite-users-custom .layout--with-complementary .region--title {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media screen and (min-width: 900px) {
  .invite-users-custom .layout--with-complementary .region--complementary {
    order: 1;
    padding-right: 1em !important;
  }
}
@media screen and (min-width: 900px) {
  .invite-users-custom .layout--with-complementary .region--complementary-top {
    display: flex;
    justify-content: flex-end;
  }
}

#social-post-entity-form .field--name-field-post-visibility,
#social-post-entity-form .form-submit {
  align-self: flex-start;
}
#social-post-entity-form .field--widget-file-generic {
  flex: none;
  margin-bottom: 0;
  margin-left: 160px;
  margin-right: auto;
  max-width: 100%;
}
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .control-label,
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .control-label--wide {
  background-color: #ffffff;
  border: 1px solid #adadad;
  color: #4d4d4d;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  padding: 6px 12px;
}
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .control-label:hover,
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .control-label--wide:hover {
  background-color: #e6e6e6;
  border-color: #8e8e8e;
  color: #4d4d4d;
}
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .form-file.form-control {
  display: none;
}
#social-post-entity-form .field--widget-file-generic .form-type-managed-file .form-group {
  margin-bottom: 0;
}
#social-post-entity-form #edit-field-post-0--description,
#social-post-entity-form #edit-status-wrapper {
  display: none;
}
#social-post-entity-form #edit-field-files-0--label {
  cursor: pointer;
  font-weight: 400;
}

/*.card-files__grid,
.stream-item {*/
.documents .document {
  list-style: none;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}
.documents .document li {
  margin: 0;
}
@media screen and (min-width: 600px) {
  .documents .document {
    float: left;
    margin-right: 2%;
    width: 49%;
  }
  .documents .document:nth-child(2) {
    margin-right: 0%;
  }
}
@media screen and (min-width: 900px) {
  .documents .document {
    margin-right: 2%;
    width: 32%;
  }
  .documents .document:nth-child(2) {
    margin-right: 2%;
  }
  .documents .document:nth-child(3) {
    margin-right: 0%;
  }
}

.form-managed-file .document {
  float: none;
  list-style: none;
  padding: 0;
}

/*}*/
.card--views__sidebar .card__text {
  font-size: 1rem;
  line-height: 1.625rem;
}

.region--hero.container,
.layout--with-complementary > .region--content,
.row.container.layout--with-complementary {
  padding: 0;
}

@media screen and (min-width: 900px) {
  .region--content-top,
  .region--content-bottom,
  .region--hero,
  .region--title,
  .region--secondary-navigation {
    max-width: 1200px;
    padding: 0 !important;
  }
  .block-system-branding-block.navbar-header {
    padding-left: 1em;
    padding-right: 0;
  }
}
.toolbar-menu-administration .menu-item-title {
  display: none !important;
}

body.is-loading:after {
  background: var(--c-black);
  bottom: 0;
  content: "";
  display: block;
  height: 100vh;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10;
}

.ui-dialog.ui-widget-loading {
  --gin-bg-layer: var(--c-white);
  background: var(--gin-bg-layer);
  display: flex;
  height: 140px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px !important;
  z-index: 11;
}

.loader {
  animation: load 2.1s infinite linear;
  border-bottom: 5px solid var(--c-primary-dark);
  border-left: 5px solid var(--c-neutral-medium);
  border-radius: 100%;
  border-right: 5px solid var(--c-primary-dark);
  border-top: 5px solid var(--c-primary-dark);
  display: block;
  height: 60px;
  margin: auto;
  transform: translateZ(0);
  width: 60px;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* pages */
.tabledrag-handle {
  z-index: 100;
}

.page-node-edit .field--type-entity-reference-revisions td {
  padding: 0.75rem;
}
.page-node-edit .field--type-entity-reference-revisions td .tabledrag-handle {
  padding: 0;
  position: relative;
}
.page-node-edit .field--type-entity-reference-revisions td .paragraph-type-title {
  flex-basis: auto;
}
.page-node-edit .field--type-entity-reference-revisions td .paragraph-info .paragraphs-badge {
  display: none;
}

.text-format-wrapper .help-block {
  line-height: 1.4;
}

.path-group .view-group-manage-members .row.form-group-inline--right {
  justify-content: flex-start;
}

#edit-group-request-membership {
  display: none;
}

.social-user-login-form .form-actions .button {
  margin-left: 0;
}
.social-user-login-form .form-actions + .login-description span {
  display: block;
  margin-top: 18px;
}
.social-user-login-form .form-actions + .login-description a {
  padding-top: 0;
}

.user-register-form fieldset.captcha.captcha-type-challenge--recaptcha {
  padding: 1.25rem;
}
.user-register-form .captcha__description.description {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 5px;
}

.login-description {
  margin-top: 5px;
}

.private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .field--name-message {
  flex: none;
  margin-bottom: 18px;
}
.private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .field--name-field-message-file {
  margin-bottom: 18px;
}
.private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .form-actions {
  margin-left: 10px;
  margin-top: 22px;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.private-message-thread-messages + .card__nested-section .comment__content .form-group-inline .form-actions .button {
  border: 1px solid;
  margin-left: 0;
}

.path-frontpage {
  font-weight: 400;
  line-height: 140%;
}
@media screen and (min-width: 900px) {
  .path-frontpage p {
    margin: 0 0 0.75rem;
  }
}
.path-frontpage .paragraph.paragraph--block {
  display: none;
}
.path-frontpage .dropdown.profile.not-logged-in {
  display: none;
}
@media screen and (min-width: 600px) {
  .path-frontpage .dropdown.profile.not-logged-in {
    display: block;
  }
}
.path-frontpage .main-container {
  padding-bottom: 0;
}
.path-frontpage .paragraph--theme-transparent {
  background: transparent;
}
.path-frontpage .paragraph--theme-primarylightest {
  background: var(--c-primary-lightest);
}
.path-frontpage .paragraph--theme-primarydarkest {
  background: var(--c-primary-darkest);
}
.path-frontpage .paragraph--theme-white {
  background: var(--c-white);
}
.path-frontpage .paragraph iframe[src*="youtube.com"] {
  height: 100%;
  min-height: 298px;
}
.path-frontpage .nakomo-logowrapper {
  background: var(--c-white);
}
.path-frontpage .nakomo-logowrapper .nakomo-logocontainer {
  margin: auto;
  max-width: 1200px;
  padding: 80px 0;
  text-align: center;
}
.path-frontpage .nakomo-logowrapper .nakomo-logocontainer__title {
  font-size: 30px;
  font-size: 1.875rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  line-height: 2.4375rem;
  margin-bottom: var(--space-xs);
}
.path-frontpage .nakomo-logowrapper .nakomo-logocontainer__logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: center;
}
.path-frontpage .nakomo-videocontainer {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-neutral-darkest);
  display: grid;
  grid-template-columns: 1fr;
  padding: 60px 0;
}
.path-frontpage .nakomo-videocontainer__item {
  padding: 1rem;
}
.path-frontpage .nakomo-videocontainer h3 {
  font-size: 30px;
  font-size: 1.875rem;
  color: var(--c-primary-darkest);
  font-weight: 500;
  line-height: 2.4375rem;
  margin-bottom: var(--space-xs);
}
@media screen and (min-width: 900px) {
  .path-frontpage .nakomo-videocontainer h3 {
    margin-bottom: var(--space-xs);
  }
}
.path-frontpage .nakomo-videocontainer--theme-primarydarkest {
  color: var(--c-white);
}
.path-frontpage .nakomo-videocontainer--theme-primarydarkest h3 {
  color: var(--c-white);
}
@media screen and (min-width: 600px) {
  .path-frontpage .nakomo-videocontainer {
    gap: 49px;
    grid-template-columns: 1fr 1fr;
  }
}
.path-frontpage .nakomo-landingicons {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-around;
  padding: 90px 0;
}
@media screen and (min-width: 900px) {
  .path-frontpage .nakomo-landingicons {
    gap: unset;
  }
}
.path-frontpage .nakomo-landingicons__icon {
  display: flex;
  height: 160px;
  justify-content: center;
}
.path-frontpage .nakomo-landingicons__icon.information:before {
  content: url(././images/icon_information.svg);
}
.path-frontpage .nakomo-landingicons__icon.austauschen:before {
  content: url(././images/icon_austauschen.svg);
}
.path-frontpage .nakomo-landingicons__icon.begegnen:before {
  content: url(././images/icon_begegnen.svg);
}
.path-frontpage .nakomo-landingicons__title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.9375rem;
  margin-bottom: var(--space-xs);
  text-align: center;
}
.path-frontpage .nakomo-landingicons__content {
  padding: 1rem;
  text-align: center;
}
.path-frontpage .nakomo-landingicons__item {
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--c-white);
  width: 382px;
}
.path-frontpage .nakomo-landingicons__item.btn {
  margin-top: 32px;
}
.path-frontpage .nakomo-landingicons--theme-primarylightest .nakomo-landingicons__title,
.path-frontpage .nakomo-landingicons--theme-primarylightest .nakomo-landingicons__item, .path-frontpage .nakomo-landingicons--theme-white .nakomo-landingicons__title,
.path-frontpage .nakomo-landingicons--theme-white .nakomo-landingicons__item, .path-frontpage .nakomo-landingicons--theme-transparent .nakomo-landingicons__title,
.path-frontpage .nakomo-landingicons--theme-transparent .nakomo-landingicons__item {
  color: var(--c-black);
}
.path-frontpage .nakomo-landingicons--theme-primarylightest .nakomo-landingicons__icon:before, .path-frontpage .nakomo-landingicons--theme-white .nakomo-landingicons__icon:before, .path-frontpage .nakomo-landingicons--theme-transparent .nakomo-landingicons__icon:before {
  filter: brightness(0);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class*=node-landing-page-] #sections .card {
    display: block;
  }
}

.path-contact .main-container .row {
  padding-left: 1em;
  padding-right: 1em;
}
.path-contact .block--intro-text.card {
  margin-left: 0;
  margin-right: 0;
  padding: 1em;
}
@media screen and (min-width: 600px) {
  .path-contact .block--intro-text.card {
    padding: 1.5em;
    padding-bottom: 0;
  }
}
.path-contact .block--intro-text.card > * {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Custom */
#edit-groups--description {
  display: none;
}

#edit-body-0-format,
#edit-field-profile-self-introduction-0-format,
#edit-field-group-description-0-format {
  display: none;
}

/*fixing shorten of text in admin view*/
.js .paragraph-type {
  overflow: initial;
}

iframe.onboarding {
  float: none;
  height: 315px;
  min-width: 560px;
  width: auto;
}

/*captcha css*/
#captcha {
  padding: 1.25rem;
}

.contact-form #captcha {
  padding: 0;
  padding-bottom: 1.25rem;
}

.form--post-create .field--widget-file-generic {
  display: inline-block;
  margin-left: 0 !important;
  width: 188px !important;
}
@media (max-width: 599px) {
  .form--post-create .field--widget-file-generic .form-managed-file button.form-submit {
    top: -18px;
  }
}
@media (min-width: 600px) {
  .form--post-create .field--widget-file-generic .form-managed-file button.form-submit {
    background-color: #ffffff;
    height: 35px;
    left: 0;
    position: absolute;
    top: -43px;
    width: 170px;
  }
  .form--post-create .field--widget-file-generic .form-managed-file button.form-submit .ajax-throbber {
    left: 72px;
    top: 8px;
  }
}
.form--post-create .field--widget-file-generic.fileerror, .form--post-create .field--widget-file-generic.fileloaded {
  display: block;
  width: 100% !important;
}

/* Start fixes for posting images */
.form--post-create .field--name-field-post-image {
  display: inline-block;
  width: 160px !important;
}
.form--post-create .field--name-field-post-image.imgerror, .form--post-create .field--name-field-post-image.imgloaded {
  display: block;
  margin-bottom: 1rem;
  margin-right: 0;
  width: 100% !important;
}
.form--post-create .field--name-field-post-image .preview {
  overflow: hidden;
}
@media (max-width: 599px) {
  .form--post-create .field--name-field-post-image .image-widget.hidden button.form-submit {
    top: -18px;
  }
}
@media (min-width: 600px) {
  .form--post-create .field--name-field-post-image .image-widget.hidden button.form-submit {
    background-color: #ffffff;
    height: 35px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 159px;
  }
  .form--post-create .field--name-field-post-image .image-widget.hidden button.form-submit .ajax-throbber {
    left: 72px;
    top: 8px;
  }
}

/*fixing focused searchbar*/
.focusstyle {
  box-shadow: 0 0 0 3px #ffffff !important;
  outline: 2px solid #333333 !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*fixing spreading of tabs in searchbar */
/* stylelint-disable */
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav {
  display: flex;
  height: 51px;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1200px;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li {
  align-items: center;
  display: inline-flex;
  font-size: 0.875rem;
  padding: 0 12px;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li a {
  color: var(--c-primary-light);
  padding: 8px 0;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:first-child, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:last-child, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:nth-last-child(2) {
  font-size: 1.125rem;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:first-child a, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:last-child a, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:nth-last-child(2) a {
  color: var(--c-white);
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:last-child, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:nth-last-child(2) {
  border-right: 1px solid var(--c-white);
  font-weight: 400;
  padding: 0 24px;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:first-child, .path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:nth-last-child(2) {
  border-left: 1px solid var(--c-white);
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:first-child {
  padding: 0 12px 0 24px;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:first-child:after {
  background: var(--c-white);
  content: "";
  display: inline-block;
  height: 24px;
  margin-left: 16px;
  -webkit-mask-image: url(././images/icon-chevron-right.svg);
          mask-image: url(././images/icon-chevron-right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 24px;
}
.path-search.socialblue--sky .navbar-secondary .navbar-nav.nav li:nth-last-child(2) {
  margin-left: 10px;
}
.path-search.socialblue--sky .region--secondary-navigation {
  background: var(--c-primary-darkest);
  max-width: none;
}

.form--post-create .field--name-field-post-image .image-widget.hidden {
  height: auto;
}

@media (max-width: 599px) {
  .form--post-create {
    top: -18px;
  }
}

.alert-dismissible span:hover {
  cursor: pointer;
}

input:focus,
select:focus,
.form-select:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus,
a:focus {
  outline: 2px solid #333333 !important;
  transition: all 0.2s ease-in-out;
}

.vote-like__second {
  font-size: 0.875rem;
  margin-left: 4px;
}
.vote-like__second a {
  font-weight: normal;
}
.comment__text .vote-like__second a {
  font-weight: 500;
}

.region--content .block-article-add-block,
.region--content .block-event-add-block,
.region--content .block-project-add-block,
.region--content .block-group-add-block,
.region--content .block-group-add-article-block,
.region--content .block-group-add-project-block,
.region--content .block-group-add-survey-block,
.region--content .block-group-add-event-block {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media screen and (min-width: 900px) {
  .region--content .block-article-add-block,
  .region--content .block-event-add-block,
  .region--content .block-project-add-block,
  .region--content .block-group-add-block,
  .region--content .block-group-add-article-block,
  .region--content .block-group-add-project-block,
  .region--content .block-group-add-survey-block,
  .region--content .block-group-add-event-block {
    margin-top: 0;
  }
}
.region--content .block-article-add-block a,
.region--content .block-event-add-block a,
.region--content .block-project-add-block a,
.region--content .block-group-add-block a,
.region--content .block-group-add-article-block a,
.region--content .block-group-add-project-block a,
.region--content .block-group-add-survey-block a,
.region--content .block-group-add-event-block a {
  margin-bottom: 0;
  width: auto;
}

.pagination > .active span,
.pagination > .active a {
  z-index: initial;
}
.pagination > .active span:hover, .pagination > .active span:focus,
.pagination > .active a:hover,
.pagination > .active a:focus {
  z-index: initial;
}

/* stylelint-enable */
#social-post-entity-form.hasFileContainer {
  padding-bottom: 2rem;
}
#social-post-entity-form button.btn {
  transition: none;
}
#social-post-entity-form .container-post-image.imgloaded {
  margin-bottom: 0;
  width: 100%;
}
#social-post-entity-form .container-post-image td {
  border: none;
}
#social-post-entity-form .field--widget-file-generic .alert {
  margin-top: 1rem;
}
#social-post-entity-form .field--widget-file-generic .form-type-managed-file label {
  cursor: pointer;
  font-weight: 400;
}
#social-post-entity-form .field--widget-file-generic.fileloaded {
  width: 100%;
}
#social-post-entity-form .field--widget-file-generic.fileloaded .form-type-managed-file > label {
  margin-top: 100px;
}
#social-post-entity-form .field--widget-file-generic.fileloaded .panel-body .form-type-managed-file {
  height: 64px;
  margin-bottom: 36px;
  margin-top: -100px;
}
#social-post-entity-form .field--widget-file-generic.fileerror:not(.fileloaded) + div,
#social-post-entity-form .field--widget-file-generic.fileerror:not(.fileloaded) + div + button {
  margin-top: -100px;
}
#social-post-entity-form .field--widget-file-generic .table-responsive table {
  margin-top: 1rem;
  min-height: 280px;
}
#social-post-entity-form #post-photo-add {
  margin-right: 10px;
}
#social-post-entity-form .alert-danger.messages {
  margin-bottom: 24px !important;
}
#social-post-entity-form .alert-danger.messages span {
  cursor: pointer;
}
#social-post-entity-form .field--widget-social-post-album-image {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
@media (min-width: 600px) {
  #social-post-entity-form .field--widget-social-post-album-image.initial-offset, #social-post-entity-form .field--widget-social-post-album-image.imgerror:not(.imgloaded) {
    margin-bottom: -36px;
  }
}
.post-edit-page #social-post-entity-form .field--widget-social-post-album-image .table-responsive td:last-child button {
  right: 2rem;
}
#social-post-entity-form .panel-body {
  position: relative;
}
#social-post-entity-form .table-responsive {
  box-shadow: none;
}
#social-post-entity-form .table-responsive tr {
  border-collapse: initial;
  /* stylelint-enable selector-max-compound-selectors */
  /* stylelint-enable max-nesting-depth */
}
#social-post-entity-form .table-responsive tr td:first-child {
  border-radius: 0.5rem;
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-disable max-nesting-depth */
}
@media all and (min-width: 600px) {
  #social-post-entity-form .table-responsive tr td:first-child .form-managed-file .preview {
    height: 132px;
  }
}
#social-post-entity-form .table-responsive tr td:last-child {
  border: none;
  /* stylelint-disable-next-line no-descending-specificity */
}
#social-post-entity-form .table-responsive tr td:last-child button {
  right: 1rem;
}
#social-post-entity-form .table-responsive .image-widget {
  margin-left: 0;
  max-height: 142px;
  max-width: 142px;
}
#social-post-entity-form .table-responsive .image-widget .preview {
  height: 142px !important;
}
#social-post-entity-form .table-responsive + .image-widget:not(.hidden) {
  float: left;
  max-width: 142px;
  top: 20px !important;
}
#social-post-entity-form .table-responsive + .image-widget:not(.hidden) > .messages {
  display: block;
  float: left;
  margin-top: -100px;
  max-width: 648px;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
}
#social-post-entity-form .table-responsive .card-file {
  background: #007175;
}
#social-post-entity-form .table-responsive .card-file:hover {
  background: #05565c;
}

section#block-nakomo-views-block-activity-stream-profile-block-1 {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
section#block-nakomo-views-block-activity-stream-profile-block-1 .container-post-image.imgerror + .field--widget-file-generic,
section#block-nakomo-views-block-activity-stream-profile-block-1 .container-post-image.imgloaded + .field--widget-file-generic {
  margin-right: auto !important;
}
section#block-nakomo-views-block-activity-stream-profile-block-1 #social-post-entity-form .field--widget-file-generic {
  margin-right: 56px;
}
section#block-nakomo-views-block-activity-stream-profile-block-1 #social-post-entity-form .field--widget-file-generic.fileerror, section#block-nakomo-views-block-activity-stream-profile-block-1 #social-post-entity-form .field--widget-file-generic.fileloaded {
  margin-right: auto;
}
section#block-nakomo-views-block-activity-stream-profile-block-1 .table-responsive td {
  border: none;
}

section#block-nakomo-views-block-activity-stream-group-block-stream-group form,
section#block-nakomo-views-block-activity-stream-profile-block-1 form {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media (min-width: 600px) {
  section#block-nakomo-views-block-activity-stream-group-block-stream-group form .field--widget-social-post-album-image.initial-offset, section#block-nakomo-views-block-activity-stream-group-block-stream-group form .field--widget-social-post-album-image.imgerror:not(.imgloaded),
  section#block-nakomo-views-block-activity-stream-profile-block-1 form .field--widget-social-post-album-image.initial-offset,
  section#block-nakomo-views-block-activity-stream-profile-block-1 form .field--widget-social-post-album-image.imgerror:not(.imgloaded) {
    margin-bottom: 1rem !important;
  }
}

/* End fixes for posting images */
input::-ms-clear {
  display: none;
}

.alert .close {
  height: 10px;
  margin: 0;
  padding: 0;
  right: 10px;
  top: 10px;
  width: 10px;
}

.navbar__open-search-block {
  position: relative;
}

.search-take-over .form-text {
  font-size: 1.625em !important;
  height: 54px !important;
  max-width: 100% !important;
}

#social-post-entity-form #post-visibility,
#questions-post #post-visibility {
  pointer-events: none;
}
#social-post-entity-form #post-visibility .caret,
#questions-post #post-visibility .caret {
  display: none;
}

#edit-field-profile-image-wrapper .messages.messages--error {
  margin-bottom: 15px;
}

[aria-describedby$="--description"] {
  flex-wrap: wrap;
}

#edit-field-post-image-wrapper .messages.messages--error {
  margin-bottom: 15px;
}

.user-logged-in .navbar-user {
  margin-left: 0;
}

#block-kontakt {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  margin-left: auto;
  order: 9;
}

#block-filter .panel-heading {
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.teaser.teaser--tile .teaser__teaser-type {
  background-color: rgba(0, 0, 0, 0.55);
}

.teaser__title {
  max-height: 3.6em;
}

h2.teaser__title {
  font-size: 1.2rem;
}
@media screen and (min-width: 900px) {
  h2.teaser__title {
    font-size: 1.25rem;
  }
}
h2.teaser__title:has(a) {
  overflow: unset;
  /* stylelint-disable-next-line no-descending-specificity */
}
h2.teaser__title:has(a) a {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__actionbar {
  z-index: 0;
}

.project-logo {
  margin-top: 16px;
}
.project-logo p {
  margin: 0;
}

.view-id-upcoming_events > .view-header p {
  margin-bottom: 30px;
}

div.teaser__teaser-type-icon {
  line-height: 1.2;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.teaser__teaser-type-icon {
    display: block;
  }
}

.teaser:not(.no-image) svg.teaser__teaser-type-icon.article {
  height: 14px;
  margin-left: 2px;
  margin-top: 2px;
  width: 14px;
}

.mini-pager {
  background: none !important;
}
@media screen and (min-width: 900px) {
  .mini-pager {
    background-image: linear-gradient(transparent, #f3f3f3) !important;
  }
}

abbr {
  text-decoration: none;
}

/* quick fix for IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-wrapper::after {
    display: none;
  }
  .select-wrapper select {
    padding-right: 10px;
  }
  input[type=date].form-date {
    background-image: url(././images/icon-today.svg);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: auto 18px;
    min-width: 240px;
    padding-right: 36px;
  }
  input[type=time].form-time {
    background-image: url(././images/icon-schedule.svg);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: auto 18px;
    min-width: 160px;
    padding-right: 36px;
  }
}
@media (max-width: 599px) {
  .toolbar-vertical .navbar-default {
    z-index: 9;
  }
}
@media (max-width: 899px) {
  [class*=block-group-add].card {
    display: inline-block;
    margin-top: 1em;
  }
}
.img-responsive,
.img-avatar {
  font-size: 0.5rem;
  line-height: 0.625rem;
}

.form-group.form-disabled {
  display: none;
}

/* NAKOMO-829: org field should be shown even if disabled */
/* same for NAKOMO-2103 field_organisation_level */
.field--name-field-organisation-level .form-item.form-disabled,
.field--name-field-profile-organization .form-group.form-disabled {
  display: block;
}
.field--name-field-organisation-level .form-item.form-disabled select,
.field--name-field-organisation-level .form-item.form-disabled input,
.field--name-field-profile-organization .form-group.form-disabled select,
.field--name-field-profile-organization .form-group.form-disabled input {
  background-color: #f3f3f3;
}

#edit-timezone-indication {
  display: none !important;
}

#views-exposed-form-search-content-page .form-item-type {
  display: none;
}

body.path-frontpage .alert-warning.alert-dismissible.card-radius {
  display: none;
}

.article__special-fields .article__special-field {
  flex-wrap: unset;
}
.article__special-fields .article__special-fields-icon {
  flex-shrink: 0;
  margin: 0 12px 0 0;
}

.ui-widget-overlay {
  background-color: #000000;
  opacity: 0.7;
}

.ui-dialog {
  border: 0;
  border-radius: 3px !important;
  min-width: 300px;
  padding: 30px 30px 30px 30px;
  width: 30vw !important;
}
.ui-dialog-titlebar-close {
  background: #f6f6f6 !important;
  border: 1px solid #c5c5c5 !important;
  margin: 0 !important;
  right: 5px !important;
  top: 10px !important;
}
.ui-dialog-titlebar-close::before {
  display: none !important;
}
.ui-dialog-titlebar-close .ui-icon {
  display: block !important;
}
.ui-dialog-titlebar {
  background: none;
  border: 0;
  margin-bottom: 10px;
}
.ui-dialog-title {
  font-weight: 600;
  width: 100% !important;
}
.ui-dialog-content {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.625rem;
  margin-bottom: 20px;
}
.ui-dialog-buttonpane {
  background: none;
  border: 0;
}
.ui-dialog .ui-button {
  border-radius: 0;
}
.ui-dialog .ui-button:not(:last-child) {
  margin-right: 10px;
}
.ui-dialog .ui-button:active {
  background: #ededed;
  border: #cccccc;
}

a.my-groups-link:focus {
  box-shadow: none !important;
  display: block;
  outline: 2px dashed var(--c-primary-darkest) !important;
}

.post-date {
  color: #666666;
}

.list-item__text .list-item__text--small {
  display: block;
}

.views-infinite-scroll-content-wrapper {
  list-style: none;
  list-style-type: none;
  padding: 0;
}

.stream .teaser__tag, .teaser .teaser__tag {
  color: #05565c !important;
}
.cover .teaser__tag {
  color: #b9ecef !important;
}

.region--complementary-top {
  margin-bottom: 20px;
}

.socialblue--sky .content-merged--sky .region--complementary section.card {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 1.25rem !important;
}
.socialblue--sky .content-merged--sky .region--complementary section.card#block-meineabonnementssidebarblock {
  background-color: transparent;
  box-shadow: none !important;
}
.socialblue--sky .content-merged--sky .region--complementary section.card::before, .socialblue--sky .content-merged--sky .region--complementary section.card::after {
  display: none;
}

.block-social-profile.block-profile-statistic-block,
.block-social-group.block-group-statistic-block {
  background-color: #ffffff !important;
}

.socialblue--sky .card--views__sidebar .card__actionbar .btn:before {
  background: #b9ecef;
}
.socialblue--sky .card--views__sidebar .card__actionbar .btn:hover, .socialblue--sky .card--views__sidebar .card__actionbar .btn:active, .socialblue--sky .card--views__sidebar .card__actionbar .btn:focus {
  color: #05565c !important;
}
.socialblue--sky .card--views__sidebar .card__actionbar .btn:hover:before, .socialblue--sky .card--views__sidebar .card__actionbar .btn:active:before, .socialblue--sky .card--views__sidebar .card__actionbar .btn:focus:before {
  background: #05565c !important;
}

/*my abonements hide white background*/
.socialblue--sky .content-merged--sky .region--complementary .contextual-region.block-nakomo-social-follow.block-meine-abonnements-sidebarblock.card {
  background-color: transparent;
  box-shadow: none !important;
}

aside .offcanvas-body form .form-item-field-themenbereich {
  display: block;
  margin-bottom: 1.5rem;
}

.switch input[type=checkbox]:checked + .lever {
  background-color: var(--c-primary-pure);
}
.switch input[type=checkbox]:checked + .lever:after {
  background-color: var(--c-primary-dark);
}

/*Settings -  Checkbox profile-privacy email settings */
#edit-profile-privacy .switch .lever {
  background-color: var(--c-neutral-medium);
}
#edit-profile-privacy .switch input[type=checkbox]:checked + .lever {
  background-color: var(--c-primary-pure);
}
#edit-profile-privacy .switch input[type=checkbox]:checked + .lever:after {
  background-color: var(--c-primary-dark);
}

.path-communitywissen .view-factsheets,
.path-community-events .view-upcoming-events {
  /* stylelint-disable-next-line no-descending-specificity */
}
.path-communitywissen .view-factsheets > div:not(.card),
.path-community-events .view-upcoming-events > div:not(.card) {
  display: none;
}

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