/* KONTUR CMS 0.6.0.5 – gezielter UI-Feinschliff */

/* -------------------------------------------------------------------------
   Bildergalerie – kompakte, hochwertige Navigation
   ------------------------------------------------------------------------- */
main .cms-gallery-arrows,
.preview .cms-gallery-arrows{
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  padding:3px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:var(--cms-button-radius,999px) !important;
  background:rgba(7,29,55,.66) !important;
  box-shadow:0 7px 20px rgba(4,18,31,.14) !important;
  backdrop-filter:blur(10px) saturate(130%);
  -webkit-backdrop-filter:blur(10px) saturate(130%);
  overflow:hidden;
}
main .cms-gallery-arrows button,
.preview .cms-gallery-arrows button{
  position:relative !important;
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:max(0px,calc(var(--cms-button-radius,999px) - 4px)) !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease !important;
}
main .cms-gallery-arrows button::before,
.preview .cms-gallery-arrows button::before{
  content:"";
  width:7px;
  height:7px;
  border-top:1.8px solid #fff;
  border-right:1.8px solid #fff;
  opacity:.96;
}
main .cms-gallery-arrows [data-gallery-prev]::before,
.preview .cms-gallery-arrows [data-gallery-prev]::before{
  transform:rotate(-135deg) translate(-1px,-1px);
}
main .cms-gallery-arrows [data-gallery-next]::before,
.preview .cms-gallery-arrows [data-gallery-next]::before{
  transform:rotate(45deg) translate(-1px,1px);
}
main .cms-gallery-arrows button:hover,
main .cms-gallery-arrows button:focus-visible,
.preview .cms-gallery-arrows button:hover,
.preview .cms-gallery-arrows button:focus-visible{
  background:rgba(255,255,255,.14) !important;
  transform:none !important;
  outline:none !important;
}
main .cms-gallery-slide figcaption,
.preview .cms-gallery-slide figcaption{
  border-radius:var(--cms-badge-radius,999px) !important;
}

/* -------------------------------------------------------------------------
   Anfrageformular – Kontaktdaten deutlich kompakter
   ------------------------------------------------------------------------- */
@media (min-width:980px){
  main .request-step[data-step="contact"],
  .preview .request-step[data-step="contact"]{
    padding-top:2px !important;
    padding-bottom:16px !important;
  }
  main .request-step[data-step="contact"] > h3,
  .preview .request-step[data-step="contact"] > h3{
    margin:0 0 12px !important;
  }
  main .request-step[data-step="contact"] .form-grid,
  .preview .request-step[data-step="contact"] .form-grid{
    display:grid !important;
    grid-template-columns:minmax(180px,1.35fr) minmax(180px,1.1fr) minmax(88px,.42fr) minmax(150px,.78fr) !important;
    gap:10px 14px !important;
    align-items:end !important;
  }
  main .request-step[data-step="contact"] .form-grid > label,
  .preview .request-step[data-step="contact"] .form-grid > label{
    margin:0 !important;
    min-width:0 !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
  main .request-step[data-step="contact"] .form-grid > label:nth-child(1),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(1){grid-column:span 2;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(2),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(2){grid-column:span 2;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(3),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(3){grid-column:span 2;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(4),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(4){grid-column:span 1;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(5),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(5){grid-column:span 1;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(6),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(6){grid-column:span 2;}
  main .request-step[data-step="contact"] .form-grid > label:nth-child(7),
  .preview .request-step[data-step="contact"] .form-grid > label:nth-child(7){grid-column:span 2;}
  main .request-step[data-step="contact"] .form-grid input,
  .preview .request-step[data-step="contact"] .form-grid input{
    height:42px !important;
    min-height:42px !important;
    margin-top:5px !important;
    padding:8px 12px !important;
  }
}

/* -------------------------------------------------------------------------
   Über uns / Kapitelübersicht – Radius über Layoutsteuerung
   ------------------------------------------------------------------------- */
main .history-chapters-inner,
.preview .history-chapters-inner{
  border-radius:var(--cms-card-radius,24px) !important;
  overflow:hidden;
}
main .history-chapters nav a,
.preview .history-chapters nav a{
  border-radius:var(--cms-button-radius,999px) !important;
}

/* -------------------------------------------------------------------------
   Neuigkeiten – alte fest kodierte Rundungen neutralisieren
   ------------------------------------------------------------------------- */
main .news-admin-note,
main .news-hero,
main .news-page-hero,
main .news-feature,
.preview .news-admin-note,
.preview .news-hero,
.preview .news-page-hero,
.preview .news-feature{
  border-radius:var(--cms-block-radius,24px) !important;
}
main .news-card,
main .news-item,
main [class*="news-"][class*="card"],
.preview .news-card,
.preview .news-item,
.preview [class*="news-"][class*="card"]{
  border-radius:var(--cms-card-radius,24px) !important;
  overflow:hidden;
}
main .news-card > img,
main .news-item > img,
main [class*="news-"][class*="card"] > img,
.preview .news-card > img,
.preview .news-item > img,
.preview [class*="news-"][class*="card"] > img{
  border-radius:var(--cms-media-radius,24px) var(--cms-media-radius,24px) 0 0 !important;
}