body {
letter-spacing: var(--base-letter-spacing);
-webkit-transition: padding 700ms ease-in-out;
transition: padding 700ms ease-in-out;
}
@media (min-width:1200px) {
body main .site-layout-container>p {
padding-right: 100px;
}
}
body main .site-layout-container .wp-block-separator {
margin-top: 1rem;
margin-bottom: 1rem;
border-bottom: 2px solid var(--base-color-accent);
border-top: 0;
}
body main .site-layout-container ul+.wp-block-separator {
margin-top: -1rem;
}
body main .site-layout-container>.alignwide {
position: relative;
left: 69px;
width: calc(var(--base-layout-width) + 33px);
}
@media (max-width:1024px) {
body main .site-layout-container>.alignwide {
left: 0;
width: 100%;
max-width: 100%;
}
}
body main .site-layout-container>.alignfull {
width: var(--base-max-width);
max-width: 100%;
}
body main .site-layout-container>:not(.alignwide):not(.alignfull) {
position: relative;
left: calc(( var(--base-layout-width) - var(--base-content-width) ) / 2);
}
body main .site-layout-container>:not(.alignwide):not(.alignfull).is-style-offset {
left: calc(( var(--base-layout-width) - var(--base-content-width) ) / 2 - var(--base-space) * 2 - 6px);
}
@media (max-width:1349px) {
body main .site-layout-container>:not(.alignwide):not(.alignfull) {
left: calc(110px - var(--base-offset));
}
body main .site-layout-container>:not(.alignwide):not(.alignfull).is-style-offset {
left: calc(0 - var(--base-offset));
}
}
@media (max-width:999px) {
body main .site-layout-container>:not(.alignwide):not(.alignfull) {
left: 0;
}
body main .site-layout-container>:not(.alignwide):not(.alignfull).is-style-offset {
left: 0;
}
}
@media (max-width:599px) {
body main .site-layout-container>:not(.alignwide):not(.alignfull).is-style-offset {
width: 100%;
}
}
body main .site-layout-container>.wp-block-cover:not([style]) {
min-height: 600px;
}
@media (max-width:999px) {
body main .site-layout-container>.wp-block-cover:not([style]) {
min-height: 60vw;
}
}
@media (max-width:599px) {
body main .site-layout-container>.wp-block-cover:not([style]) {
min-height: 80vw;
}
}
body main .site-layout-container .wp-block-image.alignfull:last-child {
margin-bottom: 0;
}
@media (max-width:781px) {
body main .site-layout-container .wp-block-image.alignfull:last-child img {
object-fit: cover;
min-height: 70vw;
}
}
footer.footer {
font-weight: var(--base-headings-font-weight);
letter-spacing: var(--base-headings-letter-spacing);
}
footer.footer a {
color: inherit;
}
footer.footer .site-layout-container>* {
max-width: 100%;
width: 100%;
}
footer.footer .site-layout-container>* .wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding: var(--base-gap) var(--base-offset);
}
@media (max-width:599px) {
footer.footer .site-layout-container>* .wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
footer.footer .site-layout-container>* .wp-block-group.has-background:not(.alignwide):not(.alignfull)>* {
width: var(--base-layout-width);
max-width: 100%;
margin: 0 auto;
}
:root {
--header-height: 155px;
--header-offset: var(--base-offset);
--header-background: rgba(255, 255, 255, .51);
--header-color: var(--base-color-accent);
--header-color-accent: var(--base-color-text);
}
@media (min-width:1000px) {
body.is-scrolled {
--header-height: 65px;
}
}
@media (max-width:1199px) {
:root {
--header-height: 115px;
}
}
@media (max-width:999px) {
:root {
--header-height: 95px;
}
body.is-header-active-modalmenu {
--header-color: var(--base-color-background);
--header-color-accent: var(--base-color-background);
}
}
.feature-responsive-header {
padding: 0;
}
@media (max-width:999px) {
.feature-responsive-header {
position: absolute;
}
}
.feature-responsive-header .site-layout-container {
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width:1000px) {
body.is-scrolled .feature-responsive-header .site-layout-container {
-ms-flex-align: center;
align-items: center;
}
}
.feature-responsive-header .site-layout-container__inner {
position: relative;
height: calc(var(--header-height) - var(--base-offset));
}
.feature-responsive-header .feature-responsive-header__logo {
padding-left: calc(199px + var(--base-space));
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-transition: padding 700ms ease-in-out;
transition: padding 700ms ease-in-out;
}
@media (min-width:1000px) {
.feature-responsive-header .feature-responsive-header__logo--mobile {
display: none !important;
}
body.is-scrolled .feature-responsive-header .feature-responsive-header__logo {
padding-left: 0;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
@media (max-width:1349px) {
.feature-responsive-header .feature-responsive-header__logo {
padding-left: calc(149px + var(--base-space));
}
}
@media (max-width:1199px) {
.feature-responsive-header .feature-responsive-header__logo {
padding-left: calc(109px + var(--base-space));
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__logo {
padding-left: 115px;
}
.feature-responsive-header .feature-responsive-header__logo+.feature-responsive-header__logo {
display: none;
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__logo figure {
-ms-flex-align: start;
align-items: flex-start;
padding-top: 15px;
}
}
@media (min-width:1000px) {
body.is-scrolled .feature-responsive-header .feature-responsive-header__logo figure {
-ms-flex-align: center;
align-items: center;
height: auto;
}
body.is-scrolled .feature-responsive-header .feature-responsive-header__logo figure a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
.feature-responsive-header .feature-responsive-header__logo figure img {
max-height: initial;
padding: 0;
-webkit-transition: width 200ms ease-in-out;
transition: width 200ms ease-in-out;
}
@media (min-width:1000px) {
.feature-responsive-header .feature-responsive-header__logo figure img {
width: 534px;
}
body.is-scrolled .feature-responsive-header .feature-responsive-header__logo figure img {
width: 300px;
}
}
@media (max-width:1349px) {
.feature-responsive-header .feature-responsive-header__logo figure img {
max-width: 30vw;
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__logo figure img {
width: 170px;
max-width: calc(100vw - 180px);
}
}
.feature-responsive-header .feature-responsive-header__menu {
padding-top: calc(var(--base-offset) + .5em);
font-weight: var(--base-headings-font-weight);
letter-spacing: var(--base-headings-letter-spacing);
font-size: var(--base-font-size-small);
}
@media (max-width:1199px) {
.feature-responsive-header .feature-responsive-header__menu {
padding-top: calc(var(--base-offset) - .3rem);
}
}
@media (min-width:1000px) {
body.is-scrolled .feature-responsive-header .feature-responsive-header__menu {
padding-top: 0;
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__menu {
font-size: var(--base-font-size);
letter-spacing: calc(4 * var(--base-headings-letter-spacing));
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__menu ul.menu>li {
margin-bottom: 2px;
}
}
.feature-responsive-header .feature-responsive-header__menu ul.menu>li>a {
padding: 0;
margin: 0;
font-weight: var(--base-headings-font-weight);
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__menu ul.menu>li>a {
text-transform: uppercase;
font-weight: bold;
}
}
@media (min-width:1000px) {
.feature-responsive-header .feature-responsive-header__menu ul.menu>li a:hover {
color: var(--base-color-accent) !important;
}
.feature-responsive-header .feature-responsive-header__menu ul.menu>li.current-menu-item>a {
color: var(--base-color-text);
}
.feature-responsive-header .feature-responsive-header__menu ul.menu>li:first-child>a {
color: var(--base-color-accent);
}
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu {
position: absolute;
top: calc(var(--header-height) - var(--base-offset));
padding-top: 30vw;
padding-left: 192px;
background: rgba(0, 23, 78, .8);
height: 60vw;
bottom: initial;
right: calc(-1 * var(--base-offset));
left: calc(-1 * var(--base-offset));
width: 100vw;
}
@media (max-width:599px) {
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu {
min-height: 80vw;
}
}
@media (max-width:349px) {
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu {
padding-left: 40vw;
}
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu-inner {
position: relative;
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu-inner:before {
content: "";
position: absolute;
left: -51px;
top: .8em;
border-bottom: 1px solid var(--base-color-background);
width: 31px;
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__menu-trigger {
position: absolute;
left: 0;
top: calc(60vw + var(--header-height) - 50px);
}
body:not(.home) .feature-responsive-header .feature-responsive-header__menu-trigger {
display: none !important;
}
.feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] {
padding: 7px 9px 6px;
background: var(--base-color-accent);
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] {
background: var(--base-color-text);
}
.feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] span {
background: var(--base-color-background);
width: 24px;
height: 3px;
margin: 5px 0;
}
.feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] span:not(:last-child) {
margin-bottom: 5px;
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] span:first-child {
-ms-transform: translateY(.5rem) rotateZ(-45deg);
-webkit-transform: translateY(.5rem) rotateZ(-45deg);
transform: translateY(.5rem) rotateZ(-45deg);
}
body.is-header-active-modalmenu .feature-responsive-header .feature-responsive-header__menu-trigger a[href="#menu"] span:last-child {
-ms-transform: translateY(-.5rem) rotateZ(45deg);
-webkit-transform: translateY(-.5rem) rotateZ(45deg);
transform: translateY(-.5rem) rotateZ(45deg);
}
}
@media (max-width:599px) {
.feature-responsive-header .feature-responsive-header__menu-trigger {
top: calc(80vw + var(--header-height) - 50px);
}
}
.feature-responsive-header .feature-responsive-header__widgets {
position: absolute;
width: 200px;
height: 200px;
top: var(--base-offset);
z-index: 1;
-webkit-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;
}
@media (min-width:1000px) {
body.is-scrolled .feature-responsive-header .feature-responsive-header__widgets {
top: calc(var(--base-offset-vertical) * 1.5);
}
body.is-scrolled.is-near-bottom .feature-responsive-header .feature-responsive-header__widgets {
opacity: 0;
z-index: -99;
}
}
@media (max-width:1349px) {
.feature-responsive-header .feature-responsive-header__widgets {
width: 156px;
height: 156px;
}
}
@media (max-width:1199px) {
.feature-responsive-header .feature-responsive-header__widgets {
width: 124px;
height: 124px;
top: 0;
}
}
@media (max-width:999px) {
.feature-responsive-header .feature-responsive-header__widgets {
width: 95px;
height: 95px;
}
}
body b, body strong {
font-weight: 500;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: normal;
src: local("Montserrat Medium"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-Medium.woff) format("woff");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: normal;
src: local("Montserrat Medium Italic"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-MediumItalic.woff) format("woff");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: local("Montserrat SemiBold"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-SemiBold.woff) format("woff");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 500;
src: local("Montserrat SemiBold Italic"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-SemiBoldItalic.woff) format("woff");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: bold;
src: local("Montserrat ExtraBold"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-ExtraBold.woff) format("woff");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: bold;
src: local("Montserrat ExtraBold Italic"), url(//hno-praxis-scholz.de/wp-content/themes/praxis-scholz/config-webfonts/Montserrat-ExtraBoldItalic.woff) format("woff");
}
.wp-block-group.is-style-box {
width: 700px;
max-width: 100%;
border: 6px solid var(--base-color-accent);
padding: var(--base-space) calc(2 * var(--base-space)) !important;
}
@media (max-width:781px) {
.wp-block-group.is-style-box {
padding: var(--base-space) !important;
}
}
@media (max-width:599px) {
.wp-block-group.is-style-box {
border-width: 4px;
}
}
.wp-block-group.is-style-box>:first-child {
margin-top: 0 !important;
}
.wp-block-group.is-style-box table, .wp-block-group.is-style-box>:last-child {
margin-bottom: 0 !important;
}
@media (min-width:1200px) {
.wp-block-group.is-style-box .wp-block-table {
padding-right: 0;
}
}
@media (max-width:599px) {
.wp-block-group.is-style-box .wp-block-table table {
min-width: initial;
}
}
@media (max-width:999px) {
body:not(.wp-admin) .wp-block-group.is-style-fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
display: none;
opacity: 0;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
body:not(.wp-admin):not(.is-near-bottom).is-scrolled-deep .wp-block-group.is-style-fixed-bottom {
display: block;
opacity: 1;
}
}
.wp-block-group.is-style-fixed-bottom .wp-block-image.alignright.is-resized {
margin: 0;
margin-inline-start: 0;
float: none;
margin-inline-end: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: column;
flex-direction: column;
}
.wp-block-group.is-style-fixed-bottom .wp-block-image.alignright.is-resized img {
width: 65px;
}
@media (max-width:599px) {
.wp-block-group.is-style-fixed-bottom .wp-block-image.alignright.is-resized img {
width: 45px;
}
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: var(--base-headings-letter-spacing);
}
@media (min-width:1200px) {
.site-layout-container>h1, .site-layout-container>h2, .site-layout-container>h3, .site-layout-container>h4, .site-layout-container>h5, .site-layout-container>h6 {
padding-right: 200px;
}
}
h1, h2 {
margin-top: calc(var(--base-offset) + var(--base-space));
}
h3 {
margin-top: var(--base-gap);
margin-bottom: calc(var(--base-gap) / 1.5);
}
.wp-block-separator+h3 {
margin-top: -.5rem;
margin-bottom: -.5rem;
}
h4 {
font-weight: normal;
}
main ul {
list-style: none;
padding-left: 0;
}
main ul li {
position: relative;
padding-left: 1.9em;
}
main ul li:before {
content: "—";
position: absolute;
left: 0;
top: 0;
}
@media (min-width:1200px) {
.wp-block-table {
padding-right: 200px;
}
}
.wp-block-table table th, .wp-block-table table td {
padding: 0 0 var(--base-gap);
border: 0;
vertical-align: top;
}
.wp-block-table table th:first-child, .wp-block-table table td:first-child {
width: 200px;
}
@media (max-width:899px) {
.wp-block-table table th:first-child, .wp-block-table table td:first-child {
width: 150px;
}
}
@media (max-width:599px) {
.wp-block-table table th:first-child, .wp-block-table table td:first-child {
width: 40%;
}
}
.wp-block-table table th em, .wp-block-table table td em {
color: var(--base-color-accent);
font-style: normal;
}
@media (max-width:599px) {
.wp-block-table table th:not(:first-child), .wp-block-table table td:not(:first-child) {
display: table-row;
}
.wp-block-table table th:nth-child(3), .wp-block-table table td:nth-child(3) {
border-bottom: var(--base-gap) solid transparent;
}
}
.wp-block-table table tr:last-child td {
padding-bottom: 0;
}
.feature-everything-accordion {
margin-bottom: var(--base-offset);
}
h2+.feature-everything-accordion {
padding-top: 1.3em;
}
.feature-everything-accordion h2+.feature-everything-accordion {
padding-top: 0;
}
.feature-everything-accordion-arrow {
display: none;
}
.feature-everything-accordion h2 {
cursor: pointer;
position: relative;
padding-right: calc(var(--base-space) * 3);
color: var(--base-color-accent);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
border-bottom: 2px solid var(--base-color-accent);
padding-top: calc(var(--base-space) / 2);
padding-bottom: calc(var(--base-space) / 2.5);
margin-bottom: calc(var(--base-space) / 2);
margin: 0;
line-height: 1.1;
font-size: calc(var(--base-headings-font-size-2) * .76);
}
.feature-everything-accordion .feature-everything-accordion h2 {
border-color: var(--base-color-text);
color: var(--base-color-text);
}
@media (max-width:781px) {
.feature-everything-accordion h2 {
padding-top: calc(var(--base-space) / 3);
margin-bottom: calc(var(--base-space) / 8);
}
}
.feature-everything-accordion h2:first-child {
border-top: 2px solid var(--base-color-accent);
}
@media (max-width:781px) {
.feature-everything-accordion h2:first-child {
padding-top: calc(var(--base-space) / 2);
}
}
.feature-everything-accordion .feature-everything-accordion h2:first-child {
border-top: 0;
}
.feature-everything-accordion h2:after {
content: "+";
color: inherit;
position: absolute;
right: 10px;
left: initial;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 60px;
line-height: 1;
text-align: center;
font-weight: normal;
}
@media (max-width:599px) {
.feature-everything-accordion h2:after {
font-size: 45px;
top: 45%;
}
}
.feature-everything-accordion .feature-everything-accordion h2:after {
color: var(--base-color-text);
}
.feature-everything-accordion h2:hover {
color: var(--base-color-accent);
}
.feature-everything-accordion .feature-everything-accordion h2:hover {
color: var(--base-color-text);
}
.feature-everything-accordion h2.is-active {
color: var(--base-color-accent);
}
.feature-everything-accordion .feature-everything-accordion h2.is-active {
color: var(--base-color-text);
}
.feature-everything-accordion h2.is-active:after {
content: "–";
color: var(--base-color-accent);
top: 45%;
}
.feature-everything-accordion .feature-everything-accordion h2.is-active:after {
color: var(--base-color-text);
}
.feature-everything-accordion .feature-everything-accordion__content {
display: none;
padding: var(--base-gap) 0;
border-bottom: 2px solid var(--base-color-accent);
margin: 0;
}
@media (max-width:781px) {
.feature-everything-accordion .feature-everything-accordion__content {
padding: calc(var(--base-gap) / 2) 0;
}
}
.feature-everything-accordion .feature-everything-accordion__content a {
color: inherit;
}
.feature-everything-accordion .feature-everything-accordion__content>:last-child {
margin-bottom: 0;
}
.feature-everything-accordion .feature-everything-accordion .feature-everything-accordion__content {
border-bottom-color: var(--base-color-text);
}
.feature-everything-accordion .feature-everything-accordion__content.feature-everything-accordion {
padding-bottom: 0;
border-bottom: 0;
}