.siloah-einzel-einblick {
  padding: 5% 0;
  background: #fff;
  color: #00471c;
  font: 400 16px/1.8 Roboto, Arial, sans-serif;
}

.siloah-einzel-einblick,
.siloah-einzel-einblick * {
  box-sizing: border-box;
}

.siloah-einzel-einblick .see-inner {
  width: 70%;
  max-width: 1440px;
  margin: auto;
}

.siloah-einzel-einblick .see-heading {
  max-width: 850px;
}

.siloah-einzel-einblick .see-kicker {
  font: 700 11px/1.6 Roboto, Arial, sans-serif;
  letter-spacing: .08em;
}

.siloah-einzel-einblick h2 {
  margin: 12px 0 20px;
  color: #00471c;
  font: 400 clamp(30px, 2.7vw, 45px)/1.16
    Questrial, Arial, sans-serif !important;
  letter-spacing: -.035em;
}

.siloah-einzel-einblick h2 span {
  color: #557c61;
}

.siloah-einzel-einblick p {
  margin: 0;
  color: #526b5a;
  font: inherit;
}

/* Kompakte Informationen */
.siloah-einzel-einblick .see-topics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 11px;
  margin: 25px 0;
}

.siloah-einzel-einblick details {
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid #cfdfd4;
  border-radius: 10px;
  background: #f4f8f5;
}

.siloah-einzel-einblick summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
  list-style: none;
  cursor: pointer;
  color: #00471c;
  font: 700 14px/1.6 Roboto, Arial, sans-serif;
}

.siloah-einzel-einblick summary::-webkit-details-marker {
  display: none;
}

.siloah-einzel-einblick summary > span {
  font: 400 23px/1 Arial, sans-serif;
  transition: transform .2s;
}

.siloah-einzel-einblick details[open] summary > span {
  transform: rotate(45deg);
}

.siloah-einzel-einblick details p {
  margin-top: 13px;
  font-size: 14px;
  line-height: 1.8;
}

/* Unterkunftskacheln */
.siloah-einzel-einblick .see-stays {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.siloah-einzel-einblick .see-card {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  aspect-ratio: 16/10;
  overflow: hidden;
  border: 1px solid #c9dbcf;
  border-radius: 17px;
  background: #00471c;
  text-decoration: none !important;
  box-shadow: 0 9px 28px #00471c10;
}

.siloah-einzel-einblick .see-card img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: cover;
  transition: transform .6s, filter .3s;
}

.siloah-einzel-einblick .see-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    #001e0c20,
    transparent 25%,
    #001e0ced
  );
  pointer-events: none;
}

.siloah-einzel-einblick .see-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  z-index: 2;
  width: fit-content;
  max-width: calc(100% - 36px);
  padding: 6px 9px;
  border-radius: 6px;
  background: #fffffff0;
  color: #00471c;
  font: 700 11px/1.6 Roboto, Arial, sans-serif;
}

.siloah-einzel-einblick .see-card-copy {
  position: absolute;
  left: 23px;
  right: 23px;
  bottom: 23px;
  z-index: 2;
  color: white;
}

.siloah-einzel-einblick .see-card-copy strong {
  display: block;
  color: white;
  font: 400 clamp(25px, 2vw, 35px)/1.2
    Questrial, Arial, sans-serif;
}

.siloah-einzel-einblick .see-card-copy small {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 12px;
  color: white;
  font: 700 12px/1.6 Roboto, Arial, sans-serif;
}

.siloah-einzel-einblick .see-card-copy small > span {
  font-size: 23px;
}

.siloah-einzel-einblick .see-note {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.8;
}

.siloah-einzel-einblick a:focus-visible,
.siloah-einzel-einblick summary:focus-visible {
  outline: 3px solid #669775;
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .siloah-einzel-einblick .see-card:hover img {
    transform: scale(1.045);
    filter: brightness(.8);
  }

  .siloah-einzel-einblick summary:hover {
    color: #21733b;
  }
}

@media (max-width: 1023px) {
  .siloah-einzel-einblick .see-inner {
    width: calc(100% - 48px);
  }

  .siloah-einzel-einblick .see-topics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .siloah-einzel-einblick .see-inner {
    width: calc(100% - 28px);
  }

  .siloah-einzel-einblick .see-stays {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .siloah-einzel-einblick .see-card {
    aspect-ratio: 4/3;
  }

  .siloah-einzel-einblick .see-badge {
    font-size: 10px;
  }

  .siloah-einzel-einblick .see-card-copy {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .siloah-einzel-einblick * {
    transition: none !important;
  }
}

/* Zwei getrennte Aktionen statt verschachtelter Links. */
.siloah-einzel-einblick .see-card{min-height:310px;}
.siloah-einzel-einblick .see-card>img{position:absolute!important;inset:0!important;min-width:100%;min-height:100%;max-height:none!important;padding:0!important;object-fit:cover!important;}
.siloah-einzel-einblick .see-card-copy h3{display:block;margin:0 0 16px;color:#fff;font:400 clamp(25px,2vw,35px)/1.2 Questrial,Arial,sans-serif;letter-spacing:-.025em;}
.siloah-einzel-einblick .see-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;}
.siloah-einzel-einblick .see-action{appearance:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:48px;margin:0;padding:11px 13px;border:1px solid #ffffffa0;border-radius:8px;background:#002e1c88;box-shadow:none;color:#fff!important;text-decoration:none!important;text-align:left;font:600 12px/1.45 Roboto,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s,border-color .2s;}
.siloah-einzel-einblick .see-action>span{font-size:19px;line-height:1;flex:0 0 auto;}
.siloah-einzel-einblick .see-action--request{background:#fff;border-color:#fff;color:#00471c!important;}
.siloah-einzel-einblick button:focus-visible{outline:3px solid #8cc69a;outline-offset:3px;}
.siloah-einzel-einblick .see-topics summary{min-height:32px;}
@media(hover:hover) and (pointer:fine){.siloah-einzel-einblick .see-action:hover{background:#00471c;border-color:#fff;transform:translateY(-2px);}.siloah-einzel-einblick .see-action--request:hover{background:#dcebd9;color:#00471c!important;}}
@media(max-width:1200px){.siloah-einzel-einblick .see-actions{grid-template-columns:minmax(0,1fr);gap:8px;}.siloah-einzel-einblick .see-card{min-height:345px;}}
@media(max-width:700px){.siloah-einzel-einblick .see-card{aspect-ratio:auto;min-height:330px;}.siloah-einzel-einblick .see-card-copy h3{font-size:28px;}.siloah-einzel-einblick .see-action{font-size:13px;}.siloah-einzel-einblick .see-topics summary{min-height:36px;}}