/**
Theme Name: vivianglaesel
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vivianglaesel
Template: astra
*/

/* Font Awesome */
@import "assets/fontawesome/css/fontawesome.css";
@import "assets/fontawesome/css/brands.css";
@import "assets/fontawesome/css/regular.css";
@import "assets/fontawesome/css/solid.css";

/* Font Instrument */
/* instrument-serif-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: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/instrument-serif-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-serif-italic - 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: 'Instrument Serif';
    font-style: italic;
    font-weight: 400;
    src: url('assets/fonts/instrument-serif-v4-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.has-special-font-family {
    font-family: "Instrument Serif";
}

/* general */
body {
    line-height: 1.5;
}
h3, .entry-content h3{
    color: var(--ast-global-color-3);
}
/* header full width */
.ast-primary-header-bar .site-primary-header-wrap{
    max-width: 100%;
}
.ast-narrow-container #page .site-content{
    background-color: var(--ast-global-color-4);
}

/* Links */
.ast-single-post .entry-content p a,
.ast-single-post .entry-content .simpletoc-list li a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a),
#secondary p.standard a{
    font-weight: bold;
    text-decoration: none;
    border-bottom: 3px solid var(--ast-global-color-2);
    padding-bottom: 1px;

}
.ast-single-post .entry-content .shop-teaser p a{
    border-bottom: none;
    padding-bottom: inherit;
}

.ast-single-post .entry-content p a:hover,
.ast-single-post .entry-content .simpletoc-list li a:hover,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a):hover,
#secondary p.standard a:hover{
    border-bottom: none;
    text-decoration: none;
    background-color: var(--ast-global-color-2);
}
.ast-single-post .entry-content .shop-teaser p a:hover{
    background-color: transparent;
}

/* Simple TOC - Table of Content */
.entry-content .wp-block-group.simpletoc-group{
    border: 1px solid var(--ast-global-color-0);
    border-radius: 10px;
    margin: 1em -0.5em;
    padding: 1.5em 1.5em;
}
h2.simpletoc-title{
    background-image: url('/wp-content/uploads/2025/04/brand-vivian-glaesel.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 2em;
}
.ast-single-post .entry-content .simpletoc-list {
    list-style: none;
    padding-left: 0;
}
.ast-single-post .entry-content .simpletoc-list li:before{
    color: var(--ast-global-color-0);
    content: "\f061"; /* arrow right solid */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-right: 10px;
    vertical-align: top;
}
/* deprec
.ast-single-post .entry-content .simpletoc-list li a{
	text-decoration: none;
    text-decoration-color: #85F9AE;
    text-decoration-thickness: 3px;
    font-weight:bold;
}
 */
/* end Simple TOC */

/**
 Home Tipps = Blog-Teaser
 */
/* Mini-zoom*/
.home #tipps ul li.wp-block-post img{
    border-radius: 6px 6px 0 0;
}
.home #tipps ul li.wp-block-post:hover img{
    transform: scale(1.1);
}

.home #tipps ul li.wp-block-post .taxonomy-category{
    margin-bottom: 15px;
}
/* hide separator , */
.home #tipps ul li.wp-block-post .taxonomy-category .wp-block-post-terms__separator{
    display: none;
}

.home #tipps ul li.wp-block-post h2{
    margin-bottom: 15px;
}
.home #tipps ul li.wp-block-post .taxonomy-category a{
    font-size: 16px;
    margin-right: 8px;
}
.home #tipps ul li.wp-block-post .taxonomy-category a:before,
.entry-meta .ast-taxonomy-container.cat-links a:before,
.post .entry-header p.ast-terms-link a:before{
    content: "\f111"; /* circle */
    font-family:  "Font Awesome 6 Free";
    line-height: 25px;
    vertical-align: top;
    font-size: 8px;
    padding-right: 3px;
}
.home #tipps ul li.wp-block-post .taxonomy-post_tag a{
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}
.home #tipps ul li.wp-block-post .taxonomy-post_tag .wp-block-post-terms__separator{
    display: none;
}
.home #tipps ul li.wp-block-post .wp-block-read-more{
    position: absolute;
    bottom: 20px;
    border-bottom: 3px solid var(--ast-global-color-2);
    padding: 1px;
}
.home #tipps ul li.wp-block-post .wp-block-read-more:hover{
    background-color: var(--ast-global-color-2);
    border-bottom-color: var(--ast-global-color-4);
}
.home #tipps ul li.wp-block-post {
    background-color:  var(--ast-global-color-4);
    border-radius: 6px;
    padding: 1.5em;
    padding-bottom: 2.5em;
    position: relative;
}
.home #tipps ul li.wp-block-post figure {
    margin: -1.5em -1.5em 1.5em -1.5em;
    overflow:hidden;
}

.home #tipps ul li.wp-block-post img{
    transform: scale(1);
    transition: transform .5s ease;
}
.home #tipps ul li.wp-block-post .taxonomy-post_tag a:hover{
    background-color: var(--ast-global-color-1);
}
/* end Home Tipps */

/**
 Blog
 */
.archive h2.entry-title  a,
.search h2.entry-title  a,
.ast-related-post h3.entry-title  a,
.blog h2.entry-title  a{
    font-size: 24px;
    font-weight: 400;
}


.ast-terms-link, .entry-meta .ast-taxonomy-container.cat-links {
    display: block;
    margin-bottom: 10px;
}
.entry-meta .ast-taxonomy-container.cat-links a{
    font-size: 16px;
    margin-right: 8px;
}
.blog .post-content .entry-meta .cat-links a{
    margin-right: 4px;
}

.entry-meta .ast-taxonomy-container.tags-links{
    color: white; /* hide comma */
    margin-left: -10px; /* adjust white space */
}
.archive .entry-meta .ast-taxonomy-container.tags-links,
.search .entry-meta .ast-taxonomy-container.tags-links,
.ast-related-post .entry-meta .ast-taxonomy-container.tags-links,
.blog .entry-meta .ast-taxonomy-container.tags-links {
    margin-left: 0;
}
.entry-meta .ast-taxonomy-container.tags-links a{
    display: inline-block;
    margin-bottom: 10px;
}

/* tags like buttons, as well in tag cloud */
.wp-block-tag-cloud a,
.entry-meta .ast-terms-link a,
.home #tipps ul li.wp-block-post .taxonomy-post_tag a,
.entry-meta .ast-taxonomy-container.tags-links a{
    background-color: #A7FFC8;/*var(--ast-global-color-7);*/
    border-color:  #A7FFC8;/*var(--ast-global-color-7);*/
    border-radius: 50px;
    color: var(--ast-global-color-3);
    font-size: 13px!important;;
    font-weight: normal!important;
    line-height: 1;
    padding: 0.4em 0.7em;
    text-decoration: none!important;
    white-space: nowrap;
}
.wp-block-tag-cloud a:hover,
.entry-meta .ast-terms-link a:hover,
.entry-meta .ast-taxonomy-container.tags-links a:hover{
    background-color: var(--ast-global-color-1);
}
/* read more link in blog archive */
/* align bottom not work due to extra div */
/*.ast-row .blog-layout-4 .post-content {
    position: relative;
    margin-bottom: 3em;
}
.blog p.read-more{
    position: absolute;
    bottom: 20px;
}*/

.archive p.read-more a,
.search p.read-more a,
.blog p.read-more a {
    font-weight: 300;
    border-bottom: 3px solid var(--ast-global-color-2);
    padding: 1px;
}
.archive p.read-more a:hover,
.search p.read-more a:hover,
.blog p.read-more a:hover{
    background-color: var(--ast-global-color-2);
    border-bottom-color: var(--ast-global-color-4);
}

/* hide first / in entry meta */
.post .entry-meta span:nth-child(1 of .sep) {
    display:none;
}
.archive .post-content .entry-meta .cat-links,
.search .post-content .entry-meta .cat-links,
.blog .post-content .entry-meta .cat-links,
.post .entry-header .ast-terms-link {
    color: transparent; /* to hide comma */
}

/* mobil 1-spaltig */
@media (max-width: 567px) {
    .post .entry-header .ast-terms-link,
    .post .entry-header h1,
    .post .entry-header .entry-meta {
        margin-left:20px;
        margin-right: 20px;
    }
    .post .entry-header .entry-meta .ast-terms-link{
        margin-left: 0;
    }

}

/* end Blog */

/** squared teaser*/
.wp-block-uagb-container.squared {
    aspect-ratio: 1 / 1;
}
.wp-block-uagb-container.squared .teaser-bottom{
    overflow:hidden;
}
#secondary .wp-block-uagb-container.squared .teaser-bottom{
    overflow:visible;
}
.wp-block-uagb-container.squared .teaser-bottom h3{
    font-size: 60px;
}
#secondary .wp-block-uagb-container.squared .teaser-bottom h3{
    font-size: 40px;
 }
.wp-block-uagb-container.squared .teaser-bottom p{
    margin-bottom: 0;
}
#secondary .wp-block-uagb-container.squared .teaser-bottom p{
    font-size: 18px!important;
}
#secondary .wp-block-uagb-container.uagb-is-root-container.alignfull > .uagb-container-inner-blocks-wrap{
    row-gap: 10px;
}

/* teaser was du bekommst */
@media (max-width: 1200px) {
    .ast-plain-container.ast-no-sidebar .entry-content > .alignfull.was-du-bekommst{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}
    /* shop teaser mobil */

.wp-block-uagb-container.squared .teaser-bottom{
    padding-bottom: 30px;
}
/* tablet 2-spaltig */
@media (min-width: 782px) and (max-width:922px) {

    .wp-block-uagb-container.squared .teaser-bottom h3{
        font-size: 32px;
    }
    .wp-block-uagb-container.squared
    .uagb-container-inner-blocks-wrap{
        row-gap: initial!important;
    }

    .wp-block-uagb-container.squared .teaser-bottom p{
        font-size:20px!important;
        margin-bottom: 20px;
    }
}
/* tablet 1-spaltig viel Platz */
@media (min-width: 568px) and (max-width:781px) {

}
/* mobil 1-spaltig weniger Platz*/
@media (max-width: 567px) {
    .wp-block-uagb-container.squared .teaser-bottom h3{
        font-size: 40px;
    }
    .wp-block-uagb-container.squared
    .uagb-container-inner-blocks-wrap{
        row-gap: initial!important;
    }
    .wp-block-uagb-container.squared .teaser-bottom p{
        font-size:18px!important;
    }
}
/* mobil schmal */
@media (max-width: 360px) {
    .wp-block-uagb-container.squared .teaser-bottom h3{
        font-size: 24px!important;
    }
    .wp-block-uagb-container.squared .teaser-bottom p{
        font-size:16px!important;
    }
}
/** END squared teaser*/

/* CAF override backend styles */
#manage-ajax-response {
    padding: 20px 0;
}
#caf-post-layout7 .manage-layout7 {
    border-radius: 0;
    padding-left: 0!important;
}
#caf-post-layout7 #manage-post-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    width: 100%
}
.data-target-div1 #caf-post-layout7 .caf-post-title p{
    color: var(--ast-global-color-3);
    font-size: 18px;
    text-align: center;
}
#caf-post-layout7 .caf-content a,
.data-target-div1 #caf-post-layout7 .caf-content{
    color: var(--ast-global-color-3)!important;
    font-size: 18px;
    text-align: center;
    text-transform: none;
}
.data-target-div1 #caf-post-layout7 .caf-post-title h2{
     color: var(--ast-global-color-3);
     font-size: 1.3em!important;
     margin-bottom: 20px;
     text-align: center;
 }



    /* Visual Portfolio - Guides */
.vp-filter__style-default .vp-filter__item a{
    text-transform: none;
}

/* Sidebar */


/* Produkt Feature-Grid (Raster) */
@media (max-width: 922px) {
    .wp-block-group.is-layout-grid.feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .wp-block-group.is-layout-grid.feature-grid {
        grid-template-columns: 100%;
    }
}
@media (max-width: 1200px) {
    .lp-hero-wide > div:first-of-type {
      padding: 20px;
    }
}

/* Hero tablet */
.home .hero h1{
    margin-bottom: 60px;
}
.home .hero h3{
    font-size: 30px!important;
    margin-bottom: 80px;
}


@media (max-width: 922px) {
.home .hero .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 80%!important;
    margin-left:0!important;
}

    .home .hero .wp-block-cover .wp-block-cover__image-background{
        object-position: 53% 7% !important;
    }

    /*.wp-block-cover .has-background-dim:not([class*=-background-color])*/
}

/* Hero mobil
max-height 700
to do h1 h2 margin-bottom i.e. 30/40, cover bg col fff opactiy i.e. 0.4
*/
@media (max-width: 687px) {
    .home .hero .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 100%!important;
        margin-left:0!important;
    }
    .home .hero{
        min-height: 800px!important;
    }
    .home .hero h1{
        font-size: 36px;
        /*margin-bottom: 40px;*/
    }
    .home .hero h3{
        font-size: 24px!important;
        /*margin-bottom: 30px;*/
    }
    .home .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0{
        background-color: #FFF;
        opacity: 0.3;
    }
    .home .hero.wp-block-cover .wp-block-cover__image-background{
        object-position: 53% 7%!important;
    }
}

/* home selbsttest rot mobil */
@media (max-width: 1200px) {
    #selbsttest-2 .wp-block-columns .wp-block-column.is-vertically-aligned-top{
        align-self: center;
    }
}
@media (max-width: 687px) {
    #selbsttest-2 {
        background-position: 91% 0% !important;
        background-size: 213%!important;
    }
}


    /* Buttons */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,
.ast-outline-button:hover, .ast-outline-button:focus,
.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,
.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus {
    border-color: transparent!important;
}

/* primary 16px/600 uppercase, padding 20/32 via customizer */
/* secondary 16px/600 uppercase, padding 12/30 via customizer */

/* primary xl : 20px/600 uppercase, padding 25/35*/
.wp-block-button.primary-xl a{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 35px;
}

/* secondary large 16px/400 uppercase, padding 20/32*/
.wp-block-buttons .wp-block-button.is-style-outline.secondary-l .wp-block-button__link.wp-element-button,
.wp-block-button.secondary-l a{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 32px;
}

/* search form input (accessible in customizer?) */
.wp-block-search__inside-wrapper .wp-block-search__input{
    background-color: #FFF;
}