/**
 * Theme Name:     HH Twenty Twenty-Four Child
 * Author:         iomorph
 * Template:       twentytwentyfour
 * Text Domain:	   hh-twenty-twenty-four-child
 * Description:    Harald Homberger Twenty Twenty-Four / WordPress 6.4.
 */

html {
  background-color: #FFF;
  height: 100%;
  background-image: url("../../themes/hh-twenty-twenty-four-child/pics/back-harald-homberger-v06.jpg");
  background-position: top center;
  background-repeat: repeat;
  background-size: auto;
}

body {
  background-image: url("../../themes/hh-twenty-twenty-four-child/pics/back-harald-homberger-v06.jpg");
  background-position: top center;
  background-repeat: repeat;
  background-size: auto;
}
a:where(:not(.wp-element-button)) {
  font-size: 13.5px;
}
:root :where(body) {
  font-size: 13.25px;
}

body .wp-site-blocks,
body .wp-site-blocks a,
body .wp-site-blocks .yoast-breadcrumbs a,
body .wp-site-blocks .yoast-breadcrumbs a:hover {
  color: #375768 !important;
}
body .wp-site-blocks a:hover,
body .wp-site-blocks a:focus {
  color: #B23888 !important;
}
body .wp-site-blocks .subnavi {
  margin-top: -.75rem;
  color: #d1d9e0;
}
body .wp-site-blocks .subnavi a {
  text-decoration: underline;
}

h1, h2,
h2.wp-block-heading,
body .wp-site-blocks .subnavi a,
body .wp-site-blocks a,
body .wp-site-blocks .yoast-breadcrumbs,
body .wp-site-blocks .yoast-breadcrumbs a,
#footer p.hh-copyright {
  color: #B3C3CE !important;
}

/* Fonts */
body .wp-site-blocks .subnavi,
body .wp-site-blocks .subnavi a,
body .wp-site-blocks .yoast-breadcrumbs strong,
body .wp-site-blocks .yoast-breadcrumbs,
body .wp-site-blocks .yoast-breadcrumbs a,
body .wp-block-navigation__submenu-container,
#footer p.hh-copyright {
  font-size: .88em !important;
}
body .wp-block-navigation__submenu-container {
  font-size: .75em !important;
}
body h1, body h2,
body h2.wp-block-heading {
  text-transform: uppercase;
  font-size: 1rem;
}
body h3 {
  font-weight: 500;
  font-size: 1em !important;
}
body .wp-site-blocks .yoast-breadcrumbs strong {
  font-weight: normal;
}

a:where(:not(.wp-element-button)) {
  text-decoration: underline;
}

/* header */
header .has-base-background-color {
  background-color: transparent !important;
}
header.wp-block-template-part {
  background-image: url('../../themes/hh-twenty-twenty-four-child/pics/kopfbild-harald-homberger-v05_73_s.png');
  background-position: 1rem .5rem;
  background-repeat: no-repeat;
  background-size: auto 100px;
  margin-bottom: 1.75rem;
}
header .wp-block-group {
  min-height: auto !important;
}
header.wp-block-template-part .hh-headlogo a {
  display: block;
  height: 110px;
  max-width: 100%;
  color: transparent !important;
}
@media (max-width: 599px) {
  header.wp-block-template-part {
    height: 100px;
    border-bottom: solid 1px #B3C3CE;
  }
}
@media (min-width: 600px) {
  header.wp-block-template-part {
    background-image: url('../../themes/hh-twenty-twenty-four-child/pics/kopfbild-harald-homberger-v05_73.png');
    background-position: -188px -50%;
    background-size: auto 150px;
  }
  header.wp-block-template-part .hh-headlogo a {
    height: 66px;
    width: 133px;
  }
}
@media (min-width: 768px) {
  header.wp-block-template-part {
    background-position: -60px -50%;
    background-size: auto 150px;
    margin-bottom: 22px;
  }
  header.wp-block-template-part .hh-headlogo a {
    height: 88px;
  }
}
@media (min-width: 992px) {
  header.wp-block-template-part {
    background-position: top center;
    background-size: auto;
  }
  header.wp-block-template-part .hh-headlogo a {
    display: block;
    height: 186px;
    width: 320px;
    max-width: 100%;
    color: transparent;
  }
}

.hh-headlogo {
  z-index: 1;
}
.wp-block-navigation__responsive-container-open {
  z-index: 999;
}
@media (max-width: 991px) {
  header .wp-block-navigation.items-justified-right {
    margin-right: 1rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 599px) {
  .wp-block-navigation.items-justified-right .wp-block-navigation__container .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    border-right: solid 1px #B23888;
    margin-top: .75rem;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .wp-block-navigation {
    max-width: 672px;
  }
  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container {
    padding: 0;
  }
}
@media (max-width: 599px) {
  header.wp-block-template-part .hh-headlogo a {
    margin-top: -4.5rem;
  }
  header .wp-block-group {
    display: block;
  }
  .wp-block-navigation__responsive-container-open {
    position: absolute;
    top: -3rem;
  }
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    color: #567;
  }
  .wp-block-navigation__responsive-container-open:focus,
  .wp-block-navigation__responsive-container-close:focus {
    outline: none;
  }
  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-open svg {
    width: 36px;
    height: 36px;
  }
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  font-weight: normal;
  color: #567 !important;
}
header.wp-block-template-part .wp-block-navigation-item__content {
  text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content.current-menu-ancestor,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content {
  color: #B23888 !important;
}

header.wp-block-template-part .wp-block-navigation-item__content:active,
header.wp-block-template-part .wp-block-navigation-item__content:focus {
  outline: none;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover {
  color: #B23888 !important;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__submenu-container {
  padding-top: .5rem;
  border: none;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
  padding: .25rem 1em;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
  left: -.88rem;
  right: auto;
}
@media (max-width: 767px){
  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    left: 0rem;
  }
  .wp-block-navigation.items-justified-right .wp-block-navigation__submenu-container {
    padding-top: 0;
  }
  .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
    padding: .25rem 0;
    line-height: 1.25;
  }
}

div.wpforms-container-full input[type="submit"],
div.wpforms-container-full button[type="submit"],
div.wpforms-container-full .wpforms-page-button,
.wp-core-ui div.wpforms-container-full input[type="submit"],
.wp-core-ui div.wpforms-container-full button[type="submit"] {
  background-color: #C577AA !important;
}
div.wpforms-container-full input[type="submit"]:hover,
div.wpforms-container-full button[type="submit"]:hover,
div.wpforms-container-full .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container-full input[type="submit"]:hover,
.wp-core-ui div.wpforms-container-full button[type="submit"]:hover {
  background-color: #B23888 !important;
}

/* Breiten */
main,
footer{
  max-width: 1200px;
  margin: 0 auto;
}
.yoast-breadcrumbs {
  padding: 1.5rem 0;
}

.is-layout-constrained > * {
  margin-block-start: 1rem;
}

@media (max-width: 560px) {
  .is-layout-constrained > .wp-block-image {
    float: none;
    margin-inline-start: 0;
  }
}
@media (max-width: 600px) {
  .wp-block-media-text.logoimage {
    display: flex;
  }
  .wp-block-media-text.logoimage > .wp-block-media-text__media img.size-full {
    width: 100px;
  }
}
@media (min-width: 768px) {
  .wp-block-group-is-layout-flex .wp-block-image.size-full {
    margin-right: 1rem;
  }
}
@media (min-width: 992px) {
  .wp-block-image.alignright {
    margin-bottom: 1.5rem;
  }
  .wp-block-image.alignright {
    margin-right: 10rem;
  }
  .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-inline-start: 10rem !important;
    margin-inline-end: 10rem !important;
  }
}

.home .yoast-breadcrumbs {
  display: none;
}

@media (min-width: 600px) {
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    box-shadow: 10px 5px 5px #B3C3CE;
    box-shadow: rgba(179, 195, 206, 0.33)  0px 10px 20px -10px;
  }
}

/* Footer */
#footer .wp-block-navigation__container {
  border-top: solid 1px #B3C3CE;
  padding-top: .75rem;
}
#footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #B3C3CE !important;
}
@media (max-width: 599px) {
  #footer .wp-block-navigation__container {
    display: block;
  }
  #footer .wp-block-navigation__container li {
    margin-bottom: .5rem;
  }
}