html {
background-color: #FFF;
height: 100%;
background-image: url(//haraldhomberger-tiat4rhabo.live-website.com/wp-content/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(//haraldhomberger-tiat4rhabo.live-website.com/wp-content/themes/hh-twenty-twenty-four-child/pics/back-harald-homberger-v06.jpg);
background-position: top center;
background-repeat: repeat;
background-size: auto;
}
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;
} 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.wp-block-template-part {
background-image: url(//haraldhomberger-tiat4rhabo.live-website.com/wp-content/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(//haraldhomberger-tiat4rhabo.live-website.com/wp-content/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: 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;
}
.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: 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;
} main,
footer{
max-width: 1200px;
margin: 0 auto;
}
.yoast-breadcrumbs {
padding: 1.5rem 0;
}
.is-layout-constrained > * {
margin-block-start: 1rem;
}
.wp-block-image img {
max-width: none;
}
@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: 1200px) {
.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-left: 10rem !important;
margin-right: 10rem !important;
}
}
.home .yoast-breadcrumbs {
display: none;
}  #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;
}
}