/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* heebo-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 100;
    src: url("./fonts/heebo-v27-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 200;
    src: url("./fonts/heebo-v27-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/heebo-v27-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/heebo-v27-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 500;
    src: url("./fonts/heebo-v27-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 600;
    src: url("./fonts/heebo-v27-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 700;
    src: url("./fonts/heebo-v27-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 800;
    src: url("./fonts/heebo-v27-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* heebo-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Heebo";
    font-style: normal;
    font-weight: 900;
    src: url("./fonts/heebo-v27-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* VARIABLES */
:root {
    --underline-weight: 92.5%;
    --transition: all 0.3s ease-in-out;
    --white: #fff;
    --black: #000;
    --font-body: "Heebo", system-ui, sans-serif;
    --font-headline: "democratica", "Heebo", system-ui, sans-serif;
}

/* HTML */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

/* BODY */
body {
    position: relative;
    overflow-x: hidden;
}

/* FOCUS */
:focus {
    outline: 2px solid var(--contrast);
}

/* SELECTION */
::selection {
    background-color: var(--contrast);
    color: var(--base);
}

/* STRONG */
b,
strong {
    font-weight: 700;
}

/* LISTS */
ul {
    margin-left: 1em;
}
ol {
    margin-left: 1.5em;
}
.gb-container ul li {
    margin-bottom: 0px;
}
.gb-container ul li::marker {
    color: var(--contrast);
}
.gb-accordion .gb-container p:last-child,
.gb-accordion .gb-container ul:last-child {
    margin-bottom: 0;
}

/* LINKS */
.main-navigation a,
.container p a,
a.serviceContainer .gspb-buttonbox-title,
.top-bar a,
.customFooterContainer a,
.forminator-checkbox-label a,
a.wp-block-navigation-item__content {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(
        180deg,
        transparent var(--underline-weight),
        currentColor 0
    );
    background-size: 0 100%;
    background-position: center;
    font-weight: 600;
    background-repeat: no-repeat;
    transition: var(--transition) !important;
}

.site-footer a,
.main-navigation a {
    --underline-weight: 92.5%;
    display: inline;
    text-decoration: none;
    font-weight: 600;
    background-size: 0 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        180deg,
        transparent var(--underline-weight),
        currentColor 0
    );
    transition: var(--transition) !important;
}
.main-navigation a {
    margin: 0 10px;
}
.container a {
    text-decoration: none;
}
.main-navigation ul li:last-child a {
    margin-right: 0;
}
.main-navigation .sub-menu a {
    display: inline;
}
.main-navigation a:hover,
.main-navigation a:focus,
.container a:hover,
.container a:focus,
.site-footer a:hover,
.site-footer a:focus,
.top-bar a:hover,
.top-bar a:focus,
.customFooterContainer a:hover,
.customFooterContainer a:focus,
.home .current-menu-item.menu-item-object-page > a,
.forminator-checkbox-label a:hover,
.forminator-checkbox-label a:focus,
a.wp-block-navigation-item__content:hover,
a.wp-block-navigation-item__content:focus {
    background-size: 100% 100%;
}
.main-navigation a:hover,
.main-navigation a:focus,
.customFooterContainer .current-menu-item a,
.site-footer a:hover,
.site-footer a:focus {
    background-size: 100% 100% !important;
}

.home .current-menu-item > a,
.current-menu-item > a {
    background-size: 0 100%;
}
.site-logo a,
a.borlabs-cookie-preference,
a.gb-button,
a.button,
.gb-block-image a,
.post-image a,
a.gb-container-link,
a.imagelink,
a.gspb-buttonbox,
.arrowDownContainer a {
    background-image: none;
}
.main-navigation
    .main-nav
    ul
    li[class*="current-menu-"].menu-item-object-page
    > a {
    color: var(--black);
    background-size: 100% 100% !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:focus {
    color: var(--black);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--contrast);
}
.site-logo a {
    display: block;
}
.wp-block-navigation .wp-block-navigation-item{
    display: block !important;
}
a.wp-block-navigation-item__content {
    margin-bottom: 5px;
    display: inline !important;
}
.stickyLast .gb-container .wp-block-navigation li.wp-block-navigation-item.active a {
    background-size: 100% 100% !important;
}

/* SITE HEADER */
.site-header {
    border-bottom: 2px solid var(--green-medium);
}
.inside-header {
    position: relative;
}

/* MOBILE MENU */
.main-navigation button.menu-toggle {
    background-color: transparent !important;
    color: var(--contrast);
    padding: 0px !important;
    line-height: 0;
    border-radius: 100%;
}
.menu-toggle .gp-icon svg {
    top: 0;
    font-size: 22px;
}

/* STICKY NAVIGATION */
div.navigation-branding img {
    height: auto !important;
    width: 150px;
}
div.navigation-branding a {
    background-image: none;
    background-size: 0 0;
    display: block;
    margin: 0;
}
.main-navigation.navigation-stick.has-sticky-branding {
    box-shadow: unset !important;
    border-bottom: 2px solid var(--green-medium);
}
.main-navigation.navigation-stick.has-sticky-branding.is_stuck {
}
.main-navigation.navigation-stick.has-sticky-branding
    .inside-navigation.grid-container {
}

/* MENU BUTTON MOBILE */
li.menuButtonMobile a {
    display: inline-block !important;
    background-image: linear-gradient(
        90deg,
        var(--contrast) 0%,
        var(--accent) 120%
    ) !important;
    color: var(--white) !important;
    padding: 10px 15px !important;
    border: none !important;
    background-size: 100% 100% !important;
    border-radius: 5px !important;
}

/* SLIDEOUT MENU */
.main-navigation.slideout-navigation {
}

/* HERO SECTION */
.alignFirstSelfCenter > *:first-child {
    align-self: center;
}
.backdropFilterBlur {
    backdrop-filter: blur(5px);
}
.heroShapeContainer .gb-shape,
.heroShapeContainer .gb-shape svg {
    height: 100% !important;
}

/* POPUP PANELS */

/* SWIPER BUTTONS */
.swiper-button-next,
.swiper-button-prev {
    transition: var(--transition);
}
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus {
    color: var(--white);
    background-color: var(--contrast);
}

/* HERO ICON CONTAINER */
.heroIconContainer {
    display: none;
}

/* GRID GALLERY */
figure.wp-block-image{
	border-radius: 8px;
	overflow: hidden; 
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	font-size: 14px;
}

/* NEWS */

/* LIGHTBOX */
.gspb_gallery_grid a,
.gspb_gallery_grid img {
    display: block;
}
.gspb_gallery_grid a {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.gspb_gallery_grid a::after {
    content: "" !important;
    background-image: none !important;
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--contrast) !important;
    mask-image: none !important;
    opacity: 0;
    transition: var(--transition);
}
.gspb_gallery_grid a:hover::after,
.gspb_gallery_grid a:focus::after {
    opacity: 0.5;
}
.gspb_gallery_grid a img {
    transition: var(--transition);
}
.gspb_gallery_grid a:hover img,
.gspb_gallery_grid a:focus img {
    transform: scale(1.05);
}

/* ACCORDION */

/* CARDS */

/* ACCORDION */
.gb-accordion__toggle {
    background-size: 105%;
    background-position-x: 5%;
}
.gb-accordion__toggle > span.gb-button-text {
    line-height: 1.2;
}

/* VALUE ALIGN START */
.valueAlignStart {
    align-items: start !important;
}


/* FORMINATOR */
.forminator-ui.forminator-custom-form[data-design="flat"] input.forminator-input,
.forminator-ui.forminator-custom-form[data-design="flat"] textarea.forminator-textarea{
    border-radius: 16px;
    padding: 10px 15px;
}
.forminator-ui.forminator-custom-form[data-design="flat"] textarea.forminator-textarea{
    padding: 15px;
}
.forminator-ui.forminator-custom-form[data-design="flat"] button.forminator-button{
    padding: 10px 25px;
    border-radius: 16px;
    border: 2px solid var(--contrast);
    font-weight: 700 !important;
    box-shadow: none !important;
}
.forminator-ui.forminator-custom-form[data-design="flat"] div.forminator-response-message{
    border-radius: 16px;
    padding: 15px;
}

/* CPT CONTENT */
.fontStyleItalic {
    font-style: italic !important;
}

/* MAPS */
.wpgmp_infowindow.fc-infowindow-default .fc-item-title {
    font-family: var(--font-body) !important;
}
.wpgmp_infowindow .fc-item-content.fc-item-body-text-color,
.wpgmp_infowindow .fc-text.fc-item-body-text-color {
    color: var(--contrast) !important;
    font-weight: 500 !important;
}
.wpgmp_infowindow .fc-text.fc-item-body-text-color {
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.5em !important;
}
.fc-infowindow-default .fc-item-featured_image img,
.fc-infowindow-default .fc-feature-img img {
    margin-top: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
    border-radius: 10px !important;
}
.wpgmp_map_parent {
    margin: 0 !important;
    display: block !important;
}
.wpgmp_map_parent.wpgmp_map_parent,
._brlbs-thumbnail {
    display: block;
    margin: 0;
}
._brlbs-content-blocker {
    text-align: center;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-embed {
    margin: 0 auto;
    vertical-align: middle;
}
.bcac-item a._brlbs-cursor {
    max-width: max-content;
    margin: 0 auto !important;
}
.fc-item-content a {
    font-weight: 600;
}
.wpgmp_map_container .gm-style-iw {
}
.gm-style-iw-c {
}
.gm-style-iw-chr {
}
.wpgmp_iw_content {
}
.fc-main {
}
.fc-item-featured_image {
}
.map_content_container > p:last-child {
}
.wpgmp_infowindow.fc-infowindow-default .fc-item-title {
}
.gm-ui-hover-effect > span {
}
.gm-style .gm-style-iw-tc::after {
}

/* POISON AND DANGER */
.krautPoisonIcon,
.krautDangerIcon{
    position: absolute;
    top: 0;
}
.krautDangerIcon{
    left: 0;
}
.krautPoisonIcon{
    right: 0;
}

/* KRAUT TEMPLATE IMAGES */
.no-featured-image .gb-container.krautTemplateImage{
    background-image: none;
    position: relative;
}
.no-featured-image .gb-container.krautTemplateImage::before{
    content: "Bild folgt";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-family: var(--font-headline);
    text-align: center;
    color: var(--contrast);
    font-weight: 600;
    line-height: 1;
    padding: 30px;
    background-color: var(--white);
    border-radius: 30px;
}

/* BACK TO TOP */
.generate-back-to-top.generate-back-to-top {
    font-size: 36px;
    bottom: 20px;
    right: 20px;
    height: 48px;
    width: 48px;
    line-height: 0;
    box-shadow: transparent;
    text-shadow: transparent;
    background-size: 0 0;
    border-radius: 100%;
    border: 2px solid var(--green-medium);
    transition: background-color 0.33s ease-in-out, color 0.33s ease-in-out,
        bottom 0.33s ease-in-out, border-color 0.33s ease-in-out;
}
.generate-back-to-top.generate-back-to-top:hover,
.generate-back-to-top.generate-back-to-top:focus {
    bottom: 25px;
    border-color: var(--contrast);
}
.generate-back-to-top.generate-back-to-top .gp-icon {
    display: grid;
    place-items: center;
    height: 100%;
}
.generate-back-to-top.generate-back-to-top .gp-icon svg {
    top: 0;
}

/* FOOTER */
.footerNavigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footerNavigation li {
    line-height: 1.5em;
}
.footerNavigation > li:first-child {
    text-transform: none;
}
.copyright-bar {
    width: 100%;
}
.inside-footer-widgets {
    position: relative;
}

/* FOOTER TABLE */
.site-footer .wp-block-table td,
.site-footer .wp-block-table th,
.site-footer .wp-block-table table {
    border: none;
}
.site-footer .wp-block-table td {
    vertical-align: top;
    padding: 2px 0 2px 0;
}
.site-footer .wp-block-table tr td:first-child {
    width: 110px;
}
.site-footer .wp-block-table tr td:last-child {
    width: auto;
}

.wp-block-table th {
    text-align: left;
}

/* MAX CONTENT WITH PADDING */
@media screen and (max-width: 1580px) {
    /* SWIPER BUTTONS */
    .swiper-button-next,
    .swiper-button-prev {
        bottom: -100px !important;
        top: unset !important;
    }
    .swiper-button-prev {
        left: 0px !important;
    }
    .swiper-button-next {
        right: 0px !important;
    }
}

/* MAX CONTENT WIDTH */
@media screen and (max-width: 1440px) {
}

/* MAX DESKTOP 2 */
@media screen and (max-width: 1024px) {
    /* NAVIGATION */
    .main-navigation div.main-nav ul li {
        margin: 10px 0;
    }
    .main-navigation div.main-nav ul li a {
        padding: 0px 0;
        margin: 0 15px;
        display: inline;
        line-height: 1.5em;
    }
    .slideout-navigation .main-nav {
        margin-top: 15px;
    }
    .slideout-overlay button.slideout-exit.slideout-exit {
        margin-top: 0px;
        margin-left: 0px;
        line-height: 1;
        margin-right: 15px;
        top: 15px;
    }
    .slideout-exit .gp-icon svg {
        font-size: 24px;
    }

    div.navigation-branding {
        margin-left: 0;
    }
    div.navigation-branding a {
        margin: 0;
    }
    div.navigation-branding img {
    }

    /* HERO BACKGROUND */
    .heroBackgroundContainer.gb-container::before {
        background-size: 400px;
        background-position: calc(100% + 100px) center;
    }

    /* PARALLAX */
    .gb-container.gb-container {
        background-attachment: unset;
    }

    /* FOOTER */
    .footer-widgets-container {
    }
    .site-footer .footer-widgets-container .inside-footer-widgets {
        flex-wrap: wrap;
    }
    .inside-footer-widgets > div {
        flex: unset;
        width: 50%;
        margin-bottom: 40px;
    }
}

/* MAX DESKTOP */
@media screen and (max-width: 1023px) {
}

/* MAX TABLET */
@media screen and (max-width: 768px) {
    /* STICKY NAVIGATION */
    .navigation-stick {
        padding: 15px 20px;
    }
    div.navigation-branding img {
        padding: 0;
        width: 150px;
    }

    /* HERO BACKGROUND */
    .heroShapeContainer .gb-shape,
    .heroShapeContainer .gb-shape svg {
        height: 600px !important;
    }
    
    .heroShapeContainer.heroShapeContainerMobile .gb-shape,
    .heroShapeContainer.heroShapeContainerMobile .gb-shape svg{
        height: 600px !important;
    }

    /* INSIDE HEADER*/
    .inside-footer-widgets::after {
        left: 0px;
        width: 100%;
    }

    /* MAPS */
    .fc-main {
        flex-direction: column;
        align-items: start;
    }
    .wpgmp_map_container .gm-style-iw {
        max-width: 220px !important;
        padding: 15px !important;
    }

    /* DOWNLOAD BUTTONS */
    .wp-block-file a {
        font-size: 24px;
    }

    /* SWIPER BUTTONS */
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 24px !important;
    }

    /* FOOTER */
    .inside-footer-widgets > div {
        width: 100%;
    }
    .site-footer {
    }
}

/* MAX TABLET */
@media screen and (max-width: 767px) {
    .forminator-ui.forminator-design--material
        .checkbox-privacy
        .forminator-checkbox,
    .forminator-ui.forminator-design--material
        .checkbox-privacy
        .forminator-checkbox__label,
    .forminator-ui.forminator-design--material
        .checkbox-privacy
        .forminator-checkbox__label
        p {
        font-size: 18px !important;
    }
}

/* MAX PHONE */
@media screen and (max-width: 575px) {
    .site-header .header-image {
        width: 150px;
    }
    .gb-container .wp-block-table thead {
        display: none;
    }
    .gb-container .wp-block-table td {
        display: block;
        border: none;
    }
    .gb-container .wp-block-table tr {
        border: 1px solid var(--contrast);
    }
}

/* MIN PHONE */
@media screen and (min-width: 576px) and (max-width: 767px) {
}

/* MIN TABLET */
@media screen and (min-width: 768px) {
    /* FOOTER */
    .footerNavigation {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        text-align: center;
        justify-content: center;
    }
    .footerNavigation li {
        margin-right: 15px;
    }
    .footerNavigation li:first-child {
        margin-right: 15;
    }
    .footerNavigation li:last-child {
        margin-right: 0;
    }
}

/* MIN TABLET HEADER */
@media screen and (min-width: 769px) {
    .main-navigation .main-nav ul li.menu-item a {
        padding: 0 0;
    }
}

/* MIN DESKTOP */
@media screen and (min-width: 1025px) {
    .main-navigation {
    }
    .main-navigation .main-nav ul li.menu-item:last-child a {
    }
    .main-navigation a {
    }
    .stickyLast > .gb-grid-column:last-child {
        position: sticky;
        top: 120px;
        align-self: flex-start;
    }

    /* MENU BUTTON MOBILE */
    li.menuButtonMobile a {
        position: fixed !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        top: 50% !important;
        right: 0 !important;
        transform: translateY(-50%) rotate(-90deg) translateY(90px);
        transform-origin: 50% 50%;
        margin: 0 !important;
        line-height: 1.2 !important;
        padding: 20px 25px !important;
    }

    /* HERO ICON CONTAINER */
    .heroIconContainer {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto !important;
        height: 100%;
    }
    .heroIconContainer figure,
    .heroIconContainer img {
        height: 100%;
        width: auto !important;
    }
}

/* MEDIA QUERY DESKTOP MIN */
@media screen and (min-width: 1024px) and (max-width: 1220px) {
}

/* MIN DESKTOP XL */
@media screen and (min-width: 1280px) {
    .main-navigation a {
        margin: 0 15px;
    }
}

/* MIN CONTENT WIDTH*/
@media screen and (min-width: 1480px) {
    .fullWidthContainer {
        margin-left: calc((100vw - 1480px) / 2);
    }
    .fullWidthContainerFlip {
        margin-right: calc((100vw - 1480px) / 2);
    }
}