.header-standort-block { 
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.header-standort-block.background {
  position: relative;
}

.header-standort-block .column-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px;
  box-sizing: border-box;
  background: linear-gradient(45deg, #cdad84 0%, rgba(241,241,230,1) 54%);
}

.header-standort-block p.image-headline {
    display: block;
    position: absolute;
    top: 35px;
    left: 35px;
    z-index: 1;
    font-size: calc(42 / 16 * 1rem);
    line-height: 1.2;
    box-sizing: border-box;
    margin: 0;
}

.header-standort-block .column-head .content > h1 {
  margin-bottom: 20px;
  font-size: calc(42 / 16 * 1rem);
  line-height: 1.2;
  font-family: 'RobotoRegular', sans-serif;
  margin-top: 0;
  max-width: 650px;
}

.header-standort-block .column-head .content > p {
  max-width: 600px;
}

.header-standort-block .column-standorte {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; 
  padding: 60px 120px;
  box-sizing: border-box;
}

.header-standort-block .column-standorte .kontakt p {
  max-width: 100%;
}

.header-standort-block .column-standorte .icon {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 25px;
}

.header-standort-block .column-standorte .icon > img,
.header-standort-block .column-standorte .zeiten .icon > img {
  width: 20px;
  height: 20px;
}

.header-standort-block .column-standorte .icon > p {
  margin: 0;
}

.header-standort-block .column-standorte .kontakt > h1,
.header-standort-block .column-standorte .kontakt > h3 {
  font-size: calc(32 / 16 * 1rem);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 10px;
  max-width: 600px;
  font-family: 'RobotoRegular', sans-serif;
}

.header-standort-block .column-standorte .kontakt > p > em {
  font-size: calc(18 / 16 * 1rem);
  display: block;
  margin-bottom: 35px;
  font-style: normal;
  color: #cdad84;
}

.header-standort-block .zeiten {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; 
  width: 100%;
  margin-top: 4rem;
}

.header-standort-block .zeiten .oeffnungszeiten,
.header-standort-block .zeiten .telefonzeiten {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  cursor: pointer;
}

.header-standort-block .zeiten .telefonzeiten {
  margin-bottom: 0;
}

.header-standort-block .zeiten .oeffnungszeiten .title,
.header-standort-block .zeiten .telefonzeiten .title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-width: 390px;
  border-bottom: 1px solid #BED9E1;
}

.header-standort-block .zeiten .oeffnungszeiten .title > p,
.header-standort-block .zeiten .telefonzeiten .title > p {
  font-size: calc(21 / 16 * 1rem);
  line-height: 1.2;
  margin: 0;
  padding-bottom: 10px;
  box-sizing: border-box;
  font-family: 'RobotoRegular', sans-serif;
}

.header-standort-block .zeiten .oeffnungszeiten .title svg,
.header-standort-block .zeiten .telefonzeiten .title svg {
  width: 20px;
  height: 20px;
  stroke: black;
}

.header-standort-block .zeiten .oeffnungszeiten .items,
.header-standort-block .zeiten .telefonzeiten .items {
  width: 100%;
  padding-top: 1rem;
  box-sizing: border-box;
}

.header-standort-block .zeiten .oeffnungszeiten .items .day-item,
.header-standort-block .zeiten .telefonzeiten .items .day-item {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 10px;
  align-items: center;
}

.header-standort-block .zeiten .oeffnungszeiten .items .day-item > p,
.header-standort-block .zeiten .telefonzeiten .items .day-item > p {
  margin: 0;
  font-family: 'RobotoRegular', sans-serif;
  font-size: calc(16 / 16 * 1rem);
}

.header-standort-block .content a.btn-primary {
  margin-top: 40px;
}

.header-standort-block.background .column-head {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  padding: 0;
}

.header-standort-block.background .column-head > img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-standort-block.background .column-head .content {
  z-index: 2;
  position: relative;
  display: flex;
  gap: 50px;
  background: #463D27;
  width: 100%;
  align-items: self-end;
  flex-direction: column;
}

.header-standort-block.background .column-head .content p,
.header-standort-block.background .column-head .content h1 {
  color: #ffffff;
  margin: 0;
}

.header-standort-block.background .column-head .content p {
  padding: 45px;
  box-sizing: border-box;
  font-size: calc(16 / 16 * 1rem);
  max-width: 100%;
}

.header-standort-block.background .column-head .content a.btn-primary {
  margin: 0;
  font-size: calc(16 / 16 * 1rem);
  background: #000000;
}

.header-standort-block.background .column-head .content a.btn-primary:hover {
  gap: 15px!important;
}

.header-standort-block.background .column-head .overlay {
  background: linear-gradient(45deg, #cdad84 0%, rgba(70, 61, 39, 0.9) 54%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.7;
}

@media only screen and (max-width: 1380px) { 
  .header-standort-block .column-standorte {
    padding: 60px;
  }
  .header-standort-block .zeiten .telefonzeiten {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 870px) { 
  .header-standort-block {
    display: flex;
    flex-direction: column;
  }
  .header-standort-block .zeiten .oeffnungszeiten .title, 
  .header-standort-block .zeiten .telefonzeiten .title {
    max-width: 100%;
  }
  .header-standort-block .zeiten .oeffnungszeiten .items .day-item > p, 
  .header-standort-block .zeiten .telefonzeiten .items .day-item > p {
    font-size: calc(18 / 16 * 1rem);
  }
  .header-standort-block .zeiten .oeffnungszeiten .items .day-item > p.day, 
  .header-standort-block .zeiten .telefonzeiten .items .day-item > p.day {
    font-size: calc(16 / 16 * 1rem);
  }
  .header-standort-block .zeiten .oeffnungszeiten .items .day-item, 
  .header-standort-block .zeiten .telefonzeiten .items .day-item {
    gap: 0px;
    grid-template-columns: 1fr;
  }
  .header-standort-block .zeiten .oeffnungszeiten .title > p, 
  .header-standort-block .zeiten .telefonzeiten .title > p {
    font-size: calc(28 / 16 * 1rem);
  }
  .header-standort-block .column-standorte .kontakt > p {
    font-size: calc(24 / 16 * 1rem);
  }
  .header-standort-block .column-standorte {
    padding: 20px;
  }
  .header-standort-block .zeiten .oeffnungszeiten .items, 
  .header-standort-block .zeiten .telefonzeiten .items {
    gap: 10px;
    display: flex;
    flex-direction: column;
  }
  .header-standort-block .column-head {
    padding: 20px;
  }
  .header-standort-block .column-head .content > h1 {
    font-size: 2rem;
  }
  .header-standort-block.background .column-head .content,
  .header-standort-block.background .column-head > img {
    position: relative;
  }

  .header-standort-block.background .column-head .content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    align-items: flex-start;
  }

  .header-standort-block.background .column-head .content p,
  .header-standort-block.background .column-head {
    padding: 0;
  }
  .header-standort-block.background .column-head {
    flex-direction: column-reverse;
  }
  .header-standort-block p.image-headline {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    font-size: 26px;
    line-height: 1.2;
    padding: 15px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
}

.block-editor-block-list__block .header-standort-block {
  max-width: 100%;
  width: 100%; 
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.block-editor-block-list__block .header-standort-block .zeiten {
  margin-top: 2rem;
}

.block-editor-block-list__block .header-standort-block .zeiten .telefonzeiten {
  margin-bottom: 60px;
}

.block-editor-block-list__block .header-standort-block .column-standorte {
  padding: 30px;
}

.block-editor-block-list__block .btn-primary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: fit-content;
  min-height: 56px;
  font-family: 'RobotoRegular', sans-serif;
  border: none;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  /* transition: all 0.5s linear; */
  margin-top: 40px;
  position: relative;
  font-size: calc(18 / 16 * 1rem);
  background: #463D27;
  color: #ffffff;
  width: fit-content;
  padding: 2px 30px;
  gap: 15px;
} 