@charset "UTF-8";

/*Paragraph Box*/

.is-style-kursiv-braun {
    font-family: "Libre Baskerville Italic", serif !important;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    color: #ae794e;
}

.is-style-kursiv {
    font-family: "Libre Baskerville Italic", serif !important;
    font-weight: normal;
    font-style: normal;
}

.is-style-small {
    font-size: 16px !important;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .is-style-small {
        font-size: 14px !important;
    }
}


/*List with yellowstar */

ul.is-style-star-list-white,
ul.is-style-star-list-yellow {
    list-style: none !important;
    padding-left: 0.25em !important;
}

.is-style-star-list-white li,
.is-style-star-list-yellow li {
    margin-left: 2em;
    padding-right: 0.5em;
}

.is-style-star-list-white li:before,
.is-style-star-list-yellow li:before {
    content: "★";
    margin-left: -2em;
    padding-right: 1em;
    color: white;
}

.is-style-star-list-yellow li:before {
    color: #ffd933;
}


/* Separator*/

.is-style-fat {
    border-bottom-width: 4px;
    max-width: none !important;
}


/* Kinda Responsive Spacer */


/*
The default height of the Spacer block is 100 pixels.
The spacer height is expected to be a multiple of 10px. 
We use vw as there is no need for mediaqueries. 
Added some max-height so there is a maximum height for really big screens.
*/


/* NOTE We have a body class .local for local environment in the theme functions*/

.local .wp-block-spacer {
    background: url(//www.business-beratung-mainz.de/wp-content/plugins/stl-block-styles-tanja/css/images/stripes.svg);
}


/*Default for small screens*/

.wp-block-spacer.is-style-responsive-large {
    height: 7vw !important;
    max-height: 7rem;
}

.wp-block-spacer.is-style-responsive-extralarge {
    height: 10vw !important;
    max-height: 10rem;
    min-height: 140px;
}

.wp-block-spacer.is-style-responsive-medium {
    height: 5vw !important;
    max-height: 5rem;
}

.wp-block-spacer.is-style-responsive-small {
    height: 3vw !important;
    max-height: 3rem;
}


/*  Big Blue Quote*/

.is-style-big-blue p {
    color: #aad9d7 !important;
    font-size: 40px !important;
}

@media (max-width: 1200px) {
    .is-style-big-blue p {
        font-size: 32px !important;
    }
}

.is-style-big-blue cite {
    color: #3d4e55 !important;
    font-size: 20px;
}