@charset "UTF-8";
/*
Theme Name: hdrkh
Theme URI: https://heidrunkohlhaas.de/
Author: 2elemente.de
Author URI: https://2elemente.de/
Description: 2elemente based on Frost
Requires at least: 6.5
Tested up to: 6.5.2
Requires PHP: 8.3
Version: 2.0.1
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type=button],
input[type=submit],
textarea:focus,
.wp-element-button {
  transition: all 0.2s ease-in-out;
}

main p,
main ul,
main h2, main h3, main h4,
main ol {
  margin-block-start: 30px !important;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
  text-decoration-thickness: 1px;
}

b,
strong,
th {
  font-weight: 600;
}

mark {
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--regular);
  padding: 5px 8px;
}

.site-header {
  position: sticky;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 55;
  padding: 10px 0;
  margin-top: 20px;
  transition: all 2s ease;
}
.site-header .logo img {
  width: 288px;
  transition: width 1s ease;
}
.site-header.scroll {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.site-header.scroll .logo img {
  width: 160px;
}
@media only screen and (max-width: 782px) {
  .site-header {
    margin-top: 10px;
  }
  .site-header .wp-block-group .wp-block-group {
    flex-wrap: nowrap;
  }
  .site-header .logo img {
    width: 188px;
  }
}

.nav-icon1 a,
.nav-icon2 a,
.nav-icon3 a,
.nav-icon4 a {
  padding: 0 24px 0 0;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right center;
}

.nav-icon1 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 157.29'%3E%3Cpath d='M13.95 146.29c-.71-.46-3.52-.43-2.77-1.39q0 0 0 0c12.97-4.75 15.45-20.5 24.35-28.89 2.52-3.17 10.44-2.06 11.62-5.68 4.39-11.58 8.8-22.35 14.11-33.43.27-.21.35-.51.4-.83.52-.59.88-1.28 1.1-2.04h0c9.16-17.36 19.7-33.85 32.23-48.83.83-.84 1.59-1.74 2.26-2.72 21.35-25.99 13.44-3.09 6.02 12.51-1.89 3.85-3.71 7.85-5.55 11.75-1.04 1.63-1.89 3.49-2.75 5.22-1.01 1.67-2.02 3.46-2.82 5.22-5.3 8.8-10.87 17.5-16.64 25.95-7.68 10.57-14.73 20.66-23.54 30.33-1.14 3.97 1.97 8.29-1.3 14.97-6.02 12.32-22.96 21.36-36.72 17.86M54.79 93.1' style='fill:none;stroke:%23676767;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3Cpath d='M42.71 137.92c-7.76 8.37-18.9 10.58-30.03 8.03l.47-1.73c4.81-3.15 8.79-5.82 11.28-11.1 0 0 .8-2.75 2.13-3.46s6.31-1.34 10.21 1.86' style='fill:%23676767'/%3E%3C/svg%3E");
}

.nav-icon2 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 136.48'%3E%3Cpath d='M13.73 122.04c-.51-.68-3.16-1.61-2.13-2.26q0 0 0 0c13.82-.01 21.55-13.96 32.78-18.79 3.46-2.12 10.52 1.65 12.87-1.35 8.1-9.37 15.93-17.98 24.72-26.57.33-.1.5-.36.66-.64.69-.38 1.26-.9 1.74-1.54h0c14.55-13.17 30.11-25.05 47.02-34.82 1.07-.51 2.09-1.1 3.06-1.78 28.97-17.09 13.68 1.7 1.37 13.82-3.1 2.96-6.18 6.1-9.25 9.13-1.54 1.18-2.98 2.63-4.37 3.97-1.53 1.23-3.08 2.56-4.44 3.94-8 6.45-16.21 12.71-24.53 18.67-10.84 7.3-20.92 14.35-32.51 20.42-2.43 3.34-1 8.46-6.36 13.62-9.88 9.51-28.89 12.19-40.62 4.18Zm56.6-35.96' style='fill:none;stroke:%23676767;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3Cpath d='M43.61 124.04c-10.16 5.2-21.39 3.45-30.96-2.75l1.03-1.47c5.6-1.31 10.25-2.45 14.4-6.56 0 0 1.69-2.31 3.19-2.52 1.49-.21 6.39.9 8.95 5.25' style='fill:%23676767'/%3E%3C/svg%3E");
}

.nav-icon3 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 179.09'%3E%3Cpath d='M15.8 168.94c-.83-.2-3.47.74-3.08-.41q0 0 0 0c10.71-8.73 7.9-24.43 13.57-35.26 1.35-3.82 9.2-5.36 9.13-9.17.37-12.38 1.01-24 2.41-36.21.19-.28.16-.6.11-.92.3-.73.41-1.49.38-2.29h0C41.3 65.29 45.87 46.25 52.82 28c.51-1.07.93-2.17 1.25-3.31 11.68-31.54 11.69-7.32 9.78 9.86-.53 4.25-.94 8.63-1.41 12.92-.45 1.88-.65 3.92-.89 5.83-.41 1.91-.78 3.93-.96 5.85a531 531 0 0 1-7.25 29.96c-3.8 12.5-7.17 24.34-12.33 36.36.22 4.13 4.57 7.19 3.66 14.58-1.67 13.62-14.72 27.69-28.87 28.88Zm21.22-63.61' style='fill:none;stroke:%23676767;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3Cpath d='M40.24 151.63c-4.6 10.44-14.41 16.18-25.76 17.41l-.13-1.79c3.52-4.55 6.41-8.37 7.03-14.17 0 0-.14-2.86.88-3.97 1.02-1.1 5.53-3.33 10.26-1.57' style='fill:%23676767'/%3E%3C/svg%3E");
}

.nav-icon4 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 170.17'%3E%3Cpath d='M13.87 132.45c-.66-.54-3.45-.83-2.6-1.7q0 0 0 0c13.43-3.25 17.68-18.62 27.47-25.94 2.87-2.87 10.61-.86 12.19-4.33 5.68-11 11.28-21.21 17.81-31.61.29-.17.4-.47.49-.78.59-.53 1.02-1.17 1.33-1.9h0c11.07-16.21 23.41-31.4 37.56-44.85.92-.74 1.77-1.55 2.56-2.45 24.16-23.39 13.7-1.55 4.56 13.11-2.32 3.61-4.58 7.38-6.85 11.04-1.22 1.5-2.28 3.26-3.32 4.88-1.2 1.55-2.4 3.21-3.39 4.87A541 541 0 0 1 82.2 76.68c-8.83 9.63-16.98 18.85-26.83 27.46-1.58 3.82 1.01 8.46-2.99 14.73-7.38 11.56-25.24 18.61-38.51 13.57Zm46.62-48.2' style='fill:none;stroke:%23676767;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3Cpath d='M43.39 127.4c-8.66 7.43-19.98 8.36-30.75 4.57l.66-1.67c5.14-2.58 9.39-4.78 12.46-9.75 0 0 1.11-2.64 2.51-3.2 1.4-.55 6.43-.62 9.93 3.01' style='fill:%23676767'/%3E%3C/svg%3E");
}

.logo {
  display: flex;
  text-decoration: none;
}

.entry-header {
  margin: 0 auto;
}
.entry-header h1 {
  max-width: var(--wp--style--global--wide-size);
  margin: 0 auto !important;
}

.site-footer {
  margin: 60px 0 0 0;
  font-family: var(--wp--preset--font-family--secondary);
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover, .site-footer a:focus {
  color: #000;
}
@media only screen and (max-width: 782px) {
  .site-footer {
    margin: 30px 0 0 0;
  }
}

.icon-insta a,
.icon-contact a {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding: 0 25px 0 0;
}

.icon-contact a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 140 125'%3E%3Cpath d='M129.47 49.44c0-1.35-.52-2.16-1.63-2.83-10.38-6.21-20.76-12.44-31.13-18.69-8.12-4.9-16.2-9.84-24.32-14.72-1.54-.92-3.23-.92-4.77 0-4.8 2.87-9.55 5.83-14.34 8.71-13.7 8.24-27.42 16.46-41.14 24.67-1.13.68-1.68 1.52-1.6 2.85.06 1.2.01 2.42.01 3.63v53.64c0 1.9.26 3.81 2.07 4.8 1.11.61 2.52.96 3.79.96 17.84.06 35.68.04 53.52.04h53.64c4 0 5.88-1.85 5.88-5.79 0-19.09-.01-38.18.02-57.27zm-6.16 60.12c-35.61 0-71.22 0-107.17-.01.51-.4.79-.65 1.1-.86 16.91-11.21 33.82-22.42 50.72-33.65 1.48-.98 2.79-.98 4.26 0 16.76 11.21 33.53 22.4 50.3 33.6.3.2.59.44.88.66-.03.09-.06.17-.09.26zm3.15-1.96c-.48-.27-.91-.48-1.3-.74-17.01-11.3-34.03-22.57-51-33.93-2.78-1.86-5.24-1.96-8.15-.01-16.97 11.35-34.02 22.59-51.05 33.86-.41.27-.83.52-1.43.89v-56c.77.45 1.37.8 1.97 1.16 11.93 7.13 23.87 14.27 35.8 21.4.29.17.6.49.87.46.6-.07 1.42-.17 1.68-.56.25-.39.03-1.2-.19-1.74-.13-.32-.66-.48-1.02-.69-12.37-7.36-24.75-14.73-37.12-22.1-.39-.23-.77-.49-1.33-.85.5-.34.88-.63 1.28-.87 17.18-10.31 34.37-20.62 51.55-30.96 3.64-2.18 2.3-2.2 5.97.01 17.07 10.26 34.14 20.51 51.21 30.77.49.3.97.61 1.62 1.02-1.21.73-2.23 1.36-3.26 1.97-11.77 7.01-23.53 14.01-35.3 21.02-.18.11-.37.21-.54.32-.8.52-1.23 1.23-.65 2.1.54.81 1.27.89 2.16.35 4.32-2.61 8.66-5.19 13-7.78 7.92-4.73 15.85-9.46 23.77-14.19.42-.25.85-.48 1.46-.83z' style='fill:%23676767;stroke:%23676767;stroke-width:2;stroke-miterlimit:10'/%3E%3C/svg%3E");
}

.icon-insta a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Ebene_1' x='0' y='0' viewBox='0 0 125 126.57'%3E%3Cstyle%3E .st2%7Bfill:none;stroke:%23676767;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10%7D %3C/style%3E%3Cpath d='M82.88 111.79H41.6c-15.39 0-27.86-12.47-27.86-27.86V42.65c0-15.39 12.47-27.86 27.86-27.86h41.28c15.39 0 27.86 12.47 27.86 27.86v41.28c0 15.38-12.48 27.86-27.86 27.86z' class='st2'/%3E%3Ccircle cx='62.24' cy='63.29' r='24.65' class='st2'/%3E%3Ccircle cx='90.89' cy='34.85' r='6.19' style='fill:%23676767'/%3E%3C/svg%3E");
}

.footer-copy {
  color: #666;
  font-family: var(--wp--preset--font-family--secondary);
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #F2F5F7;
}

/* -- Navigation -- */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  border: 1px solid currentColor;
  padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
  color: var(--wp--preset--color--base);
}

/* -- Navigation Submenu -- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--contrast);
  border: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
  padding: 2px 10px;
}

.wp-block-navigation__responsive-container-content li.current-menu-item > a {
  color: var(--wp--preset--color--primary) !important;
}

/* Utility
---------------------------------------- */
/* -- Box Shadow -- */
.is-style-shadow-light {
  box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
  box-shadow: var(--wp--preset--shadow--solid);
}

/* Media Queries
---------------------------------------- */
@media only screen and (max-width: 600px) {
  /* -- Utility -- */
  .is-style-hidden-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 782px) {
  /* -- Columns -- */
  .is-style-columns-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1400px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}
/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
.wp-block-navigation__responsive-container.is-menu-open {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.wp-block-navigation__responsive-container.is-menu-open .nav-icon1 a,
.wp-block-navigation__responsive-container.is-menu-open .nav-icon2 a,
.wp-block-navigation__responsive-container.is-menu-open .nav-icon3 a,
.wp-block-navigation__responsive-container.is-menu-open .nav-icon4 a {
  padding: 0 32px 0 0 !important;
  background-size: 22px 22px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  padding: 15px 0;
  border-bottom: 1px solid transparent;
  transition: opacity 0.3s ease, padding-left 0.3s ease;
}

/* Hover-Effekt */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
  padding-left: 10px;
  opacity: 0.8;
}

/* --- Submenüs (Dropdowns) --- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu {
  margin-left: 20px;
  border-left: 1px solid currentColor;
  padding-left: 20px;
  opacity: 0.9;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation-item__content {
  font-size: clamp(1.1rem, 3vw, 1.5rem);
  font-weight: 400;
  padding: 10px 0;
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
  border: 0;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  animation: slideInUp 0.4s ease-out forwards;
}

@media only screen and (max-width: 600px) {
  /* -- Utility -- */
  .is-style-hidden-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 782px) {
  /* -- Columns -- */
  .is-style-columns-reverse {
    flex-direction: column-reverse;
  }
  .has-global-padding {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  main :root :where(.is-layout-constrained) > *,
  main :root :where(.is-layout-flow) > * {
    margin-block-start: 20px !important;
  }
  main .wp-block-columns {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  main .entry-header {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  :root :where(.is-layout-flex) {
    gap: 30px !important;
  }
  .wp-block-post-content {
    margin-block-start: 0 !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}

.wp-block-button.outline-white a {
  border-color: #fff !important;
}
.wp-block-button.is-style-outline.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-base-color:hover {
  background-color: var(--wp--preset--color--dark) !important;
  color: #fff !important;
}
.wp-block-button .wp-block-button__link:hover {
  background-color: #fff !important;
  color: var(--wp--preset--color--dark) !important;
  border: 1px solid var(--wp--preset--color--dark) !important;
}
.wp-block-button .wp-block-button__link.has-dark-background-color:hover {
  background-color: #fff !important;
  color: var(--wp--preset--color--dark) !important;
}

input,
select,
textarea {
  background-color: var(--wp--preset--color--base);
  border: 3px dotted #a8a8a8;
  border-radius: 0;
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--wp--custom--font-weight--light);
  line-height: var(--wp--custom--line-height--body);
  padding: 10px 20px;
  width: 100%;
  font-weight: 600;
}

input:focus,
textarea:focus {
  background-color: var(--wp--preset--color--neutral);
  outline: none;
}

input[type=checkbox],
input[type=image],
input[type=radio] {
  width: auto;
}

input[type=button],
input[type=email],
input[type=search],
input[type=submit],
input[type=text],
textarea {
  -webkit-appearance: none;
}

.captcha-image {
  border: 3px dotted #a8a8a8;
}

.wpcf7-form.sent .form-wrapper {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-style: dotted;
}

.form-wrapper .small {
  opacity: 0.8;
  font-size: 0.875rem;
}

::placeholder {
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.5;
}

.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap::after {
  content: "↑";
  position: absolute;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: currentColor;
}

/*# sourceMappingURL=style.css.map */