/*
Theme Name: BKG Geschäftsbericht 2024-25
Theme URI: https://gb2022-23.bkgev.de
Author: goYippi design
Author URI: https://www.goyippi.net
Description: The template for BKG Geschäftsbericht 2024-25
Version: 1.0
Template: bkg-geschaeftsbericht
*/

/* roboto-slab-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/roboto-slab-v36-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.post-content a {
  font-weight: 800;
  color: #8FD30E;
  border-color: #8FD30E;
}

.post-content a:hover {
  font-weight: 800;
  color: #00828B;
  border-color: #00828B;
}

.teaser-text-column a {
  color: #FFF;
  border-color: #FFF;
}

.teaser-text-column a:hover {
  color: #8FD30E;
  border-color: #8FD30E;
}

.post-content h2 {
  font-size: 1.5rem;
  line-height: 1.333;
  font-weight: 400;
  padding-bottom: 24px;
}

.post-content h3 {
  color: #8FD30E;
  font-size: 0.938rem;
	line-height: 1.333;
  font-weight: 800;
  padding-bottom: 0;
}

.post-content h4 {
  color: #00828B;
  font-size: 1.5rem;
  line-height: 1.333;
  padding-bottom: 6px;
}

.wp-block-details summary p {
  font-family: 'Roboto Slab', Arial, sans-serif;
  font-size: 0.938rem;
	line-height: 1.333;
  font-weight: 800;
  color: #05494d;
}

.wp-block-details summary .teaser-text-column p {
  font-family: 'Roboto Slab', Arial, sans-serif;
  font-size: 1rem;
	line-height: 1.5;
  font-weight: 300;
  color: #FFF;
}

.wp-block-image + .has-small-font-size {
  margin-top: 16px;
  padding-bottom: 24px;
}

.logo {
  right: auto;
  left: 32px;
  bottom: 58px;
  height: 40px;
}

.logo #logo-image {
  height: 40px;
}

.logo .cls-1 {
  fill: #FFF;
}

.header-image {
  display: none;
}

.header-image .cls-1 {
  fill: #fff;
}

.header-inner {
  background-color: #05494d;
  background: -moz-linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
  background: -webkit-linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
  background: linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
}

.toggle-accordion:after {
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 482 15'%3E%3Cpath style='fill: %238fd30e;' class='st0' d='M1.5,0h363.6l1.1.4,11,10.9,11-10.9,1.1-.4h91.4c.8,0,1.5.7,1.5,1.5s-.7,1.5-1.5,1.5h-90.8l-11.6,11.6c-.6.6-1.5.6-2.1,0l-11.6-11.6H1.5c-.8,0-1.5-.7-1.5-1.5S.7,0,1.5,0h0Z'/%3E%3C/svg%3E");
}

.wp-block-details[open] .toggle-accordion:after {
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 482 15'%3E%3Cpath style='fill: %238fd30e;' class='st0' d='M1.5,15h363.6l1.1-.4,11-10.9,11,10.9,1.1.4h91.4c.8,0,1.5-.7,1.5-1.5s-.7-1.5-1.5-1.5h-90.8l-11.6-11.6c-.6-.6-1.5-.6-2.1,0l-11.6,11.6H1.5c-.8,0-1.5.7-1.5,1.5s.7,1.5,1.5,1.5h0Z'/%3E%3C/svg%3E");
}

.teaser-columns {
  margin-top: 14px;
  margin-bottom: 20px;
  align-items: center;
}

:where(.wp-block-columns.teaser-columns.is-layout-flex) {
  gap: 12px;
}

.teaser-text-column {
  display: flex;
  align-items: center;
  font-family: 'Roboto Slab', Arial, sans-serif;
  font-weight: 300;
  position: relative;
  color: #FFF;
  text-align: center;
  border-radius: 14px;
  background-color: #05494d;
  background: -moz-linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
  background: -webkit-linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
  background: linear-gradient(140deg, rgba(5, 73, 77, 1) 20%, rgba(0, 130, 139, 1) 66%, rgba(121, 189, 194, 1) 100%);
}

.teaser-text-column:after {
  content: '';
  display: block;
  width: 90px;
  height: 63px;
  opacity: 0.2;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 41.8'%3E%3Cpath class='cls-1' style='fill: %23fff; stroke-width: 0px;' d='M25.04,41.8H7.86c-4.33,0-7.86-3.53-7.86-7.86v-17.18c0-4.33,3.53-7.86,7.86-7.86h17.18c4.33,0,7.86,3.53,7.86,7.86v17.18c0,4.33-3.53,7.86-7.86,7.86ZM7.86,14c-1.52,0-2.75,1.24-2.75,2.75v17.18c0,1.52,1.24,2.75,2.75,2.75h17.18c1.52,0,2.75-1.24,2.75-2.75v-17.18c0-1.52-1.24-2.75-2.75-2.75H7.86Z'/%3E%3Cpath class='cls-1' style='fill: %23fff; stroke-width: 0px;' d='M33.73,27.65h-11.93c-4.33,0-7.86-3.53-7.86-7.86V7.86c0-4.33,3.53-7.86,7.86-7.86h11.93c4.33,0,7.86,3.53,7.86,7.86v11.93c0,4.33-3.53,7.86-7.86,7.86ZM21.8,5.11c-1.52,0-2.75,1.24-2.75,2.75v11.93c0,1.52,1.24,2.75,2.75,2.75h11.93c1.52,0,2.75-1.24,2.75-2.75V7.86c0-1.52-1.24-2.75-2.75-2.75h-11.93Z'/%3E%3Cpath class='cls-1' style='fill: %23fff; stroke-width: 0px;' d='M52.14,41.8h-7.79c-4.33,0-7.86-3.53-7.86-7.86v-7.79c0-4.33,3.53-7.86,7.86-7.86h7.79c4.33,0,7.86,3.53,7.86,7.86v7.79c0,4.33-3.53,7.86-7.86,7.86ZM44.35,23.39c-1.52,0-2.75,1.24-2.75,2.75v7.79c0,1.52,1.24,2.75,2.75,2.75h7.79c1.52,0,2.75-1.24,2.75-2.75v-7.79c0-1.52-1.24-2.75-2.75-2.75h-7.79Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90px 63px;
  background-position: center;
}

.text-column-inner {
  padding: 24px 16px;
  width: 100%;
}

.text-column-inner *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.teaser-image-column img {
  display: block;
  border-radius: 14px;
}

/* ---- Media Queries: wider than 482px ---- */
@media (min-width: 483px) {
  .toggle-accordion:after {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 810 15'%3E%3Cpath style='fill: %238fd30e;' class='cls-1' d='M1.5,0h611.56l1.06.44,10.95,10.94,10.95-10.94L637.08,0h171.42c.83,0,1.5.67,1.5,1.5s-.67,1.5-1.5,1.5h-170.79s-11.57,11.56-11.57,11.56c-.59.59-1.54.59-2.12,0l-11.57-11.56H1.5c-.83,0-1.5-.67-1.5-1.5S.67,0,1.5,0h0Z'/%3E%3C/svg%3E");
  }

  .wp-block-details[open] .toggle-accordion:after {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 810 15'%3E%3Cpath style='fill: %238fd30e;' class='cls-1' d='M1.5,15h611.56l1.06-.44,10.95-10.94,10.95,10.94,1.06.44h171.42c.83,0,1.5-.67,1.5-1.5s-.67-1.5-1.5-1.5h-170.79s-11.57-11.56-11.57-11.56c-.59-.59-1.54-.59-2.12,0l-11.57,11.56H1.5c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5h0Z'/%3E%3C/svg%3E");
  }
}

@media (min-width: 621px) {
  .post-content a {
    border-width: 2px;
  }

  .post-content h2 {
    font-size: 2.5rem;
    line-height: 1.25;
    padding-bottom: 40px;
  }

  .post-content h3 {
    font-size: 1.25rem;
    line-height: 1.3;
    padding-bottom: 12px;
  }

  .post-content h4 {
    font-size: 2.125rem;
    line-height: 1.412;
    padding-bottom: 8px;
  }

  .wp-block-details summary p {
    font-size: 1.125rem;
    line-height: 1.556;
  }

  .wp-block-details summary .teaser-text-column p {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .post-content p, .post-content ul, .post-content ol {
    padding-bottom: 16px;
  }

  .wp-block-image + .has-small-font-size {
    margin-top: 22px;
    padding-bottom: 32px;
  }
}

@media (min-width: 782px) {
  .logo {
    left: 13.6%;
    bottom: 67px;
    height: 55px;
  }

  .logo #logo-image {
    height: 55px;
  }

  .header-text {
    width: 100%;
  }

  .header-text .text {
    display: none;
  }

  .header-image {
    display: block;
    width: 100%;
    max-width: 701px;
  }

  .teaser-columns {
    margin-bottom: 20px;
  }

  .page-scrolled .header-text .text {
    display: inline-block;
  }

  .page-scrolled .header-text .header-image {
    display: none;
  }
}