body.wrapper-static .container-component,
.container-header .grid-child.container-nav
{
    border: 1px solid black;
}
/* mobile.css */
@media (min-width: 320px) and (max-width: 925px) { 
	body,
    .ausserdem.convertforms .cf-checkbox-group .cf-label,
    .ausserdem.convertforms .cf-radio-group .cf-label,
    .ausserdem.convertforms input[type="text"],
    .ausserdem.convertforms input[type="email"],
    .ausserdem.convertforms input[type="tel"],
    .ausserdem.convertforms div[data-name="ausgaben"] .cf-label
    {
		font-size: 16px;
	}
}
/* desktop.css */
@media (min-width: 925px){
	body,
    .ausserdem.convertforms .cf-checkbox-group .cf-label,
    .ausserdem.convertforms .cf-radio-group .cf-label,
    .ausserdem.convertforms input[type="text"],
    .ausserdem.convertforms input[type="email"],
    .ausserdem.convertforms input[type="tel"],
    .ausserdem.convertforms div[data-name="ausgaben"] .cf-label
    {
        font-size: 20px;
	}
}

.ausserdem.convertforms
{
    background: none;
}
.ausserdem.convertforms .cf-checkbox-group, 
.ausserdem.convertforms .cf-radio-group
{
    padding: 0.5rem 0;
}
.ausserdem.convertforms .cf-content-wrap, 
.ausserdem.convertforms .cf-form-wrap
{
    padding: 0;
}   
.ausserdem.convertforms [class*=cf-list-]
{
    margin: 0;
}
.ausserdem.convertforms .cf-input[type=checkbox], 
.ausserdem.convertforms .cf-input[type=radio]
{
    margin-right: 1rem;
}

input[type="checkbox"][name]:not([name="cf[datenschutz]"]):checked + label
{
    background-color: #413187;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px;
}
.ausserdem.convertforms input[type="checkbox"] 
{
    accent-color: #413187;
}

.ausserdem.convertforms button,
.ausserdem.convertforms input[type="submit"],
.btn-primary
{
    background-color: #413187;
    color: #fff;
    border-color: #514197;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
a 
{
    color: #413187;
}

/* Hover style */
.ausserdem.convertforms button:hover,
.ausserdem.convertforms input[type="submit"]:hover,
.btn-primary:hover, .btn:active, .btn:first-child:active
{
    background-color: #514197;
    border-color: #413187;
    color: #fff;
    opacity: 1;
}
a:hover 
{
    color: #514197;
    text-decoration: none;
}
.container-header .mod-menu>li:after
{
    transition: none;
}

.ausserdem.convertforms input[type="text"],
.ausserdem.convertforms input[type="email"],
.ausserdem.convertforms input[type="email"]:focus,
.ausserdem.convertforms input[type="tel"]
{
    color: #413187;
    font-weight: bold;
    background: white!important;
}

body.view-category .mod-bestellen-button
{
    display: none;
}
/* --------------------- */

body,
.ausserdem.convertforms input[type="text"],
.ausserdem.convertforms input[type="email"],
.ausserdem.convertforms input[type="tel"]
{
    background: none;
    letter-spacing: 0.05rem;
}
body:before
{
    background-image: url('../../../../../images/background/background32.png');
    background-position: left top;
    background-size: contain;
    background-repeat: repeat;
    background-attachment: fixed;
    /*opacity: 0.5;*/
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    /*filter: sepia(1);*/
}
header .mod-menu.mod-list.nav 
{
    text-transform: uppercase;
    color: white; /* black; */
    font-size: 1.25rem;
}
body.wrapper-static .container-component 
{
    max-width: 962px;
    margin-inline: auto;
    padding-inline: 0.5rem;
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0.85) 100%);
}
@media (min-width: 769px) {
    body.wrapper-static .container-component
    {
        padding-inline: 3rem;
    }
}
.container-header
{
    background: none;
    margin: 0.5rem 0.5rem 1rem;
    box-shadow: none;
}
.site-grid {
    grid-gap: 0 0.5em;
}
@media (min-width: 769px) {
    .site-grid {
        grid-gap: 0 1rem;
    }
    .container-header
    {
        margin: 0.5rem 1rem 1rem;
    }
}
.container-header .grid-child,
.footer .grid-child
{
    max-width: 962px;
    margin-inline: auto;
    padding-inline: 0.25rem;
}
.footer
{
    background: #312D42;
}
@media (width >= 992px) {
    .container-header .mod-menu, 
    footer .mod-menu 
    {
        flex-direction: row;
        flex: 1;
        display: flex;
    }
}
.footer .grid-child
{   
    align-items: unset;
    padding-inline: 3rem;
}
.footer ul.mod-menu a
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
}

.brand-logo img 
{
    /*filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));*/
    filter: invert(98%) sepia(100%) hue-rotate(316deg) saturate(5500%) drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
    /*width: 100%;*/
}
@media (max-width: 414px) {
    .container-header .navbar-brand
    {
        width: 100%;
    }
    .brand-logo img 
    {
        width: 100%;
    }
}
.container-header .grid-child.container-nav
{
    padding-inline: 0.5rem;
    background: linear-gradient(90deg, #312D42e0 0%, #312D42e0 30%, #312D42ff 70%, #312D42ff 100%);
    margin-top: 1rem;
    padding-top: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
@media (min-width: 769px) {
    .container-header .grid-child.container-nav
    {
        padding-inline: 2rem;
    }
    .container-header .grid-child, 
    .footer .grid-child
    {
        padding-inline: 0.5rem;
    }
}
.container-header .mod-menu
{
    justify-content: space-evenly;
}
.footer .mod-menu
{
    justify-content: space-between;
}
.mod-list li.active>a
{
    color: #faed25;
}
.container-component
{
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);    
}
@media (min-width: 769px) {
    .blog-items.items-leading .blog-item,
    .item-page 
    {
        flex-direction: row;
    }
}
h1, h2
{
    color: #612197; /* #e64419; */
    font-size: 2.3rem; /* 2.875rem; */
    line-height: 2.3rem; /* 2.875rem; */
    font-weight: normal;
    margin: 1rem 0 1.9rem;
    hyphens: auto;
}
@media (min-width: 769px) {
    h1, h2
    {
        font-size: 2.6rem;
        line-height: 2.6rem;
    }
}
.home .items-leading .blog-item figure 
{
    /*flex: 1;*/
}
.left.item-image 
{
    margin-right: 0;
}
@media (min-width: 769px) {
    .left.item-image 
    {
        margin-right: 3rem;
    }
}
.blog-item .item-image
{
    overflow: unset;
}
.left.item-image img
{    
    box-shadow: 0.3rem 0.3rem 1rem rgba(0,0,0,0.4);
    width: 100%;
}
.blog-items:not(.items-leading) > .blog-item
{
    border-top: 2px solid black;
    padding-top: 1rem;
}
.home .items-leading .blog-item div 
{
    flex: 2;
}
.subheading 
{
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #612197; /* #e64419; */
    padding-bottom: 1rem;
}
h2:has(+ ul li.subheading),
.page-header:has(+ ul li.subheading) h1,
.page-header:has(+ ul li.subheading) h2 /* FOR CATEGORY BLOGS IN ORDER TO SHOW THE SUBHEADING: in the menu, the setting Options > Intro Text needs to be set to "hide" */
{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
ul.fields-container 
{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
li:has(.field-entry), 
li:has(.field-value) 
{
    margin-bottom: 1rem;
}
.field-entry p 
{
    display: inline;
}
mark,
.item-content ul.fields-container:has(.veranstaltungsdatum),
.item-page ul.fields-container:has(.veranstaltungsdatum)
{
    background: #faed25;
    filter: saturate(0.7) brightness(1.1);
}
.item-content ul.fields-container:has(.veranstaltungsdatum),
.item-page ul.fields-container:has(.veranstaltungsdatum)
{
    padding: 0.5rem 0.9rem;
    margin-bottom: 1.5rem
}
@media (min-width: 769px) {
    .item-content ul.fields-container:has(.veranstaltungsdatum),
    .item-page ul.fields-container:has(.veranstaltungsdatum)
    {
        float: right;
        margin: 0 0 1rem 1rem;
        width: 50%;
    }
}
.item-content ul.fields-container:has(.veranstaltungsdatum) li:first-child,
.item-content ul.fields-container:has(.veranstaltungsdatum) li:nth-last-child(2),
.item-content ul.fields-container:has(.veranstaltungsdatum) li:last-child,
.item-page ul.fields-container:has(.veranstaltungsdatum) li:first-child,
.item-page ul.fields-container:has(.veranstaltungsdatum) li:nth-last-child(2),
.item-page ul.fields-container:has(.veranstaltungsdatum) li:last-child
{
    margin-bottom: 0;
}
.autorinnen_name
{
    font-weight: bold;
}
.zusatzinfo-unten 
{
    font-size: 0.8rem;
    color: #555;
    /*background: #faed25;
    filter: saturate(0.7) brightness(1.1);*/
    padding: 0.1rem 0;
}

.info-unten
{
    display: none;
}
.zusatzinfo-unten:after {
    content: "";
    background: url(../../../../../images/logos/veranstaltung_gefoerdert.svg);
    height: 65px;
    width: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    opacity: 0.8;
    float: right;
}

/* GALLERY */

.container:has(.gallery) {
    padding: 0;
    margin: 3rem 0 0 0;
}
.container:has(.gallery) .container-header {
    margin: 0;
    padding: 0;
    background: none;
}


.gallery .left.item-image 
{
    margin-right: 0;
}
.gallery figure
{
    margin-bottom: 0;
}
.gallery div {
    flex: auto;
    width: 120px; /* 220px; */
    margin: .5vw
}

.gallery div img {
    width: 100%;
    height: auto;
    box-shadow: .3rem .4rem .4rem rgba(0,0,0,0.4);
    transition: transform 400ms ease-out;
    margin-bottom: 1rem;
}

.gallery div a img:hover {
    transform: scale(1.15)
}

.gallery .photo:hover {
    /*background: no-repeat center/20% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="darkmagenta" d="m28.34 24.12-6.5-6.85A10.49 10.49 0 1 0 12.5 23h.55a1 1 0 1 0-.1-2 8.5 8.5 0 1 1 5.4-2.32A8.72 8.72 0 0 1 16.53 20a1 1 0 0 0-.41 1.35.89.89 0 0 0 .36.36v.08l6.77 7.13A3.48 3.48 0 0 0 25.73 30h.09a3.43 3.43 0 0 0 2.39-1 3.47 3.47 0 0 0 .13-4.88zm-1.5 3.47a1.45 1.45 0 0 1-1.06.41 1.51 1.51 0 0 1-1-.46l-6.15-6.49a10.07 10.07 0 0 0 1.14-.93 10.54 10.54 0 0 0 1-1.12l6.16 6.5a1.47 1.47 0 0 1-.09 2.09z"/><path fill="darkmagenta" d="M8.55 8.16a1 1 0 0 0-1.39.29 7.19 7.19 0 0 0 1.17 9.29A1 1 0 0 0 9 18a1 1 0 0 0 .67-1.74A5.32 5.32 0 0 1 8 12.91a5.24 5.24 0 0 1 .84-3.36 1 1 0 0 0-.29-1.39z"/></svg>');*/
    opacity: 1
}

.gallery a img:hover {
    opacity: .5
}

.carousel-item,.carousel-item .bg-dark {
    min-block-size: 300px
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-color: var(--brand);
    border-radius: 0
}

.lightbox-caption {
    background-color: var(--brand)
}

.modal-backdrop.show {
    opacity: .8
}

@media screen and (max-width: 400px) {
    .gallery div {
        margin:0
    }

    .gallery {
        padding: 0
    }
}


div.photo:has(figure.nolink) 
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nolink img 
{
    width: 100px !important;
    height: 145px !important;
}

/* AUTOREN */

.autorencontainer 
{
    column-count: 1;
    column-gap: 2rem;
    max-height: none; /* Allow vertical growth */
}
@media (min-width: 769px) {
    .autorencontainer 
    {
        column-count: 2;
    }
}
  
.autorencontainer dt,
.autorencontainer dd 
{
    break-inside: avoid;
    page-break-inside: avoid;
    display: block;
    margin: 0 0 1rem 0;
    color: #888;
}

.autorencontainer dt,
.autorencontainer dd span 
{
    font-weight: bold;
    padding-right: 1rem;    
    color: black;
}
.autorencontainer dd span
{
    float: left;
    height: 40px;
}
.autorencontainer dt
{
    color:#612197;
    font-size: 2rem;
    margin-top: -0.5rem;
}
.autorencontainer dl
{
    margin-bottom: 2rem;
}
.autorencontainer dd:has(+ dd.sameline)
{
    margin-bottom: 0;
}
.autorencontainer dd:has(+ dd.sameline) span 
{
    float: none;
    height: unset;
    display: inline-block;
}

/* LAYOUT GENERELL */

hr
{
    margin: 2rem 0;
}

/* CONVERT FORMS */

.cf-response p 
{
    margin-bottom: 0;
}

/* mod_custom */

.back-to-hefte 
{
    text-align: center;
    font-size: 0.9rem;
}
.itemid-125.view-category .back-to-hefte 
{
    display: none;
}

/* hefte-images */

.item-page .flex-image-text 
{
    display: flex;
    flex-direction: column;
}
.flex-image-text figure 
{
    width: 100%;
    margin-bottom: 15px;
    flex: 1;
}
.com-content-article__body
{
    flex: 2;
}
@media (min-width: 769px) {
    .item-page .flex-image-text 
    {
        flex-direction: row;
    }
}

/* fix pagination */

.pagination .btn 
{
    background: #faed25;
}

nav.pagenavigation {
    width: 100%;
    left: calc((100% - 1000px) / 2);
    bottom: 30%;
    position: fixed;
    max-width: 1000px;
}

@media (max-width: 1000px) {
    nav.pagenavigation {
        left: 0;
        bottom: 20%;
    }
}

@media (min-width: 800px) {
    nav.pagenavigation {
        bottom: 40%;
    }
}

/* is-last-line */
/* .row.gallery > .photo.is-last-line { outline: 2px solid #f90; } */