/* ===== thueringenforst-css (bereinigt) ===== */
/*
  Domain-/projektspezifische Erweiterungen für thueringenforst.de
  Basisregeln liegen in basic-css.
*/

/* =========================================================
   ALLGEMEINE SEITENSPEZIFISCHE ANPASSUNGEN
========================================================= */
.breadcrumb,
.breadcrumb li,
.breadcrumb li::after,
.breadcrumb li a {
  color: white;
}

.breadcrumb {
  padding-left: 5px;
}

.slick-slide a {
  text-decoration: none;
}

#WBGK {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

#Jena-Closewitz_Link {
  display: none;
}

.no-pic-news + .news-img-wrap {
  display: none;
}

.iframe-parent {
  position: relative;
}

.transparent-block {
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: rgba(192, 192, 192, 0.3);
}

.more {
  display: block;
}

.slick-slide figcaption p {
  padding: 0;
  background: transparent;
}

/* =========================================================
   WALDRETTERWOCHEN / WEP
========================================================= */
#site-996 .main {
  margin-bottom: -2em;
  background-image: url(/fileadmin/user_upload/Forstaemter/Erfurt-Willrode/Waldretter-Wochen/Wald-Retter-Woche-2.JPG);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-988 .main,
#site-995 .main {
  margin-bottom: -2em;
  background-image: url(/fileadmin/user_upload/WEP/Zeulenroda/Steckbriefe/Hintergrund.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-988 .lmf-accordion .toggler,
#site-996 .lmf-accordion .toggler {
  background-color: white;
  border-radius: 0 0 15px 0;
}

#site-988 .lmf-accordion .toggler h2,
#site-996 .lmf-accordion .toggler h3 {
  padding: 1rem;
  color: var(--color-green);
}

.ui-accordion-content-active {
  padding-bottom: 3rem;
}

.accordion-close {
  margin: 1rem 0;
  padding: 1rem 1rem 1rem 2rem;
  font-size: inherit;
  color: #fff;
  background-color: var(--color-petrol);
  border: none;
  border-radius: 0 0 15px 0;
  transition: ease-in-out 0.5s;
}

.accordion-footer {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 850px) {
  #site-988 .lmf-accordion .ce-textpic .ce-gallery {
    display: contents;
  }
}

/* =========================================================
   FIRE MAP
========================================================= */
.fire-map.test #woodlands {
  mix-blend-mode: multiply;
}

.fire-map.test #woodlands g > g {
  display: none;
}

#fire-data-map {
  height: 1px;
  overflow: hidden;
}

.fire-map-container .lmf-accordion {
  margin-right: -1rem;
  margin-left: -1rem;
}

/* =========================================================
   SLIDER GALLERY
========================================================= */
.container-slider-gallery {
  --tile: clamp(140px, 20vw, 185px);
  --sg-gap: 0em;

  overflow-x: auto;
  overflow-y: hidden;
  padding-block: 0.5rem;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}

.container-slider-gallery .slider-gallery {
  width: max-content;
}

.container-slider-gallery .slider-gallery .ce-inner {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: var(--sg-gap);
}

.container-slider-gallery .slider-gallery .ce-row {
  flex: 0 0 calc(var(--tile) - (var(--sg-gap) * 0.2));
  margin: 0;
  scroll-snap-align: start;
}

.container-slider-gallery .slider-gallery .ce-column {
  display: block;
  width: 100%;
}

.container-slider-gallery .slider-gallery figure.image {
  width: 100%;
  margin: 0;
}

.container-slider-gallery .slider-gallery picture,
.container-slider-gallery .slider-gallery img {
  display: block;
  width: 100% !important;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media (max-width: 900px) {
  .container-slider-gallery {
    --tile: clamp(140px, 24vw, 220px);
  }
}

@media (max-width: 600px) {
  .container-slider-gallery {
    --tile: clamp(130px, 30vw, 200px);
  }
}

/* =========================================================
   FORM-DEKOR
========================================================= */
#form,
.form2 {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 1.5rem 2rem;
  overflow: visible;
  background: white;
  border-radius: 8px;
}

#form::before,
.form2::before {
  content: "";
  position: absolute;
  top: -3em;
  left: -5em;
  z-index: -1;
  width: 80%;
  height: 140%;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  pointer-events: none;
  opacity: 0.6;
}

#form::before {
  mask-image: radial-gradient(circle at top left, black 0%, rgba(0, 0, 0, 0.4) 20%, transparent 33%);
}

.form1::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form.svg);
}

.Form-ThueringenForst::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form-ThueringenForst.svg);
}

.Form-Thuenen::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form-Thuenen.svg);
}

.Form-HNEE::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form-HNEE.svg);
}

.Form-Fraunhofer::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form-Fraunhofer.svg);
}

.form2::before {
  background-image: url(https://www.thueringenforst.de/fileadmin/user_upload/FFK/Forschung/Projekte/Marker/Form2.svg);
  mask-image: radial-gradient(circle at top left, black 0%, rgba(0, 0, 0, 0.4) 30%, transparent 50%);
}

/* =========================================================
   BLOG / WALDFREUNDE / GRADIENTEN
========================================================= */
.planzblog,
.std,
.red-green-grade {
  padding: 1em;
  background-size: 300% auto;
  animation: tf-shimmer 40s linear infinite;
}

.planzblog {
  background: linear-gradient(
    90deg,
    rgba(78, 132, 8, 0.8) 0%,
    rgba(1, 128, 145, 0.8) 25%,
    rgba(78, 132, 8, 0.8) 50%,
    rgba(1, 128, 145, 0.8) 75%,
    rgba(78, 132, 8, 0.8) 100%
  );
}

.std,
.red-green-grade {
  background: linear-gradient(
    90deg,
    rgba(132, 74, 91, 1) 0%,
    rgba(78, 132, 8, 1) 25%,
    rgba(132, 74, 91, 1) 50%,
    rgba(78, 132, 8, 1) 75%,
    rgba(132, 74, 91, 1) 100%
  );
}

@keyframes tf-shimmer {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

#site-850 a.link-mail {
  position: relative;
  display: inline-block;
  margin-bottom: -0.4rem;
  font-weight: bold;
  text-decoration: underline solid 2px;
  background: linear-gradient(
    90deg,
    rgba(78, 132, 8, 1) 0%,
    rgba(1, 128, 145, 0.6) 25%,
    rgba(78, 132, 8, 1) 50%,
    rgba(1, 128, 145, 0.6) 75%,
    rgba(78, 132, 8, 1) 100%
  );
  background-size: 300% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: tf-shimmer 40s linear infinite;
}

/* =========================================================
   WOT / SEITENNAVI / PODCAST / LINES
========================================================= */
.wot {
  position: fixed;
  top: -1em;
  left: 0;
  display: inline-block;
  min-width: 150px;
  max-width: 15vw;
}

.wot .ce-textpic {
  padding-top: 1em;
  padding-bottom: 0;
}

.wot a[rel="noreferrer"] {
  padding-right: 0;
  background-image: none;
  background-size: 0;
}

.seitennavi {
  margin-top: -1.5em;
  padding-right: 0;
  padding-left: 0;
}

.seitennavi ul {
  display: inline-block;
  padding: 0.5em;
  background-color: #4e8408;
}

.seitennavi li {
  display: inline-block;
}

.seitennavi li a {
  padding: 0.5em;
  color: white;
}

.podcast {
  margin: -0.5em;
}

.lines h2 {
  padding: 2rem 0;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
}

.lines3 h3 {
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
}

/* =========================================================
   MEHRSPALTIGER TEXT / WEISSE BOX / ADVENT
========================================================= */
.col-zwei .ce-textpic {
  column-count: 2;
}

.col-zwei h1,
.col-zwei h2,
.col-zwei h3 {
  column-span: all;
}

.bg-weiß {
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-weiß h2,
.bg-weiß p {
  color: #376d1f;
}

.advent-wrap {
  margin-top: 2rem;
  padding-bottom: 3rem;
}

.advent-wrap .teaser-item {
  margin: 3rem;
  padding: 1rem 2rem 2rem;
}

.advent-wrap .right .teaser-item {
  margin-top: 2rem;
}

.advent-wrap .teaser-item img {
  min-width: 100%;
}

@media (min-width: 700px) {
  .advent-wrap {
    height: 60rem;
    background-image: url(/fileadmin/user_upload/Advent/Advent.svg);
    background-repeat: no-repeat;
    background-position-y: 15rem;
    background-size: contain;
  }

  .advent-wrap .left .teaser-item {
    position: relative;
    animation: tf-rotate-left 1s ease-in-out forwards;
  }

  .advent-wrap .right .teaser-item {
    position: relative;
    animation: tf-rotate-right 1s ease-in-out forwards;
  }
}

@media (min-width: 960px) {
  .advent-wrap {
    height: 70rem;
  }
}

@keyframes tf-rotate-left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-7deg);
  }
}

@keyframes tf-rotate-right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(5deg);
  }
}

/* =========================================================
   BILD-SPEZIALFÄLLE
========================================================= */
#site-8 .ce-image .ce-gallery img,
#site-65 .ce-image .ce-gallery img {
  max-width: 420px;
}

/* =========================================================
   WALDFREUNDE
========================================================= */
#site-849 .main {
  background-image: url(/fileadmin/user_upload/Waldfreunde/Layout/Waldfreunde-Baumpflanzaktion-Thueringen3.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-688 .main {
  background-image: url(/fileadmin/user_upload/Waldfreunde/Layout/Waldfreunde-Baumpflanzaktion-Thueringen7.JPG);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-850 .main {
  background-image: url(/fileadmin/user_upload/Waldfreunde/Layout/Waldfreunde-Baumpflanzaktion-Thueringen15.JPG);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-849 .footer,
#site-850 .footer {
  margin-top: 0;
}

/* =========================================================
   WALDFREUNDE-ANIMATIONEN
========================================================= */
.Baum_rot,
.Baum_dunkel,
.Baum_hell,
.Baum_roto,
.Baum_dunkelo,
.Baum_hello,
.Tanne_hell_kl,
.Tanne_blau_kl,
.Tanne_hell_klo,
.Tanne_blau_klo {
  position: absolute;
  bottom: 0;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(0, 0);
  transform-origin: bottom;
  animation: tf-grow-tree 2s ease-out forwards;
}

.Baum_rot {
  left: 55%;
  width: 85px;
  height: 110px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_rot.png);
  transform: scale(1.2, 1.2);
  animation-delay: 0.2s;
}

.Tanne_hell_kl {
  left: 68%;
  width: 35px;
  height: 65px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Tanne_hell_kl.png);
  transform: scale(0.8, 0.8);
  animation-delay: 0.4s;
}

.Baum_dunkel {
  left: 75%;
  width: 95px;
  height: 115px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_dunkel.png);
  transform: scale(1.3, 1.3);
  animation-delay: 0.6s;
}

.Tanne_blau_kl {
  left: 90%;
  width: 30px;
  height: 60px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Tanne_blau_kl.png);
  transform: scale(0.9, 0.9);
  animation-delay: 0.8s;
}

.Baum_hell {
  left: 93%;
  width: 75px;
  height: 100px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_hell.png);
  transform: scale(1.1, 1.1);
  animation-delay: 1s;
}

.Baum_roto {
  left: 100%;
  width: 65px;
  height: 95px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_rot.png);
  transform: scale(1.15, 1.15);
  animation-delay: 1.2s;
}

.Tanne_hell_klo {
  left: 85%;
  width: 30px;
  height: 60px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Tanne_hell_kl.png);
  transform: scale(0.75, 0.75);
  animation-delay: 1.4s;
}

.Baum_dunkelo {
  left: 80%;
  width: 75px;
  height: 100px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_dunkel.png);
  transform: scale(1.25, 1.25);
  animation-delay: 1.6s;
}

.Tanne_blau_klo {
  left: 55%;
  width: 25px;
  height: 55px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Tanne_blau_kl.png);
  transform: scale(0.85, 0.85);
  animation-delay: 1.8s;
}

.Baum_hello {
  left: 70%;
  width: 80px;
  height: 105px;
  background-image: url(/fileadmin/user_upload/Waldfreunde/animation/Baum_hell.png);
  transform: scale(1.05, 1.05);
  animation-delay: 2s;
}

@keyframes tf-grow-tree {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1.05, 1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

/* =========================================================
   WALL
========================================================= */
#site-793 .wrapper {
  background-color: #000;
}

#site-793 .header,
#site-793 .subheader {
  display: none;
}

#site-793 .main {
  min-height: 500px;
  background-image: url(/fileadmin/user_upload/Wall/Wall.JPG);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#site-793 .logo-link a {
  font-size: 20pt;
}

#site-793 .breadcrumb {
  margin-bottom: 0;
  padding-left: 5px;
}

#site-793 .footer {
  margin-top: 0;
}

ul.logo-link {
  margin-left: -2.5em;
}

.logo-link li {
  margin: 1.5em 0;
  padding-bottom: 0;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.8);
  border-top-left-radius: 1em;
}

.logo-link a {
  position: relative;
  display: block;
  padding: 0.25em 0 0.25em 2em;
  background-position-x: 0.25em;
  background-position-y: 0.25em;
  background-size: 1.5em;
}

.info-wall a {
  background-image: url(/fileadmin/user_upload/Wall/Projekt.JPG);
  background-repeat: no-repeat;
}

.logo-wall-pefc a {
  background-image: url(/fileadmin/user_upload/Wall/PEFC-Logo.png);
  background-repeat: no-repeat;
}

.logo-wall-mws a {
  background-image: url(/fileadmin/user_upload/Wall/MWS.png);
  background-repeat: no-repeat;
}

.logo-wall-tf a {
  background-image: url(/fileadmin/user_upload/Wall/signet.svg);
  background-repeat: no-repeat;
}

.logo-wall-insta a {
  background-image: url(/fileadmin/user_upload/Wall/Instagram-Logo.webp);
  background-repeat: no-repeat;
}

.logo-wall-costa a {
  background-image: url(/fileadmin/user_upload/Wall/Gnibmob-Logo.png);
  background-repeat: no-repeat;
}

@media (min-width: 500px) {
  #site-793 ul.logo-link a {
    font-size: 30pt;
  }
}

@media (min-width: 900px) {
  #site-793 .main {
    min-height: 100vh;
    background-image: url(/fileadmin/user_upload/Wall/Wall-breit.JPG);
  }

  ul.logo-link {
    max-width: 50%;
  }
}