@import url(../../../_assets/fonts/roboto_regular_macroman/stylesheet.css);
@import url(../../../_assets/fonts/roboto_bold_macroman/stylesheet.css);
@import url(../../../_assets/fonts/roboto_black_macroman/stylesheet.css);


:root {

--wp--preset--spacing--50: 0 !important;

--padding-desktop: 75px 5vw 0 5vw;

--white: #fff;
--light-gray: #ebebeb;
--medium-gray: #b2b2b2;
--dark-gray: #1a1a1a;
--light-green-0: #d2ebe8;
--light-green: #8ecec6;
--medium-green: #1d9d8d;
--dark-green: #00383a;
--dark-green-2: #002728;
--pink: #cc678b;

--body-font-family: 'robotoregular', sans-serif;
--body-font-size: 22px;
--heading-font-family: 'robotoblack', sans-serif;

}
/*
html {
    background: var(--medium-green);
}
*/
body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    color: var(--dark-gray);
}

header {
   position: fixed;
    width: 100%;
    background-color: var(--light-gray);
    z-index: 1000;
}
header h1 {
    display: none;
}

header nav {
    height: 50px;
}
header .logo {    
    margin-top: -50px;
    height: 50px;
    padding: 0 5vw;
    position: relative;    
}

header nav a {
    font-family: 'robotobold', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.025rem;
    color: var(--dark-green) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 15px 15px;
    text-align: center;
    text-decoration: none !important
}
header nav li:hover a,
header nav li:focus a,
header nav li:active a,
header nav li.current-menu-item a {
    color: var(--white) !important;
    background-color: var(--dark-green);
}
header nav ul.wp-block-navigation__container {
    gap: 0.25vw;
}
header nav ul.wp-block-navigation__container > li > a {
    padding: 0 10px !important;
    height: 60px;
}
header nav ul.wp-block-navigation__container > li:not(.has-child) > a {
    position: relative;
    top: 5px
}
header nav ul.wp-block-navigation__container > li:not(.has-child) > a span {
    position: relative;
    top: -5px
}
header nav li.has-child > a,
header nav li.has-child > a:hover,
header nav li.has-child > a:focus,
header nav li.has-child > a:active,
header nav li.has-child.current-menu-item > a {
    border-radius: 0;
    height: 50px !important;
}
header nav ul button {
    z-index: 1;
    height: 50px !important;
    width: 20px !important;
    margin-left: 0 !important;
}
header nav ul button svg {
    stroke: var(--dark-green) !important;
    width: 15px !important;
    height: 15px !important;
    margin-top: 0.2rem !important;
    margin-left: -0.5rem;    
}
header nav ul li:hover a + button,
header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button {
    background-color: var(--dark-green) !important;
}
header nav ul li:hover a + button svg,
header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button svg {
    stroke: var(--white) !important;

}
header nav ul button svg path {
    stroke-width: 2.5px;
}
header nav li.has-child ul {
    min-width: auto !important;
    border: 0 !important;
    background-color: transparent !important;
    left: 0 !important;
}
header nav li.has-child ul li {
    margin-bottom: 0 !important;
}
header nav li.has-child ul a {
    color: var(--dark-green) !important;
    background-color: var(--light-gray);
    padding: 10px !important;
    height: auto;
    font-size: 1rem;
}
header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a,
header nav li.has-child ul li:hover a,
header nav li.has-child ul li:focus a,
header nav li.has-child ul li:active a {
    color: var(--white) !important;
    background-color: var(--dark-green);
}
header nav li.has-child ul li:not(:last-of-type) a {
    border-radius: 0;
}

header nav button.wp-block-navigation__responsive-container-open {
    right: 0;
    width: 100px;
    display: flex;
    justify-content: center;
    z-index: 1;
}
header nav button.wp-block-navigation__responsive-container-open .mobile-menu-button-bg {
    width: 100%;
    height: 50px;
    background-color: var(--dark-gray);
    border-radius: 15px 0 0 15px;
    opacity: 0.6;
}

header nav button.wp-block-navigation__responsive-container-open svg {
    width: 50px;
    height: 50px;
    fill: var(--white);
    display: inline-block;
    position: absolute;
    right: 20px;
}


h1, h2, h3, h4 {
    font-family: var(--heading-font-family);
    line-height: 1.15;
}
h2 {
    color: var(--medium-green);
    font-size: calc(var(--body-font-size) * 3);
    margin-block-end: 2rem !important;
}
h2.dark-green {
    color: var(--dark-green);
    background-color: transparent
}
h3 {
    color: var(--medium-green);
    font-size: calc(var(--body-font-size) * 2);
    margin-block-end: 2rem !important;
}
strong {
    font-family: 'robotobold', sans-serif;
}

main {
    margin-top: 0 !important;
    padding-bottom: 5vw;
}

article {
    padding: var(--padding-desktop) !important;
}

article ul {
    margin-left: -0.75rem;
}
article ul li::marker {
    color: var(--medium-green);
    font-size: 2rem;
    line-height: 0.75rem;    
}

article .wp-block-group {
    margin-top: 5rem;
}
article .is-layout-flex {
    gap: 2vw 5vw;
}

.wp-block-button {
    margin-top: 1rem !important;
}
.wp-block-button a {
    border-radius: 15px !important;
}
.wp-block-button.pink a {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    background-color: var(--pink) !important;
}

.abgerundet-links {
    border-radius: 15px 0 0 15px !important;
    overflow: hidden;
}
.abgerundet-rechts {
    border-radius: 0 15px 15px 0 !important;
    overflow: hidden;
}

article .entry-content {
    margin-block-start: 0;
}
article .entry-content > .cover {
    margin-bottom: 5vw;
}

article .no-top-margin {
    margin-top: 0 !important;
}

article .no-margin {
    margin-left: -5vw !important;
    margin-right: -5vw !important;
}
article .no-margin .text-links {
    margin-left: 5vw;
    flex-grow: 0.8 !important;
}
article .no-margin .text-rechts {
    margin-right: 5vw;
    flex-grow: 0.8 !important;
}
article .background-colored-block {
    padding: 5vw;
}
article .inner-elements-no-top-margin * {
    margin-top: 0;
}

.dark-green {
    color: var(--white);
    background-color: var(--dark-green);
}

body.first-block-background-colored header {
    background-color: var(--dark-green-2);
    opacity: 1;
}
body.first-block-background-colored article > h2 {
    margin-left: -5vw !important;
    margin-right: -5vw !important;
    margin-block-end: 0em !important;
    padding: 75px 5vw 0 5vw;
    background-color: var(--dark-green);
}
body.first-block-background-colored article .wp-block-group.background-colored-block:first-of-type:has(h2) {
    padding-top: 75px;
}
body.first-block-background-colored article .wp-block-group.background-colored-block:first-of-type:not(:has(h2)) {
    padding-top: 2rem;
}
body.first-block-background-colored article .wp-block-group.background-colored-block:first-of-type + .wp-block-columns {
    margin-top: 5rem;
}

.metaslider.abgerundet-links .flex-viewport {
    border-radius: 15px 0 0 15px !important;
    overflow: hidden;
}
.metaslider.abgerundet-rechts .flex-viewport {
    border-radius: 0 15px 15px 0 !important;
    overflow: hidden;
}
.metaslider .flex-control-nav {
    display: flex;
    gap: 10px;
    margin-top: 10px !important;
    justify-content: center;
}
.metaslider .flex-direction-nav a {
    width: 50px !important;
    height: 50px !important;
    border-radius: 5px;
    display: flex !important;
    align-items: center;
}
.metaslider .flex-direction-nav a.flex-prev {
    left: 20px !important;
}
.metaslider .flex-direction-nav a.flex-next {
    right: 20px !important;
}


#wpfront-scroll-top-container {
    background-color: var(--white) !important;
    padding: 0.5rem 0.25rem !important;
    width: 75px;
    border-radius: 2rem 0px 0px 2rem;
}
#wpfront-scroll-top-container i {
    font-size: 1.75rem;
    color: var(--pink) !important;
}

/****************************************/
body.startseite article,
body.bautischlerei article,
body.first-block-background-colored article {
    padding-top: 0 !important;
}

body.startseite header,
body.bautischlerei header {
    background-color: transparent;
}

body.startseite header .logo,
body.bautischlerei header .logo {
    background-color: var(--dark-gray);
    opacity: 0.75;
}
body.startseite header nav a,
body.ueber-uns header nav a,
body.bautischlerei header nav a,
body.first-block-background-colored header nav a {
    color: var(--white) !important; 
}
body.startseite header nav li:hover a,
body.startseite header nav li:focus a,
body.startseite header nav li:active a,
body.startseite header nav li.current-menu-item a,
body.ueber-uns header nav li:hover a,
body.ueber-uns header nav li:focus a,
body.ueber-uns header nav li:active a,
body.ueber-uns header nav li.current-menu-item a,
body.ueber-uns header nav li.current-menu-item a + button,
body.bautischlerei header nav li:hover a,
body.bautischlerei header nav li:focus a,
body.bautischlerei header nav li:active a,
body.bautischlerei header nav li.current-menu-item a,
body.bautischlerei header nav li.current-menu-item a + button,
body.first-block-background-colored header nav li:hover a,
body.first-block-background-colored header nav li:focus a,
body.first-block-background-colored header nav li:active a,
body.first-block-background-colored header nav li.current-menu-item a {
    background-color: var(--medium-green) !important;
}
body.startseite header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button,
body.ueber-uns header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button,
body.bautischlerei header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button,
body.first-block-background-colored header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a + button {
    background-color: var(--medium-green) !important;
}
body.startseite header nav li.has-child ul a,
body.ueber-uns header nav li.has-child ul a,
body.bautischlerei header nav li.has-child ul a,
body.first-block-background-colored header nav li.has-child ul a,
body.ueber-uns header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a,
body.bautischlerei header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a,
body.first-block-background-colored header nav ul.wp-block-navigation__container li:has(button[aria-expanded="true"]) > a {
    color: var(--white) !important;
    background-color: var(--medium-green);
}
body.startseite header nav li.has-child ul li:hover a,
body.startseite header nav li.has-child ul li:focus a,
body.startseite header nav li.has-child ul li:active a,
body.ueber-uns header nav li.has-child ul li:hover a,
body.ueber-uns header nav li.has-child ul li:focus a,
body.ueber-uns header nav li.has-child ul li:active a,
body.bautischlerei header nav li.has-child ul li:hover a,
body.bautischlerei header nav li.has-child ul li:focus a,
body.bautischlerei header nav li.has-child ul li:active a,
body.first-block-background-colored header nav li.has-child ul li:hover a,
body.first-block-background-colored header nav li.has-child ul li:focus a,
body.first-block-background-colored header nav li.has-child ul li:active a {
    background-color: var(--dark-green) !important;
}
body.startseite header nav ul button svg,
body.ueber-uns header nav ul button svg,
body.bautischlerei header nav ul button svg,
body.first-block-background-colored header nav ul button svg {
    stroke: var(--white) !important;
}
body.startseite .entry-content,
body.ueber-uns .entry-content,
body.bautischlerei .entry-content,
body.first-block-background-colored .entry-content {
    margin-block-start: 0;
}
.cover,
.cover .wp-block-cover__background {
    height: 45vw;
    min-height: auto;
}
body.startseite .cover img,
body.ueber-uns .cover img,
body.bautischlerei .cover img {
    margin-top: -17.5vw;
    width: 100%;
    height: auto;
}
body.startseite .cover .wp-block-cover__inner-container,
body.ueber-uns .cover .wp-block-cover__inner-container,
body.bautischlerei .cover .wp-block-cover__inner-container {
    position: absolute;
    bottom: 27.5%;
    width: 70%;
}
body.startseite .cover .text,
body.ueber-uns .cover .text,
body.bautischlerei .cover .text {
    font-size: 3.5rem !important;
}

/****************************************/
body.startseite article > h2,
body.bautischlerei article > h2,
body.moebeltischlerei article > h2 {
    display: none;
}

/******************** Startseite ********************/
body.startseite article .no-margin.is-layout-flex {
    gap: 2vw 10vw;
}
body.startseite .green-box {
    padding: 3vw;
    border-radius: 1rem;
    text-align: center;
}
body.startseite .green-box,
body.startseite .green-box h2 {
    color: var(--dark-green);
}
body.startseite .green-box.medium-green {
    background-color: var(--medium-green);
}
body.startseite .green-box.light-green {
    background-color: var(--light-green);
}
body.startseite .green-box.light-green-0 {
    background-color: var(--light-green-0);
}

/******************** Über uns *******************/
body.ueber-uns .cover {
    margin-top: 0;
}
body.ueber-uns article .is-layout-flex {
    gap: 2vw 10vw;
}
body.ueber-uns .abgerundet-links figure {
    border-radius: 15px 0 0 15px;
    overflow: hidden;
}
body.ueber-uns .abgerundet-rechts figure {
    border-radius: 0 15px 15px 0;
    overflow: hidden;    
}


/******************** Team ********************/
body.ueber-uns .karte:not(:first-of-type) {
    margin-top: -2.5vw;
}
body.ueber-uns .karte .text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.ueber-uns .karte .text * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.ueber-uns .karte .text h3 {
    font-family: var(--heading-font-family);
    font-size: 2.5rem;
    color: var(--medium-gray);
    margin-top: 0;
    margin-block-end: 0 !important;
}
body.ueber-uns .karte .text img {
    max-height: 150px;
    max-width: 25vw;
    width: auto;
}
body.ueber-uns .karte .text .full-size img {
    max-width: 100%;
}

/******************** Kontakt ********************/
body.kontakt main {
    padding-bottom: 0;
}
div[itemscope] {
    margin-top: 1rem;
}
body.kontakt article .spalten-3 {
    display: flex;
    gap: 5vw;
}
body.kontakt article .spalten-3 img {
    max-width: 10vw;
    min-width: 100px;
    height: auto;
}
body.kontakt .grafik img {
    max-height: 90px;
    width: auto;
    max-width: 20vw;
    min-width: 200px;
}

/******************** Footer ********************/
footer {
    margin-top: 0;
    padding: 15px 5vw;
    background: var(--medium-green);
}
footer a {
    color: var(--white) !important;
    font-size: var(--body-font-size);
    text-underline-offset: 0.3rem;
}

:where(.wp-site-blocks :focus) {
    outline-style: none !important;
}


/***********************************************************************************************************************************************************
********************************************************** Media Queries ***********************************************************************************
************************************************************************************************************************************************************/

/*******************************************************************************/
@media all and (max-width: 1299px) {

:root {
    --body-font-size: 20px;    
}

body.ueber-uns .karte:not(:first-of-type) {
    margin-top: 0;
}

}

/*******************************************************************************/
@media all and (max-width: 979px) {

:root {
    --body-font-size: 18px;    
}

/* Mobil-Navigation anzeigen */
header {
    background-color: transparent !important;
}
header nav {
    justify-content: right !important;
    margin-top: 10px;
}
header .logo {
    background-color: transparent !important;
}
header nav a,
header nav li.has-child ul a {
    color: var(--white) !important;
}
header nav ul button svg {
    stroke: var(--white) !important;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
    display: flex !important;
    justify-content: center;
}
/*Horizontal-Navigation ausblenden */
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

.wp-block-navigation__responsive-container .overlay {
    background-color: var(--dark-gray) !important;
    opacity: 0.75;
    width: 100%;
    height: 100%;
}
.wp-block-navigation__responsive-close {
    position: absolute;
    top: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 20px;
    right: 15px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
    fill: var(--white) !important;
    width: 50px;
    height: 50px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:active {
    background-color: var(--light-gray);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover svg,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus svg,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:active svg {
    fill: var(--dark-gray) !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: transparent !important;
    width: 100vw;
    min-width: 350px;
    left: auto !important;
    right: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    width: 70vw;
    margin-left: auto !important;
}
.wp-block-navigation__responsive-container-content {
    padding-top: 15px !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul {
    width: 100% !important;
    gap: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.items-justified-center {
    align-items: flex-end !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul li.wp-block-navigation-item {
    padding: 5px 0 !important;
    background: var(--dark-green) !important;
    display: block !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul a.wp-block-navigation-item__content {
    padding: 0 10px !important;
    outline-offset: 0 !important;
    justify-content: flex-start !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li:first-of-type {
    border-radius: 15px 0 0 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li:last-of-type {
    border-radius: 0 0 0 15px !important;
}
/* 1. Ebene */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li {
    width: 95% !important;
    display: inline-block !important;
    border-bottom: 1px solid var(--light-gray) !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.current-menu-item,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li:hover,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li:focus,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container li:active {
    background-color: var(--medium-green) !important;
    width: 100% !important;
    border-radius: 15px 0 0 15px !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li > a {
    font-size: 1.5rem;
    height: 50px !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul a,
.wp-block-navigation__responsive-container.is-menu-open li:hover a,
.wp-block-navigation__responsive-container.is-menu-open li:focus a,
.wp-block-navigation__responsive-container.is-menu-open li:active a,
.wp-block-navigation__responsive-container.is-menu-open ul li.current-menu-item a {
    border-radius: 0 !important;
    background-color: transparent !important;
    padding-left: calc(5% + 10px) !important;
}
.wp-block-navigation__responsive-container.is-menu-open button.wp-block-navigation-submenu__toggle {
    display: inline-block !important;
    transform: rotate(-90deg) !important;
    position: absolute;
    right: 15px;
    top: 5px;
    padding: 20px;
    background-color: transparent !important;
    z-index: 99999999;
}
.wp-block-navigation__responsive-container.is-menu-open button.wp-block-navigation-submenu__toggle[aria-expanded="true"] {
    rotate: -90deg;
    right: 10px;
    top: 11px;
    background-color: transparent !important;
}

/* 2. Ebene */
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: var(--medium-green) !important;
    display: none;
    opacity: 0;
    transition: opacity 1s ease, display 1s ease allow-discrete;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul.open {
    opacity: 1;
    display: block;    
}
@starting-style {
  .wp-block-navigation__responsive-container.is-menu-open li.has-child ul.open {
    opacity: 0;
    display: none;
  }
}

.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li {
    background-color: transparent !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child:hover ul,
.wp-block-navigation__responsive-container.is-menu-open li.has-child:focus ul,
.wp-block-navigation__responsive-container.is-menu-open li.has-child:active ul,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item ul {
    border-radius: 0 0 0 7px !important;
    overflow: hidden !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:hover,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:focus,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:active {
    border-radius: 0 !important;
    background-color: var(--dark-green) !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:hover a,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:focus a,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:active a {
    background-color: transparent !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type:hover a,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type:focus a,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type:active a {
    border-radius: 0 0 0 10px !important;
    overflow: hidden !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type a:hover,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.has-child ul li:last-of-type a:active {
    border-radius: 0 0 0 10px !important;
    overflow: hidden !important;
}


h2 {
    font-size: calc(var(--body-font-size) * 2.5);
}
h3 {
    font-size: calc(var(--body-font-size) * 1.75);
}

article .stack-on-tablet-portrait {
    flex-direction: column !important;
}
article .stack-on-tablet-portrait .wp-block-column:not([class*="text-"]) {
    order: 2;
    margin-top: 5vw;
}

article .stack-on-tablet-portrait .text-rechts,
article .stack-on-tablet-portrait .text-links {
    margin-left: 5vw;
    margin-right: 5vw;
}

.abgerundet-links,
.abgerundet-rechts,
.metaslider.abgerundet-links .flex-viewport,
.metaslider.abgerundet-rechts .flex-viewport {
    border-radius: 0 !important;
}

body.ueber-uns .karte:not(:first-of-type) {
    margin-top: 5vw;
}

body.kontakt article .spalten-3 {
    flex-flow: wrap !important;
}
body.kontakt article .spalten-3 > .wp-block-column {
    width: 45%;
    flex-basis: inherit;
    flex-grow: inherit;
}

body.bautischlerei .cover .text {
    font-size: 3rem !important;
}

}

/*******************************************************************************/
@media all and (max-width: 850px) {

body.startseite .cover .text,
body.ueber-uns .cover .text,
body.bautischlerei .cover .text {
    font-size: 2.5rem !important;
}

}

/*******************************************************************************/
@media all and (max-width: 781px) {

article .no-margin .text-links,
article .no-margin .text-rechts {
    margin-left: 5vw;
    margin-right: 5vw;
}

.abgerundet-links,
.abgerundet-rechts {
    border-radius: 0 !important;
}

body.ueber-uns .abgerundet-links figure,
body.ueber-uns .abgerundet-rechts figure {
    border-radius: 0;    
}
body.ueber-uns .karte:not(:first-of-type) {
    margin-top: 12.5vw;
}
body.ueber-uns .karte:nth-child(2n+1) {
    flex-direction: column-reverse;
}
body.ueber-uns .text img {
    max-width: 50vw;
    max-height: 125px;
}
body.ueber-uns .karte:not(:last-of-type) {
    border-bottom: 2px solid var(--medium-gray);
    padding-bottom: 12.5vw;
}
body.kontakt article .wegbeschreibung img {
    padding: 5vw 0;
}

}

/*******************************************************************************/
@media all and (max-width: 699px) {

body.bautischlerei .cover .text {
    font-size: 2rem !important;
}

}

/*******************************************************************************/
@media all and (max-width: 599px) {

h2 {
    font-size: calc(var(--body-font-size) * 2.25);
}
h3 {
    font-size: calc(var(--body-font-size) * 1.5);
}

header nav {
    z-index: 2000;
}

.cover,
.cover .wp-block-cover__background {
    height: 100vw;
}
body.startseite .cover img,
body.ueber-uns .cover img,
body.bautischlerei .cover img {
    margin-top: 0;
    width: auto;
    height: 100vw;
}

body.startseite .cover .text,
body.ueber-uns .cover .text {
    font-size: 2.5rem !important;
}

#wpfront-scroll-top-container i {
    font-size: 1.25rem;
}

}

/*******************************************************************************/
@media all and (max-width: 449px) {

body.startseite .cover .text,
body.ueber-uns .cover .text,
body.bautischlerei .cover .text {
    font-size: 2rem !important;
}

}

/*******************************************************************************/
@media all and (max-width: 399px) {

h2 {
    font-size: calc(var(--body-font-size) * 1.9);
}
h3 {
    font-size: calc(var(--body-font-size) * 1.4);
}

body.startseite .cover .text,
body.ueber-uns .cover .text,
body.bautischlerei .cover .text {
    font-size: 1.75rem !important;
}

body.ueber-uns .text img {
    max-width: 100%;
    max-height: 100px;
}

}

/*******************************************************************************/
@media all and (max-width: 299px) {

body.startseite .cover .text,
body.ueber-uns .cover .text,
body.bautischlerei .cover .text {
    font-size: 1.5rem !important;
}

}