@charset "UTF-8";

.hide-on-mobile,
.sidebar-left {
    display: none;
}

.skip-link, .screen-reader-text {
    display: none !important;
}

/* HEADER */

header.wp-block-template-part {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1499; /* VP Fancybox: 1500 */
}

/* NAV */

#bellows-main-2 {
    width: 202px !important;
    margin-top: 0px !important;
}
.bellows .bellows-nav .bellows-target {
    padding: 1em 1em 1em 0 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid var(--wp--preset--color--custom-text) !important;
}
.bellows .bellows-nav .rondo-red .bellows-target, 
.bellows .bellows-nav .bellows-submenu .bellows-target {
    text-transform: none !important;
    padding-left: 15px !important;
}
.bellows .bellows-nav .bellows-subtoggle {
    width: auto !important;
}
.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
    padding-right: 16px !important;
}
.bellows-menu-toggle-text {
    display: none !important;
}
.bellows .fa {
    font-family: var(--wp--preset--font-family--my-icons) !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    font-size: 14px;
}
.fa-chevron-down::before {
    content: "\f078";
}
.fa-chevron-up::before {
    content: "\f077";
}
/* Current Menu Item */
.bellows-current-menu-item>a,
.bellows-current-menu-parent>a {
    color: var(--wp--preset--color--custom-rondo-red);
}

/* Mobile Menu */
.mobile-menu-wrapper {
    margin-left: auto;
}
/* Toggle-Button rechts */
.mobile-menu-wrapper p {
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
button.bellows-menu-toggle {
    background-color: transparent;
    margin-left: auto;
    z-index: 9999;
    padding: 0;
}
button.bellows-menu-toggle .fa {
    font-family: var(--wp--preset--font-family--my-icons) !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    font-size: 25px;
}
.fa-bars::before {
   content: "\f0c9"; 
   color: var(--wp--preset--color--custom-rondo-red);
}

/* Open Menü Position */
.mobile-menu-wrapper .bellows {
    position: absolute;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 9998;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: calc(var(--wp--preset--spacing--40) + 1px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20vh;
}

/*Submenu*/
button.bellows-subtoggle {
    padding: .8em 1.2em !important;
}

/* MAIN */

html {
    scroll-padding-top: 96px; /* Ändere den Wert nach Bedarf */
}

:root {
    --header-height: calc(1rem + 25.656px + 1rem);
}
.content {
    margin-top: 0;
    padding-top: var(--wp--preset--spacing--40);
}
.content .space-top {
    margin-top: var(--header-height);
}

/* Home */
.home-space {
    margin-top: var(--header-height);
}
.home .content .space-top {
    margin-top: 0;
}

/* Typo */
main p a, :root :where(.wp-block-accordion-panel a) {
    border-bottom: 1px solid var(--wp--preset--color--custom-link);
}
main p a:hover, :root :where(.wp-block-accordion-panel a:hover) {
    color: var(--wp--preset--color--custom-rondo-red);
    border-bottom: 1px solid var(--wp--preset--color--custom-rondo-red);
}
main :is(h1, h2, h3, h4, h5, h6) a {
    border-bottom: 0px;
}
main :is(dir, menu, ol, ul) ul {
    list-style-type: disc;
}
main :is(dir, menu, ol, ul) ul li::marker,
main ul li::marker  {
    list-style-type: disc;
    color: var(--wp--preset--color--custom-rondo-red);
}
main .wp-block-list > li > ul > li {
    padding-bottom: 0;
}

/* Archive */
.archive .more-link {
    display: none;
}
.wp-block-read-more {
    border: 1px solid var(--wp--preset--color--custom-link);
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    margin-top: var(--wp--preset--spacing--50);
    margin-bottom: var(--wp--preset--spacing--50);
}
.wp-block-read-more:hover {
    border: 1px solid var(--wp--preset--color--custom-rondo-red);
}

/* FOOTER */

.footer-icons figure,
.icon {
    max-width: 32px;
}

/* Custom Styles */

/* Bildunterschrift */
.wp-block-image :where(figcaption) {
    text-align: left;
}

/* Transition Image */
.transition img {
  width: 100%;
  transition: transform 0.4s ease-in-out;
}
.transition img:hover {
  transform: scale(1.05); /* Bild wird um 5 Prozent vergrößert */
}

/* Accordion Block*/
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
    color: var(--wp--preset--color--custom-rondo-red);
}

/* Buttons */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--custom-background);
}
.wp-block-button.is-style-fill a.wp-block-button__link:hover {
    color: var(--wp--preset--color--custom-rondo-red);
    border: 1px solid var(--wp--preset--color--custom-rondo-red);
}

/* Plugin Visual Portfolio */

/* Thumbnaill */
.vp-portfolio__items-style-default {
    --vp-items-style-default--image-hover__transform: scale(1);
}
.vp-portfolio__items-style-default .vp-portfolio__item-overlay {
    background: transparent !important;
}
.vp-portfolio__item-meta {
    padding: 0 !important;
    margin-bottom: 1em;
    margin-top: .5em;
}
.vp-portfolio__item-meta-title,
.vp-portfolio__item-meta-title a {
    font-size: var(--wp--preset--font-size--sm) !important;
    line-height: 1.5 !important;
}
.vp-portfolio__items-style-default .vp-portfolio__item-caption a:focus, .vp-portfolio__items-style-default .vp-portfolio__item-caption a:hover {
    color: var(--wp--preset--color--custom-rondo-red);
}
/* Lightbox */
.fancybox-is-open .fancybox-bg {
    opacity: 1 !important;
}
.fancybox-button, .fancybox-caption {
    background: none !important;
}
.fancybox-button, .vp-fancybox .fancybox-caption__body h3 {
    color: var(--wp--preset--color--custom-text) !important; /* Schriftfarbe */
    font-size: var(--wp--preset--font-size--nm);
    font-weight: 400;
}
.vp-fancybox .fancybox-caption__body {
    color: var(--wp--preset--color--custom-text);
    font-size: var(--wp--preset--font-size--sm);
}
.fancybox-button:hover {
    color: var(--wp--preset--color--custom-rondo-red) !important; /* Akzentfarbe */
}

/* YOAST SEO FAQ https://ontopmarketing.agency/yoast-faq-schema-accordion/ */

.schema-faq-accordion .schema-faq-section {
    border: 1px solid var(--wp--preset--color--custom-text);
    margin-bottom: 20px;
    background-color: var(--wp--preset--color--custom-white);
}
.schema-faq-accordion .schema-faq-question {
    font-size: var(--wp--preset--font-size--nm);
    font-weight: bold;
    margin: 0;
    /* padding: 17px 56px 17px 12px; */
    padding-top: var(--wp--preset--spacing--40);
    padding-right: 56px;
    padding-bottom: var(--wp--preset--spacing--40);
    padding-left: var(--wp--preset--spacing--40);
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
}
.schema-faq-accordion .schema-faq-question.faq-q-open {
    border-bottom: 1px solid var(--wp--preset--color--custom-text);
}
.schema-faq-accordion .schema-faq-question:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
.schema-faq-accordion .schema-faq-question.faq-q-open:after {
    content: "-"; 
}
.schema-faq-accordion p.schema-faq-answer {
    margin: 0;
    /* padding: 12px; */
    padding: var(--wp--preset--spacing--40);
    background-color:#fff;
    /* font-size: 16px!important;
    line-height: 1.4!important;
    border-bottom: 1px solid #dedee0; */
    display: none;
}

.editor-styles-wrapper .schema-faq-answer {
    display:block !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

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

@media screen and (min-width: 959px) {
}

/* min-width */

@media screen and (min-width: 960px) {
.hide {
display: none;
}
.hide-on-mobile,
.sidebar-left {
    display: block;
}  

/* NAV */

aside.is-position-sticky {
    /* top: calc(96px + var(--wp-admin--admin-bar--position-offset, 0px)); */
    height: 100vh; /*whatever height fits you*/
    overflow-y: auto;
}
#menu-main-menu {
    padding-bottom: 5vh;
}
/* .bellows .bellows-nav#menu-main-menu>li:first-child .bellows-target {
    border-top: 1px solid var(--wp--preset--color--custom-text);
} */

/* MAIN */

:root {
    --header-height: clamp(65.375px, calc(56.953px + 0.8773vw), 73.797px);
}

.content .space-top {
    margin-top: 0;
    padding-top: var(--header-height);
}
.content aside.space-top {
    margin-top: var(--wp--preset--spacing--70);
}

/* Home */
.home .content {
    padding-top: 0;
}
.home .content .space-top {
    padding-top: var(--header-height);
}   
.home .content aside.space-top {
    margin-top: var(--wp--preset--spacing--70);
}
.home h1 {
    padding-top: 0;
    margin-bottom: var(--wp--preset--spacing--70);
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100
 {
    flex-basis: 33%;
    width: 33%;
}
}