/* center the blockquote in the page */
.blockquote-wrapper {
  display: flex;
  padding: 0 20px;
  /* align-self: stretch; */
  /* place-self: baseline; */
  /* height: 100%; */
  /* margin-bottom: 3rem; */
}

/* Blockquote main style */
.blockquote {
   position: relative;
   font-family: 'Montserrat', sans-serif;
   font-weight: 800;
   color: #ffffff;
   padding: 0 0 30px 0;
   width: 100%;
   max-width: 500px;
   z-index: 1;
   /* margin: 0 auto 1.75rem auto; */
   align-self: center;
   border-top: solid 1px;
   border-bottom: solid 1px;
}

/* Blockquote header */
.blockquote h1 {
   position: relative;
   color: #FFFFFF;
   font-size: 40px;
   font-weight: 800;
   line-height: 1;
   margin: 0;
}

/* Blockquote right double quotes */
.blockquote:after {
   position: absolute;
   content: "”";
   color: rgba(255, 255, 255, 1);
   font-size: 5rem;
   line-height: 0;
   bottom: -17px;
   right: 30px;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
   .blockquote h1 {
       font-size: 60px;
  }

}

/* Blockquote subheader */
.blockquote h4 {
   position: relative;
   color: #292a2b;
   font-size: 1.2rem;
   font-weight: normal;
   line-height: 1.25;
   margin: 0;
   padding-top: 20px;
   z-index: 1;
}

.view-id-taxonomy_term.view-display-id-page_1 .view-content.row {
  /* display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 200px; 
  gap: 1rem;*/
}


.view-id-taxonomy_term.view-display-id-page_1 {
  display: flex;
  flex-direction: column-reverse;
  gap: 5rem;
}

.abteilung-img {
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  transition:all 2s;
}

.abteilung-wrapper {
  position: relative;
}

.abteilung-wrapper:hover .abteilung-img {
  /* opacity: 1; */
}

.view-id-taxonomy_term .news--list-item:hover {
  box-shadow: 0px 0px 5px var(--main-color-third);
}
.view-id-taxonomy_term .news--list-item {
  background: var(--main-color-third);
  margin: 0;
  cursor: pointer;
  transition: .2s;
  /* height: 100%; */
}
.view-id-taxonomy_term .news--list-item a {
    display: flex;
    justify-content: space-evenly;
    min-height: 240px;
    height: 100%;
    /* grid-template-rows: 1fr 1fr; */
    /* align-items: center; */
    padding-block:1rem;
    flex-direction: column-reverse;
}
.abteilung-wrapper h2 {
  color: #292a2b;
  font-size: 1.7rem;
}

.abteilung-wrapper {
  text-align: center;
margin-block:1rem;
}



/* Tax Hauptseiten */
/* Hintergrundbilder für die Zitatsprüche auf den Hauptseiten */
#taxonomy-term-6 .field.field--name-field-zitat {
  margin: 2rem auto;
  padding: 2em;
  background: linear-gradient(#ffffffa6, white) padding-box, url(/sites/default/files/Arbeit/arbeit.jpg) border-box  0 / cover;
  background-position: top center;
  border: 4em solid transparent;
  box-shadow: 5px 3px 30px black;
  font-size: 2em;
  font-family: 'Lora', serif;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#taxonomy-term-7 .field.field--name-field-zitat {
  margin: 2rem auto;
  padding: 2em;
  background: linear-gradient(#ffffffa6, white) padding-box, url(/sites/default/files/Wohnen/wohnen.jpg) border-box  0 / cover;
  background-position: top center;
  border: 4em solid transparent;
  box-shadow: 5px 3px 30px black;
  font-size: 2em;
  font-family: 'Lora', serif;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
}

#taxonomy-term-8 .field.field--name-field-zitat {
margin: 2rem auto;
padding: 2em;
background: linear-gradient(#ffffffa6, white) padding-box, url(/sites/default/files/FreizeitMobilitaet/freizeit.jpg) border-box  0 / cover;
background-position: top center;
border: 4em solid transparent;
box-shadow: 5px 3px 30px black;
font-size: 2em;
font-family: 'Lora', serif;
font-style: italic;
line-height: 1.5;
text-align: center;
}

#taxonomy-term-9 .field.field--name-field-zitat {
margin: 2rem auto;
padding: 2em;
background: linear-gradient(#ffffffa6, white) padding-box, url(/sites/default/files/Innovation/innovation.jpg) border-box  0 / cover;
background-position: top center;
border: 4em solid transparent;
box-shadow: 5px 3px 30px black;
font-size: 2em;
font-family: 'Lora', serif;
font-style: italic;
line-height: 1.5;
text-align: center;
}

.page-taxonomy-term-6 .view-id-taxonomy_term .news--list-item *,
.page-taxonomy-term-8 .view-id-taxonomy_term .news--list-item *{
    color: white;
}

.field.field--name-field-mitarbeiter-verantwortlich .field__label {
  font-size: 2rem;
  text-align: center;
  color: var(--main-color-third);
}
.field--name-field-mitarbeiter-verantwortlich > .field__label {
  margin-bottom: 2rem;
}

.field--name-field-mitarbeiter-verantwortlich {
  margin: 3rem auto;
}

/* Tax Profilcard */
.firstinfo, .badgescard {
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-id-taxonomy_term .content,
.field--name-field-mitarbeiter .content{
  position: relative;
  animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;
}

.view-id-taxonomy_term .card,
.field--name-field-mitarbeiter .card{
  width: 500px;
  min-height: 100px;
  padding: 20px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  z-index:1;
}
.view-id-taxonomy_term .card:after,
.field--name-field-mitarbeiter .card:after{
  content: "";
  display: block;
  width: 190px;
  height: 300px;
  background: var(--main-color-third);
  position: absolute;
  animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
}

.view-id-taxonomy_term .badgescard,
.field--name-field-mitarbeiter .badgescard{
  padding: 15px 20px 0 20px;
  border-radius: 3px;
  background-color: #ECECEC;
  width: 480px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 0;
  left: 10px;
  bottom: 10px;
  animation: animainfos 0.5s cubic-bezier(0.425, 1.04, 0.47, 1.105) 0.75s forwards;
}
.view-id-taxonomy_term .badgescard span,
.field--name-field-mitarbeiter .badgescard span{
  font-size: 1.6em;
  margin: 0px 6px;
  opacity: 0.6;
}

.view-id-taxonomy_term .firstinfo,
.field--name-field-mitarbeiter .firstinfo{
  flex-direction: row;
  z-index: 2;
  position: relative;
}
.view-id-taxonomy_term .firstinfo img,
.field--name-field-mitarbeiter .firstinfo img{
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: top;
    clip-path: circle();
}
.view-id-taxonomy_term .firstinfo .profileinfo,
.field--name-field-mitarbeiter .firstinfo .profileinfo{
  padding: 0px 20px;
}
.view-id-taxonomy_term .firstinfo .profileinfo h1,
.field--name-field-mitarbeiter .profileinfo h1{
  font-size: 1.8em;
}
.view-id-taxonomy_term .firstinfo .profileinfo h3,
.field--name-field-mitarbeiter .profileinfo h3{
  font-size: 1.2em;
  color: #009688;
  font-style: italic;
}
.view-id-taxonomy_term .firstinfo .profileinfo p.bio,
.field--name-field-mitarbeiter .firstinfo .profileinfo p.bio{
  padding: 0;
  margin: 0;
  color: #5A5A5A;
  line-height: 1.2;
  font-style: initial;
}

.field--name-field-mitarbeiter {
  margin-block: 3rem;
}
.field--name-field-mitarbeiter-verantwortlich .field__items, .field--name-field-mitarbeiter .field__items{
display: flex;
row-gap: 4rem;
justify-content: space-between;
flex-wrap: wrap;
}
.field--name-field-mitarbeiter .field__label {
    margin-bottom: 2rem!important;
    text-align: center;
    font-size: var(--fs-big)!important;
    font-weight: var(--fw-bold)!important;
    color: var(--main-color-third);
}
.field--name-field-mitarbeiter-verantwortlich .field__item
{
flex-grow: 1;
}

@keyframes animatop {
  0% {
    opacity: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes animainfos {
  0% {
    bottom: 10px;
  }
  100% {
    bottom: -42px;
  }
}
@keyframes rotatemagic {
  0% {
    opacity: 0;
    transform: rotate(0deg);
    top: -24px;
    left: -253px;
  }
  100% {
    transform: rotate(-30deg);
    top: -24px;
    left: -78px;
  }
}



/* Zitat auf unterSeiten */
.back-btn-back {
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--main-color-third);
  width: fit-content;
  display: block;
  padding: 0.5rem 2rem;
  margin-block: 2rem;
  border-radius: 8px;
  border: 1px solid var(--main-color-third);
}
.back-btn-back i {
  font-size: 1.5rem;
  color: var(--main-color-third);
}
.field.field--name-field-abteilung-zuweisen {
  display: none;
}
.content-content.Arbeit {
  margin-block:3rem;
}
.content-content.Arbeit .field--name-field-int-news-img,.content-content.Arbeit .field--name-field-zitat {
  display:none;
}
.zitat-subpages {
  padding: 2em;
  background-position: top center;
  box-shadow: 5px 3px 30px black;
  font-size: 2em;
  font-family: 'Lora', serif;
  font-style: italic;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 5;
}
.zitat-subpages img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
height: 100%;
}

.zitat-inner {
z-index: 10;
position: inherit;
margin: 2rem;
padding: 2em;
background-position: top center;
font-family: 'Lora', serif;
font-style: italic;
line-height: 1.5;
text-align: center;
background: linear-gradient(#ffffffa6, white) border-box 0 / cover;
}





.field--name-field-news-gallerie img {
    max-width: 250px;
}

/*Bezirke*/

.view-bezirke-button-menu .view-content.row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:1rem;
}

.view-bezirke-button-menu .view-content.row .views-row{
  border:1px solid #999;
  padding:2rem;
  border-radius:1rem;
  cursor:pointer;
}
.view-bezirke-button-menu .view-content.row .views-row * {
  margin:0;
}

.bezirk-wrapper * {
    height: auto;
    margin: 0;
    padding: 0;
}
.view-id-taxonomy_term.view-display-id-page_2 .view-content.row {
    border-top:2px solid #ccc;
    padding-block:2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-block:5rem;
}

.bezirk--list-item.views-row {
    margin-block:2rem;
    border-top:.5px solid #ccc;
    padding-top:1rem
}

.bezirk--list-item.views-row h3{
    font-size:18px;
    padding-block:1rem .5rem;
}

.bezirk--list-item.views-row h4{
    font-size:22px;
    padding-block:1rem .5rem;
}

@media all and (max-width: 760px) {
   .view-id-taxonomy_term.view-display-id-page_2 .view-content.row {
       display: flex;
  }

}
@media (max-width:980px) {
  .view-id-taxonomy_term.view-display-id-page_1 .view-content.row {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr;
  /* grid-auto-rows: 200px; */
  gap: 1rem;
}

.view-id-taxonomy_term.view-display-id-page_2 .view-content.row {
  display: flex;
  flex-direction: column;
}
.view-bezirke-button-menu .view-content.row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:1rem;
}

}

@media (max-width: 650px) {
.view-bezirke-button-menu .view-content.row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
}