/* Klaro
*********************************/
.klaro {
  --font-size:1rem;
  --green1: var(--green);
  --blue1: var(--cyan);
}
/* Farbschema
*********************************/
.colorscheme-green a {
  color:var(--green);
}
.colorscheme-green .btn {
  background:var(--green);
  border-color:var(--green);
  color:#fff;
}
.colorscheme-olive a {
  color:var(--olive);
}
.colorscheme-olive .btn {
  background:var(--olive);
  border-color:var(--olive);
  color:#fff;
}
.colorscheme-cyan a {
  color:var(--cyan);
}
.colorscheme-cyan .btn {
  background:var(--cyan);
  border-color:var(--cyan);
  color:#fff;
}

/* Jiggy, Global
*********************************/
.jiggy {
  margin:0 0 1.5rem 0;
}
.jiggy .jiggy-header {
  margin-bottom:.5em;
}
.jiggy .jiggy-content {}
.jiggy .jiggy-content > :last-child {
  margin-bottom:0;
}
.jiggy .jiggy-moreinfo {
  margin-top:1em;
}
.jiggy .btn,
.jiggy button,
.jiggy input[type=submit] {
  border-radius:0 1rem 0 0;
}

/* Jiggy, Styles
*********************************/
.jiggy-gray {
  background:var(--gray-light);
}
.jiggy-crystal-green {
  background-image:url(/assets/images/bg-crystal-green.svg);
  background-repeat:no-repeat;
  background-position: calc(100% - 1rem) 1rem;
  background-size:30% auto;
}
.jiggy-crystal-blue {
  background-image:url(/assets/images/bg-crystal-blue.svg);
  background-repeat:no-repeat;
  background-position: calc(100% - 1rem) 1rem;
  background-size:30% auto;
}

/* Jiggy, Sidebar
*********************************/
.site-aside .jiggy {
  border:solid var(--gray-light) 2px;
  border-radius:1.5rem 0 0 0;
  padding:1.5rem;
}

/* Jiggy, neueste Artikel
*********************************/
.jiggy-latest-articles {
  margin-bottom:3rem;
}
.jiggy-latest-articles .jiggy-header {
  margin-bottom:1.5rem;
}
.jiggy-latest-articles .jiggy-header h2 {
  position: relative;
  margin:0;
}
.jiggy-latest-articles .jiggy-header h2 span {
  display: inline-block;
  background:#fff;
  margin-left:.35rem;
  padding:0 .35rem;
  position: relative;
  z-index:2;
}
.jiggy-latest-articles .jiggy-header h2::before {
  content: '';
  display: inline-block;
  width: .5rem;
  height: .75rem;
  background: var(--gray);
  border-radius: .25rem 0 0 0;
  position: absolute;
  left:0;
  bottom:.5rem;
}
.jiggy-latest-articles .jiggy-header h2::after {
  content:'';
  display: block;
  position: absolute;
  left:0;
  bottom:.5rem;
  right:0;
  z-index:1;
  height:.35rem;
  background:var(--gray);
}
.jiggy-latest-articles .jiggy-morelink {
  margin:1.5rem 0;
}

.colorscheme-green .jiggy-header h2::before {
  background:var(--green);
}
.colorscheme-green .jiggy-header h2::after {
  background:var(--green);
}
.colorscheme-olive .jiggy-header h2::before {
  background:var(--olive);
}
.colorscheme-olive .jiggy-header h2::after {
  background:var(--olive);
}
.colorscheme-cyan .jiggy-header h2::before {
  background:var(--cyan);
}
.colorscheme-cyan .jiggy-header h2::after {
  background:var(--cyan);
}

/* Jiggy, Newsletter
*********************************/
.jiggy-newsletter form p {
  display:flex;
}

/* Jiggy, Mitglieder
*********************************/
.jiggy-members {
  background:var(--gray-light);
}
.site-aside .articles-members .article-inner {
  max-width:15rem;
  margin-left:auto;
  margin-right:auto;
}
.no-js .site-aside .articles-members .article {
  display:none;
}
.no-js .site-aside .articles-members .article:first-of-type {
  display:block;
}

.site-aside .articles-members .slick-arrow {
  position: absolute;
  z-index:980;
  left:0;
  top:50%;
  transform:translate(0,-50%);
  font-size:2rem;
  border:0;
}
.site-aside .articles-members .slick-next {
  left:auto;
  right:0;
}
.site-aside .articles-members .slick-arrow:hover {
  background:transparent;
  color:var(--green);
}

iframe[id^=twitter-widget] {
  max-height:20rem;
  overflow:scroll;
}

/* Jiggy, Blank
*********************************/
.jiggy-blank h4 {
  margin-bottom:.75rem;
}

/* Jiggy-Artikel, Events
*********************************/
.jiggy-articles-events {}
.jiggy-articles-events .article {
  margin-bottom:1rem;
  background:var(--gray-light);
  border-radius:2.5rem 0 0 0;
}
.jiggy-articles-events .article-image img {
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius:2.5rem 0 0 0;
  overflow:hidden;
}
.jiggy-articles-events .article-content-inner {
  padding-top:.75rem;
  padding-bottom:.75rem;
  padding-right:1rem;
}
.jiggy-articles-events .article-content p {
  margin-bottom:.75rem;
}
.jiggy-articles-events .article-morelink {
  text-align: right;
}
.jiggy-articles-events .article-morelink a {
  color:#fff;
  background:var(--green);
  border-color:var(--green);
  border-radius:0 1rem 0 0;
}

/* Jiggy-Artikel, Partner-Logos
*********************************/
.jiggy-articles-memberlogos {}
.jiggy-articles-memberlogos .articles-category {
  margin-bottom:1rem;
}
.jiggy-articles-memberlogos .articles-category h5  {
  /*text-align: center;*/
  margin-bottom:.5rem;
}
.jiggy-articles-memberlogos .articles-list {
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}
.jiggy-articles-memberlogos .article-image img {
  width:100%;
  height:auto;
  display: block;
}

/* Jiggy, Video
*********************************/
.jiggy-video {
  margin-bottom:1.4rem;
}

/* Seite, General
*********************************/
section[class^=page] {
  /*scroll-snap-align: start;*/
  /* scroll-margin-top:calc((2.5625rem * 1.4) + 2.5rem + 1.5rem); */
  position: relative;
}

/* Seite, Standard
*********************************/
.page-standard {
  margin-bottom:3rem;
  position: relative;
}
.page-standard .page-header {
  margin-bottom:1.5rem;
}
.page-standard .page-header h1,
.page-standard .page-header .subheadline {
  margin:0;
}
.page-standard .page-header .subheadline {
  font-size: 1.5rem;
}
.page-standard .page-date {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.page-standard .page-image {
  margin-bottom:1.5rem;
}
.page-standard .page-image img {
  width:100%;
  height:auto;
  display: block;
}
.page-standard .page-content {
  padding-bottom:2rem;
}
.page-standard .page-content > :last-child {
  margin-bottom:0;
}
.page-standard .page-content:empty {
  display:none;
}
.page-standard .page-moreinfo {
  text-align: right;
}
.page-standard .page-downloads {
  border-top:solid var(--gray-dark) 1px;
  padding-top:1.3rem;
  text-align: right;
}
.page-standard .page-downloads:empty {
  display:none;
}
.page-standard .page-downloads a {
  color:var(--gray-darker);
  display:inline-block;
  margin-left:2.5rem;
}
.page-standard .page-moreinfo > :last-child {
  margin-bottom:0;
}
.page-standard .page-moreinfo:empty {
  display:none;
}
.page-standard .page-articles {}
.page-standard .page-articles:empty {
  display:none;
}
.page-standard .page-aslant {
  display:none;
}

.page-standard-gray {
  background:var(--gray-light);
}

/* Seite, Hero
********************************/
.page-hero {
  padding:1.5rem 0;
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-hero .page-inner {
  padding:2rem;
  background:rgba(255,255,255,.5);
  margin:0 -.75rem;
}
.page-hero .page-inner::before {
  content:'';
  display:block;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  background:rgba(255,255,255,.5);
}
.page-hero h1 {
  text-transform:uppercase;
}
.page-hero .page-moreinfo .btn {
  color:#fff;
  border-color:var(--cyan);
  background-color:var(--cyan);
  transition:background .2s ease, color .2s ease;
}
.page-hero .page-moreinfo .btn:hover {
  background-color:var(--cyan-dark);
  border-color:var(--cyan-dark);
}

@media only screen and (min-width : 992px) {
  .page-hero {
    padding:4rem 0;
  }
  .page-hero .page-inner {
    margin:0;
    border-radius:0 5rem 0 0;
  }
}

/* Artikel, Slider, Hero
********************************/
.articles-slider-hero {
  background:rgba(255,255,255,.82);
  /*border-radius:0 5rem 0 0;*/
  margin:0 -.75rem;
}
.articles-slider-hero .article {}
.articles-slider-hero:not(.slick-initialized) .article:not(:first-child) {
  display:none;
}
.articles-slider-hero h2 {
  /*text-transform: uppercase;*/
  color:#000;
}
.articles-slider-hero a {
  color:var(--blue);
}
.articles-slider-hero .article-inner {
  padding:2rem 4rem;
}
.articles-slider-hero .article-content {
  font-size:1.25rem;
}
.articles-slider-hero .article-moreinfo .btn {
  color:#fff;
  border-color:var(--cyan);
  background-color:var(--cyan);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.articles-slider-hero .article-moreinfo .btn:hover {
  background-color:var(--cyan-dark);
  border-color:var(--cyan-dark);
}
.articles-slider-hero .slick-arrow {
  display:none !important;
  position:absolute;
  left:-5rem;
  top:50%;
  z-index:2;
  transform: translate(0, -50%);
  background:transparent;
  border:0;
  color:#fff !important;
  padding: .5rem 1.5rem;
  font-size:3rem;
  transition:color .2s ease;
}
.articles-slider-hero .slick-arrow:hover {
  background:transparent;
  color:var(--blue);
}
.articles-slider-hero .slick-next {
  left:auto;
  right:-5rem;
}
@media only screen and (min-width : 992px) {
  .articles-slider-hero {
    width:calc(100% - 10rem);
    margin-left:5rem;
    margin-right:5rem;
    border-radius:0 5rem 0 0;
  }
  .articles-slider-hero .slick-arrow {
    display:block !important;

  }
}

/* Seite, Bild/Text
********************************/
.page-image-text {
  padding:2.5rem 0;
  background:var(--gray-light);
}
.page-image-text .page-header {
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
.page-image-text .page-header h1 {
  margin-bottom:0;
}
.page-image-text .page-header .subheadline {
  margin-bottom:0;
}
.page-image-text .page-image {
  margin-bottom:2.5rem;
}
.page-image-text .page-content {
  padding-bottom:2.5rem;
}
.page-image-text .page-moreinfo {
  padding:2.5rem 0;
  text-align: center;
}

.page-image-text .page-content .articles-accordion {
  margin-top:2.5rem;
}

/* Seite, Parallax
********************************/
.page-parallax {
  padding:2.5rem 0;
  color:#fff;
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment: fixed;
}
.page-parallax .page-header {
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
.page-parallax .page-header h1 {
  margin-bottom:0;
}
.page-parallax .page-header .subheadline {
  margin-bottom:0;
}
.page-parallax .page-content {
  padding-bottom:2.5rem;
}
.page-parallax .page-moreinfo .btn {
  color:#fff;
  border-color:#fff;
  transition:background .2s ease, color .2s ease;
}
.page-parallax .page-moreinfo .btn:hover {
  background-color:#fff;
  color:#000;
}

/* Seite, Text 2-spaltig
********************************/
.page-2col .page-header {
  text-align: left;
}
.page-2col .page-content {
  text-align: left;
}
@media only screen and (min-width : 992px) {
  .page-2col .page-content {
    column-count: 2;
    column-gap: 2rem;
  }
}

/* Seiten, Deco
*********************************/
/* tdAcademy */
#section-2 .page-header h1 span {
  position: relative;
}
#section-2 .page-header h1 span::before {
  content:'';
  display:block;
  width:104px;
  height:103px;
  background-image:url(/assets/images/deco-03.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  left:calc(-104px - 1.5rem);
  top:50%;
  transform:translate(0, -50%);
}
#section-2 .page-inner {
  padding:0 2rem;
  background:rgba(255,255,255,.72);
  border-radius: 0 5rem 0 0;
}
/* Projektpartner */
#section-42 {
  padding-bottom:7rem;
}
#section-42 > .container {
  position: relative;
}
#section-42 > .container::before {
  content:'';
  display:block;
  width:185px;
  height:184px;
  background-image:url(/assets/images/deco-01.png);
  position: absolute;
  top:-7rem;
  right:-3rem;
}
#section-42 .page-aslant {
  display:block;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:5rem;
}
#section-42 .page-aslant polygon {
  fill:#fff;
}

/* Partnerkreis */
#section-43 {
  padding-bottom:5rem;
}
#section-43 .page-header {
  padding-top:0;
}
#section-43 .page-aslant {
  display:block;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:5rem;
}
#section-43 .page-aslant polygon {
  fill:var(--gray-light);
}
/* Arbeitsstruktur */
#section-44 .page-header {
  padding-top:0;
}
/* Fellowship */
#section-45::before {
  content:'';
  display: block;
  position: absolute;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.65);
}
#section-45 .container {
  position: relative;
  z-index: 2;
}
/* TransImpact */
#section-46 {
  padding-bottom:7rem;
}
#section-46 > .container {
  position: relative;
}
#section-46 > .container::before {
  content:'';
  display:block;
  width:137px;
  height:151px;
  background-image:url(/assets/images/deco-02.png);
  position: absolute;
  bottom:-7rem;
  left:-8rem;
  z-index:2;
}
#section-46 .page-aslant {
  display:block;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:5rem;
}
#section-46 .page-aslant polygon {
  fill:#fff;
}
/* Kontakt */
#section-47 .page-header {
  padding-top:0;
}


/* Artikel, Standard
*********************************/
.articles {
  /*padding-top:2.5rem;*/
}
.articles .article {
  padding:2.5rem 0;
  border-top:dashed var(--gray-dark) 1px;
}
.articles .article-header {
  margin:0 0 1.5rem 0;
}
.articles .article-header h2 {
  margin:0;
}
.articles .article-header .subheadline {
  margin:0;
  color:var(--cyan);
}
.articles .article-morelink {
  text-align:right;
  margin:1.3rem 0;
}

/* Artikel, Intro
*********************************/
.articles-intro {
  background-image: url(/assets/images/worldmap.jpg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: 50% 50%;
}
.articles-intro .article {
  padding-bottom:1.5rem;
  margin-bottom:1.5rem;
  border-bottom:dashed var(--gray-dark) 1px;
}
.articles-intro .article-main {
  position: relative;
  padding-left:2rem;
}
.articles-intro .article-main::before {
  content:'';
  display:block;
  width:.5rem;
  background:var(--cyan);
  border-radius:.25rem 0 0 0;
  position: absolute;
  left:0;
  top:0;
  bottom:0;
}
.articles-intro .article-main h2 {
  color:#000;
}
.articles-intro .article-main h2,
.articles-intro .article-main p {
  display:inline;
  font-size:1rem;
}
.articles-intro .article-morelink {
  text-align:right;
  margin:1rem 0 0 0;
}
.articles-intro .article[data-color=cyan] .article-main::before {
  background:var(--cyan);
}
.articles-intro .article[data-color=olive] .article-main::before {
  background:var(--olive);
}
.articles-intro .article[data-color=green] .article-main::before {
  background:var(--green);
}

/* Artikel, Veranstaltungen
*********************************/
.articles-events {}
.articles-events .article {
  padding-bottom:1.5rem;
  margin-bottom:1.5rem;
  border-bottom:dashed var(--gray-dark) 1px;
}
.articles-events .article-header {
  margin:0 0 .75rem 0;
}
.articles-events .article-header h2 {
  margin:0;
}
.articles-events .article-header p {
  font-size:.875rem;
}
.articles-events .article-header .article-date {
  display:block;
}
.articles-events .article-header .article-info {
  display:block;
  color:var(--green);
}
.articles-events .article-header .article-info span:not(:last-child)::after {
  content:' | ';
}
.articles-events .article-image {
  margin-bottom:1rem;
}
.articles-events .article-image-inner {
  height:0;
  padding-bottom:50%;
  background-color:var(--green-50);
  background-image:url(/assets/images/no-image-bg.svg);
  background-repeat:no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  border-radius:1.75rem 0 0 0;
  overflow: hidden;
}
.articles-events .article-image-inner img {
  display:block;
  width:100%;
  height:auto;
  margin-top:-50%;
}
.articles-events .article-morelink {
  text-align:right;
}
@media only screen and (min-width : 768px) {
  .articles-events .article-image-inner {
    padding-bottom:100%;
  }
  .articles-events .article-image img {
    margin:0;
  }
}

.articles-filters {
  background:var(--gray-light);
  padding:1.5rem;
  margin-bottom:1.5rem;
}
.articles-filters ul {
  list-style:none;
  margin-left:0;
  padding-left:0;
}
.articles-filters li {
  margin:0;
  padding:0 0 0 1.3rem;
  position: relative;
}
.articles-filters li input[type=checkbox] {
  position: absolute;
  left:0;
  top:.375rem;
}
.articles-filter-list {
  margin-bottom:1.3rem;
}

.articles-filters-content .articles-filters {
  /*padding-top:0;*/
}

.articles-filters-sidebar {
  display:none;
}
@media only screen and (min-width : 768px) {
  .articles-filters-content {
    display:none;
  }
  .articles-filters-sidebar {
    display:block;
  }
}

/* Artikel, Veranstaltungen, Detail
*********************************/
.article-event-detail {}
.article-event-detail .page-header {
  margin:0 0 .75rem 0;
}
.article-event-detail .page-header h1 {
  margin:0;
}
.article-event-detail .page-header p {
  font-size:.875rem;
}
.article-event-detail .page-header .article-date {
  display:block;
}
.article-event-detail .page-header .article-info {
  display:block;
  color:var(--green);
}
.article-event-detail .page-header .article-info span:not(:last-child)::after {
  content:' | ';
}
.article-event-detail-infos {
  margin-bottom: 1.3rem;
}
.article-event-detail-infos dl {
  margin:0;
  padding:0;
  display:flex;
}
.article-event-detail-infos dt {
  flex:0 0 8rem;
  max-width:8em;
  margin:0;
  padding:0;
}
.article-event-detail-infos dd {
  margin:0;
  padding:0;
}
/* Artikel, Veranstaltungen, Boxen
*********************************/
.articles-events-boxes {}
.articles-events-boxes a {
  color:var(--green);
}
.articles-events-boxes .row {
  --bs-gutter-y:1.5rem;
}
.articles-events-boxes .article {}
.articles-events-boxes .article-inner {
  height:100%;
  background:var(--gray-light);
  display:flex;
  flex-direction: column;
}
.articles-events-boxes .article-image {
  background:#fff;
}
.articles-events-boxes .article-image-inner {
  height:0;
  padding-bottom:56.6666%;
  border-radius:1.5rem 0 0 0;
  overflow:hidden;
  background-color:var(--green-50);
  background-image: url(/assets/images/no-image-bg.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.articles-events-boxes .article-type {
  font-size:.7rem;
  color:var(--green);
  background:rgba(255,255,255,.85);
  padding:0 .375em;
  position: absolute;
  right:0;
  top:0;
}
.articles-events-boxes .article-image img {
  display:block;
  width:100%;
  height:auto;
}
.articles-events-boxes .article-info {
  padding:.5rem 1rem;
  font-size:.875rem;
  background:var(--green);
  color:#fff;
  display: flex;
  justify-content: space-between;
}
.articles-events-boxes .article-content {
  padding:1rem 1rem .5rem 1rem;
}
.articles-events-boxes .article-content h2 {
  font-size:1rem;
}
.articles-events-boxes .article-content > :last-child {
  margin-bottom:0;
}
.articles-events-boxes .article-actions {
  display:flex;
  justify-content: space-between;
  margin-top:auto;
  padding:.5rem 1rem;
}

/* Artikel, Themenlinien
*********************************/
.articles-themeline {}
.articles-themeline .article-image {
  flex:0 0 25%;
  max-width:25%;
}
.articles-themeline .article-image:empty {
  display:none;
}
.articles-themeline .article-image-inner {
  height:0;
  padding-bottom:100%;
  background:var(--gray);
}
.articles-themeline .article-main {
  flex:0 0 100%;
  max-width:100%;
}
.articles-themeline .article-image + .article-main {
  flex:0 0 75%;
  max-width:75%;
}

/* Seite, Mitglieder
*********************************/
.site-members .articles-filters {
  background:var(--gray-light);
  padding:1.5rem;
}

/* Artikel, Mitglieder
*********************************/
.articles-members {}
.articles-members-register {
  margin-bottom:1.3rem;
}
.articles-members-register ul {
  margin:0;
  padding:0;
  list-style: none;
  display:flex;
}
.articles-members-register li {
  margin:0 1rem 0 0;
  padding:0;
}
.articles-members .row {
  --bs-gutter-y:1.5rem;
}
.articles-members .article {
  border:0;
  padding-top:0;
  padding-bottom:0;
}
.articles-members .article-inner {
  width:100%;
  height:100%;
  background:var(--gray-light);
  padding:1rem;
  display:flex;
  flex-direction: column;
}
.articles-members .article-image {
  margin:0 auto 1rem auto;
  width:8rem;
}
.articles-members .article-image-inner {
  border-radius:100%;
  overflow:hidden;
  /*border:solid var(--olive) 3px;*/
  height:0;
  padding-bottom:100%;
  position: relative;
  background-image:url(/assets/images/hero-bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size:cover;
}
.articles-members .article-image-inner::before {
  content:'';
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  border-radius:100%;
  border:solid var(--olive) 3px;
}
.articles-members .article-image img {
  display:block;
  width:8rem;
  height:8rem;
  object-fit: cover;
}
.articles-members .article-content {
  text-align: center;
}
.articles-members .article-content h2 {
  font-size:1rem;
  margin:0;
}
.articles-members .member-title {
  font-size:.875rem;
  margin-bottom:0;
}
.articles-members .member-name {}
.articles-members .member-institute {
  font-size:.875rem;
}
.articles-members .article-actions {
  margin-top:auto;
  display:flex;
  justify-content: space-between;
}
.articles-members .article-actions > :last-child {
  margin-left: auto;
}

.articles-filters details {
  background:var(--gray-light);
  margin-bottom: .5rem;
}
.articles-filters details ul {
  margin-bottom: 0;
}
.articles-filters summary {
  padding:.5rem0;
  position: relative;
  font-weight:bold;
}
.articles-filters summary::after {
  display:block;
  content:'';
  position: absolute;
  right:0;
  top:50%;
  transform: translate(0, -50%);
  transition:transform .2s ease;

  width: 0;
  height: 0;
  border-style: solid;
  border-width: .3rem 0 .3rem .6rem;
  border-color: transparent transparent transparent #000000;
}
.articles-filters details[open] summary::after {
  transform: translate(0, -50%) rotate(90deg);
}

/* Artikel, Mitglieder, Message-Modal
*********************************/
.modal-message .btn-close:hover {
  background-color: transparent;
}
.modal-message textarea {
  width: 100%;
  height: 10rem;
}

/* Artikel, Mitglieder, Detail
*********************************/
.profile-image {
  height:0;
  padding-bottom:100%;
  position: relative;
}
.profile-image-inner {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  border-radius:100%;
  overflow: hidden;
  background-image:url(/assets/images/profile-silhouette.svg);
  background-size:cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.profile-image-inner::before {
  content:'';
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  border-radius:100%;
  border:solid var(--olive) 3px;
}
.profile-image-inner img {
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  border-radius:100%;
  overflow: hidden;
  /*border:solid var(--olive) 3px;*/
}
.article-members-detail h2 {
  margin:0 0 .5rem;
  font-size:1.25rem;
}
.article-members-detail .member-contact {
  display:block;
  padding-left:1.5rem;
  position: relative;
}
.article-members-detail .member-contact-icon {
  color:var(--olive);
  position: absolute;
  left:0;
  top:.2rem;
}
.article-members-detail .member-section {
  padding-bottom:1.5rem;
  margin-bottom:1.5rem;
  border-bottom:solid var(--gray) 1px;
}

/* Artikel, Mitglieder, Content, Jiggy
*********************************/
.site-content .jiggy .articles-members .articles-list {
  posistion: relative;
  padding-left:3rem;
  padding-right:3rem;
}
.site-content .jiggy .articles-members .article {
  padding-left:.75rem;
  padding-right:.75rem;
}
.site-content .jiggy .articles-members .slick-arrow  {
  position: absolute;
  z-index:1010;
  left:0rem;
  top:50%;
  transform:translate(0,-50%);
  font-size:2rem;
  border:0;
  background:transparent;
}
.site-content .jiggy .articles-members .slick-next {
  left:auto;
  right:0rem;
}
.site-content .jiggy .articles-members .slick-arrow:hover {
  background:transparent;
  color:var(--olive);
}

/* Artikel, Kontakte
*********************************/
.articles-contacts .article {
  border:0;
  padding-top:0;
  padding-bottom:0;
}
.articles-contacts .article-inner {
  width:100%;
  height:100%;
  background:var(--gray-light);
  padding:1rem;
  display:flex;
  flex-direction: column;
}
.articles-contacts .article-image {
  margin:0 auto 1rem auto;
  width:8rem;
}
.articles-contacts .article-image-inner {
  border-radius:100%;
  overflow:hidden;
  border:solid var(--cyan) 3px;
  height:0;
  padding-bottom:100%;
  position: relative;
  background-image:url(/assets/images/profile-silhouette.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size:cover;
}
.articles-contacts .article-image img {
  display:block;
  width:8rem;
  height:8rem;
  object-fit: cover;
}
.articles-contacts .article-content {
  text-align: center;
}
.articles-contacts .article-content h2,
.articles-contacts .article-content h5 {
  font-size:1rem;
  margin:0;
  color:var(--cyan);
}
.articles-contacts .article-content p {
  margin:0;
}

/* Artikel, Fellows
*********************************/
.articles-fellows .article-content {
  text-align: left;
}
.articles-fellows .article-content h2,
.articles-fellows .article-content h3 {
  color:var(--olive);
  margin-bottom:.5rem;
}
.articles-fellows .article-content p {
  margin-bottom:.5rem;
}

/* Artikel, Standard, Detail
*********************************/
.article-detail {}

/* Artikel, Mitglieder-Logos
 **********************************/
.articles-memberlogos {}
.articles-memberlogos .articles-category > h2 {
  text-align:center;
  font-size:1.875rem;
  color:#000;
  margin:0;
}
.articles-memberlogos .article {}
.articles-memberlogos .article-image {
  padding-bottom:100%;
  height:0;
  position: relative;
  /*
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  padding:1rem;
  display:flex;
  justify-content: center;
  align-items: center;
  */
}
.articles-memberlogos .article-image img {
  max-width:90%;
  max-height:90%;
  width:auto;
  height:auto;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}
.articles-memberlogos .article-image.smaller img {
  max-width:70%;
  max-height:70%;
}
.articles-memberlogos .article-image.extrasmaller img {
  max-width:60%;
  max-height:60%;
}


/* Artikel, Kontakt
*********************************/
.articles-contact {}
.articles-contact .article .row {
  align-items: center;
}
.articles-contact .article-image img {
  display:block;
  margin:0 auto;
  border-radius:100%;
  border:solid var(--green) 2px;
}
.articles-contact .article-content {}
.articles-contact .article-content h2 {
  margin:.5rem 0;
}
.articles-contact .article-content .position {
  font-style:italic;
  padding-left:0;
}
.articles-contact .article-content p {
  position: relative;
  padding-left:2.5rem;
  margin:.5rem 0;
}
.articles-contact .article-content span {
  position: absolute;
  left:1rem;
  top:50%;
  transform:translate(-50%, -50%);
  color:var(--cyan);
}
.articles-contact .article-content a {
  color:#000;
}

/* Artikel, Akkordeon
 **********************************/
.articles-accordion .article {
  margin:0 0 1.3rem 0;
}
.articles-accordion .article-header {}
.articles-accordion .article-header h2 {
  margin:0;
}
.articles-accordion .article-header button {
  position: relative;
  background:var(--gray-dark);
  color:#fff;
  border:0;
  padding:.75rem 2rem;
  text-align: left;
  font-weight:700;
  font-size:1.5rem;
  text-transform: none;
  width:100%;
  transition-duration: .2s;
  transition-property: background;
}
.articles-accordion .article-header button[aria-expanded=true] {
  background:var(--blue);
}
.articles-accordion .article-header button::after {
  content:'';
  display:block;
  position: absolute;
  right:2rem;
  top:50%;
  transform:translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #fff;
  transition:transform .2s ease;
}
.articles-accordion .article-header button[aria-expanded=true]::after {
  transform:translate(0, -50%) rotate(90deg);;
}
.articles-accordion .article-content {}
.articles-accordion .article-content :last-child {
  margin-bottom:0;
}

/* Artikel, Tools
*********************************/
.articles-tools {}
.articles-tools-list {
  --bs-gutter-y:1.5rem;
}
.article-tools {}
.article-tools-image {
  margin-bottom:1rem;
  display:flex;
  justify-content: flex-start;
  align-items: end;
  gap:1rem;
}
.articles-tools-date {
  font-size: 0.875rem;
}
.article-tools-image img {
  display:block;
}
.article-tools-content h2,
.article-tools-content h3 {
  font-size:1rem;
  margin-bottom:.5rem;
}
.article-tools-content p {
  margin-bottom:.5rem;
}

/* Artikel, Umfrage
*********************************/
.articles-survey h2 {
  font-size:2.5rem;
  margin:2rem 0;
}
.articles-survey .article {
  margin:0 0 2.5rem 0;
  padding:0 0 2.5rem 0;
  border-bottom:solid var(--gray-light) 1px;
}
.articles-survey .article-options p {
  margin:.5rem 0;
}
.articles-survey .article-options label {
  cursor:pointer;
}
.articles-survey .article-options-multiple {
  padding-left:2rem;
}
.articles-survey .option-other {
  display:flex;
  align-items:center;
}
.articles-survey .option-other input[type=text] {
  max-width:30rem;
  margin-left:.3125rem;
}
.articles-survey .option-email {
  display:inline-block;
  max-width:30rem;
  margin-left:.3125rem;
}

/* Pagenavig
*********************************/
.pagenavig {
  display: flex;
  gap: .5rem;
}
.pagenavig a {
  display: block;
  min-width: 2rem;
  line-height: 2rem;
  background-color: var(--gray-light);
  color: #000;
  text-align: center;
  transition: .2s ease;
  transition-property: background-color, color;
}
.pagenavig a:hover {
  text-decoration: none;
  background-color: var(--gray);
}
.pagenavig a.a1 {
  background-color: var(--green);
  color: #fff;
}

/* Community
*********************************/
.page-community-start .page-header {
  margin-bottom:3.5rem;
  margin-left:-.75rem;
  margin-right:-.75rem;
}
.page-community-start .page-header-inner {
  background-image:url(/assets/images/hero-bg.jpg);
  background-size:cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding:3rem 3rem 3rem 0;
  margin-bottom:1rem;
}
.page-community-start .page-header-headlines {
  background:rgba(255,255,255,.85);
  padding:1rem 2rem;
  border-radius:0 1.5rem 0 0;
}
.page-community-start .page-header h1 {
  font-weight:700;
  position: relative;
}
.page-community-start .page-header h1::before {
  content:'';
  display:inline-block;
  width:.5rem;
  height:2.0rem;
  vertical-align: baseline;
  margin-right:.5rem;
  background:var(--olive);
  border-radius:.5rem 0 0 0;
}
.page-community-start .community-infos {}
.page-community-start .community-info {
  margin-right:1.5rem;
  white-space: nowrap;
  display:block;
}
@media only screen and (min-width : 500px) {
  .page-community-start .community-info {
    display:inline;
  }
}
.page-community-start .community-info .count {
  font-weight:700;
}
.page-community-start .community-info-projects .count {
  color:var(--cyan);
}
.page-community-start .community-info-events .count {
  color:var(--green);
}
.page-community-start .community-info-members .count {
  color:var(--olive);
}
.page-community-start .community-latest {
  margin-bottom:3.5rem;
}
.page-community-start .community-latest > h2 {
  background:var(--gray);
  color:#fff;
  padding:.5rem 1rem;
  border-radius:0 1.5rem 0 0;
  margin-bottom:2.5rem;
}
.page-community-start .community-latest-members > h2 {
  background:var(--olive);
}
.page-community-start .community-latest-events > h2 {
  background:var(--green);
}
.page-community-start .community-latest-projects > h2 {
  background:var(--cyan);
}

/* Slick Slider
*********************************/
.slick-slider .slick-track {
  display: flex;
}
.slick-slider .slick-track .slick-slide {
  display: flex;
  height: auto;
}

/* Formulare
*********************************/
form p,
.form-group  {
  margin-bottom: .75em;
}
label {
  cursor:pointer;
}
.form-label {
  display: block;
  cursor:pointer;
  margin-bottom: 0;
}
.form-check {
  padding-left: 1.5rem;
}
.form-check .form-check-input {
  margin-left: -1.5rem;
  float: left;
}
label abbr {
  color:var(--gray-dark);
}
.col-form-label {
  padding-top:calc(.5rem + 2px);
  padding-bottom:calc(.5rem + 2px);
}
.required label:after,
.required-span span.label:after,
.required-span span.label-indent:after,
.required-span span.label-block:after {
  content:'*';
}
:invalid {
  accent-color: #f00;
}
.form-control {
  border:solid var(--gray) 2px;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {
  width:100%;
  margin:0;
  padding:.5rem;
  border:solid var(--gray) 2px;
  border-radius:0;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select:focus{
  margin:0;
}
textarea {
  height:12rem;
}
.form-control {
  border-radius:0;
}
.btn,
button,
[type=submit] {
  display:inline-block;
  font-size:inherit;
  line-height:inherit;
  margin:0;
  padding:.5rem 1rem;
  border:solid #000 2px;
  border-radius:0 1rem 0 0;
  cursor:pointer;
  background:transparent;
  color:#000;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
.btn:hover,
button:hover,
[type=submit]:hover {
  background-color:#000;
  color:#fff;
  text-decoration:none;
}

.btn-cyan {
  background:var(--cyan);
  border-color:var(--cyan);
  color:#fff !important;
}
.btn-cyan:hover {
  background:var(--cyan-dark);
  border-color:var(--cyan-dark);
}
.btn-olive {
  background:var(--olive);
  border-color:var(--olive);
  color:#fff !important;
}
.btn-olive:hover {
  background:var(--olive-dark);
  border-color:var(--olive-dark);
}
.btn-green {
  background:var(--green);
  border-color:var(--green);
  color:#fff !important;
}
.btn-green:hover {
  background:var(--green-dark);
  border-color:var(--green-dark);
}


.btn-small {
  font-size: .975rem;
  padding:.25rem 1rem;
}

.sendmail_emptyfield1 label,
label.sendmail_emptyfield1 {
  color:#f00;
}
.sendmail_emptyfield1 input.text,
input.sendmail_emptyfield1,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.message {
  background: var(--gray-light);
  padding:1rem;
  margin:0 0 1.3rem 0;
}

/* Select2
 * ******************************/
.select2-container--default .select2-selection--multiple {
  width:100%;
  margin:0;
  padding:.5rem;
  border:solid var(--gray) 2px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.select2-container--default button {
  border-radius:0;
}

/* Formular, Login
*********************************/
form.login .row {
  --bs-gutter-y: 1rem;
}

/* Formular, Profile, Edit
*********************************/
form.edit-profile input[type=text],
form.edit-profile input[type=email],
form.edit-profile textarea,
form.edit-profile select {
  border-color:var(--gray);
  border-radius:0 1rem 0 0;
  transition:border-color .2s ease;
}
form.edit-profile textarea {
  height:calc((3rem * 1.4) + 1rem + 4px); /* (height * line-height) + padding + border */
}
form.edit-profile input[type=text]:focus,
form.edit-profile input[type=email]:focus,
form.edit-profile textarea:focus,
form.edit-profile select:focus {
  border-color:var(--olive);
  border-radius:0 1rem 0 0;
}
form.edit-profile .form-group-profileimage label {
  position: relative;
  display:block;
  width:100%;
}
form.edit-profile .form-group-profileimage .profileimage-ratio {
  height:0;
  padding-bottom:100%;
  position: relative;
}
form.edit-profile .form-group-profileimage img {
  width:100%;
  height:100%;
  object-fit: cover;
  border:solid var(--olive) 2px;
  border-radius:100%;
  overflow: hidden;
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:2;
}
form.edit-profile .form-group-profileimage input {
  width:1px;
  height:1px;
  overflow: hidden;
  position: relative;
  z-index:1;
}
form.edit-profile .form-group-profileimage .label {
  display:block;
  text-align: center;
  font-size:.875rem;
  padding-top:.5rem;
}
/*
form.edit-profile .form-group-profileimage label::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;

  content:'\f304';

  position: absolute;
  left:50%;
  top:80%;
  transform:translate(-50%, -50%);
  z-index:3;
  color:rgba(255,255,255,.85);
}
*/
form.edit-profile .profile-actions {
  justify-content: space-between;
  display: flex;
}



/* Tagbox
 * ****************************************/
input[data-select] {
  display: none;
}
/* line 30, ../sass/tag_box.scss */
.tagbox {
  border: 2px solid #ccc;
  background-color: #fff;
  cursor: text;
  min-height: 2rem;
  height: auto;
  overflow-y: visible;
  overflow-x: hidden;
  padding: 5px;
  margin: 5px auto 20px;
}
/* line 22, ../sass/tag_box.scss */
.tagbox.has_focus {
  border-color: #00c3ff;
}

/* line 40, ../sass/tag_box.scss */
.tag_element {
  display: inline-block;
  min-width: 30px;
  width: auto;
  height: 14px;
  padding: 5px 7px 5px 7px;
  margin: 3px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #999;
  background-color: #49adf4;
}
/* line 65, ../sass/tag_box.scss */
.tag_element:hover {
  background-color: #1997f1;
}
/* line 69, ../sass/tag_box.scss */
.tag_element > .tag_label {
  float: left;
}
/* line 74, ../sass/tag_box.scss */
.tag_element > .tag_dismiss {
  float: right;
  margin-left: 10px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
/* line 81, ../sass/tag_box.scss */
.tag_element > .tag_dismiss:hover {
  color: #ffc540;
  text-decoration: none;
}

/* line 92, ../sass/tag_box.scss */
#type_target {
  height: 22px;
  width: 40px;
  padding: 0px 5px;
  margin: 4px 0px;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-family: consolas, monospace;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
/* line 109, ../sass/tag_box.scss */
#type_target:focus {
  outline: none;
}

/* Formular, Mebership
 * ****************************************/
 form.membership {
  margin-bottom: 5rem;
 }
 .membership-fees > *:not(:last-child) {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: solid var(--gray) 1px;
 }