/* Generiert aus integrations/peters-reisen/blog-templates/travel-block/style.scss; nicht direkt bearbeiten. */
/* Gutenberg bridge: existing Peters-Reisen renderer, sized for editorial content. */
.pe-blog-trip-block {
  box-sizing: border-box;
  margin: 2.75rem auto;
  width: 100%;
}

.pe-blog-trip-block .pe-wrap-container > .container {
  box-sizing: border-box;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.pe-blog-trip-block .pe {
  margin: 0;
}

.pe-blog-trip-block--r22 {
  max-width: 740px;
}

.pe-blog-trip-block--r12, .pe-blog-trip-block--r30, .pe-blog-trip-block--r31,
.pe-blog-trip-block--r34, .pe-blog-trip-block--r35, .pe-blog-trip-block--r36,
.pe-blog-trip-block--r40, .pe-blog-dest-block {
  max-width: 1180px;
}

.pe-blog-dest-block--single {
  max-width: 740px;
}

.pe-blog-dest-block--single .pe-gk-list {
  grid-template-columns: minmax(0, 1fr);
}

.pe-blog-prose > .pe-blog-trip-block {
  margin: 3rem 0 3rem 50%;
  max-width: none;
  transform: translateX(-50%);
  width: min(1180px, 100vw - 48px);
}

.pe-blog-prose > .pe-blog-trip-block--r22 {
  width: min(740px, 100vw - 48px);
}

.pe-blog-prose > .pe-blog-dest-block--single {
  width: min(740px, 100vw - 48px);
}

.pe-blog-prose .pe-blog-trip-block p {
  margin: 0;
}

.pe-blog-prose .pe-blog-trip-block ul {
  margin: 0;
  padding: 0;
}

.pe-blog-prose .pe-blog-trip-block li + li {
  margin-top: 0;
}

.pe-blog-prose .pe-blog-trip-block .pe-rk-title {
  margin: 0;
}

.pe-blog-prose .pe-blog-trip-block .pe-rk-info-title,
.pe-blog-prose .pe-blog-trip-block .pe-rk-photo-title {
  font-size: 1.22rem;
  line-height: 1.3;
  margin: 0;
}

.pe-blog-prose .pe-blog-dest-block .pe-y10-facts {
  margin: 1.2rem 0;
}

.pe-blog-trip-block .pe .btn.btn-primary {
  color: #fff;
}

.pe-blog-trip-editor {
  background: #fff;
  border: 1px solid #d5e5e1;
  border-radius: 12px;
  padding: 18px;
}

.pe-blog-trip-editor-top {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(180px, 1fr) minmax(220px, 2fr);
}

.pe-blog-trip-editor .components-placeholder {
  min-height: 100px;
}

@media (max-width: 700px) {
  .pe-blog-trip-block {
    width: calc(100% - 28px);
  }
  .pe-blog-prose > .pe-blog-trip-block {
    width: calc(100vw - 28px);
  }
  .pe-blog-trip-editor-top {
    grid-template-columns: 1fr;
    gap: 0;
  }
}