/* user.css */

:root {
    --template-max-width: 1020px;
}

@media print {
    
    .container-header, .container-footer, .btn, .icons, .mod-breadcrumbs__wrapper {
        display: none;
    }
    
}

.nav.nav-tabs .nav-link.active {
    background-color: #ddd;
}
.modal-body {
    background-color: #ddd;
}
/*
.container-header, .site-grid, .container-footer {
    max-width: 1020px;
    margin: 0 auto;
}
*/

h1,h2,h3 {
    color: var(--cassiopeia-color-primary);
}

.container-header .grid-child {
    max-width: var(--template-max-width);
}

.footer .grid-child {
    max-width: var(--template-max-width);
}
.footer .footer-nav {
    width:100%;
}
.footer .footer-nav .mod-menu {
    flex-direction: row;
    justify-content: space-evenly;
}

.site-grid .grid-child {
    max-width: var(--template-max-width); 
    margin-left: auto;
    margin-right: auto;
}

.container-header .container-nav {
    padding: 0;
    padding-bottom: 0.5em;
}

.container-header nav {
    margin-top: 0; 
}

button.navbar-toggler {
    margin-left: 12px;
    margin-right: 12px;
}

div.baumart .page-header {
    text-align: center;
}

.container-search .css-search-head {
    display: none;
}
.container-search .css-search-mod {
    margin-right: 10px;
}

.view-article .com-content-article figure.item-image {
    width: 40%;
    margin-bottom: 5px;    
}
.view-article .com-content-article figure.item-image.left {
    margin-right: 20px;
}
.view-article .com-content-article figure.item-image.right {
    margin-left: 20px;
}
.view-article .com-content-article figure img {
    width:100%;
    height:auto;
}

figure.bild-oben-links, 
img.bild-oben-links {
    float: left;
    margin: 0 20px 5px 0;
}
figure.bild-oben-rechts, 
img.bild-oben-rechts {
    float: right;
    margin: 0 0 5px 20px;
}

img.bild-mitte-links {
    float: left;
    margin: 5px 20px 5px 0;
}
img.bild-mitte-rechts {
    float: right;
    margin: 5px 0 5px 20px;
}

img.bild-unten-links {
    float: left;
    margin: 5px 20px 0 0;
}
img.bild-unten-rechts {
    float: right;
    margin: 5px 0 0 20px;
}


/*
.layout-blog .com-content-category-blog h2 {
    font-size: 1.25rem!important;
}
*/

/*
.com-content-category-blog .items-leading h2 {
    font-size: 1.5rem!important;
    color: var(--cassiopeia-color-primary);
}
.com-content-category-blog .items-intro h2 {
    font-size: 1.25rem!important;
    color: var(--cassiopeia-color-primary);
}
*/

/********************************************************
 * display of tmpl blog items 
 ********************************************************/
.tmpl-blog .card .item-content, .tmpl-blog .shadow .item-content {
    padding:0.75rem;
}
.tmpl-blog .readmore {
    margin-bottom: 0;
    margin-left: auto;
}
.tmpl-blog figure {
    margin: 0 0 0.75em;
}
.tmpl-blog .col {
/*    margin-top:1rem;*/
}
.tmpl-blog .accordion-body .item-content {
    margin-bottom: 0.5rem;
}
.tmpl-blog .accordion-body p {
    margin: 0;
}
.tmpl-blog .accordion-body {
    padding:0.7rem 1rem;
}
.tmpl-blog .accordion-button {
    padding:0.8rem 1rem;
}
.blog-about-us .items-intro .col:last-child {
    margin-left:auto;
    margin-right:auto;
}

/********************************************************
 * display of smart blog items 
 ********************************************************/
.smart-blog .image-top .item-image img {
    width: 100%;
}

/********************************************************
 * modify display of blog items 
 ********************************************************/
.blog-item-card .blog-item {
    border-width: var(--border-width);
    border-color: #dfe3e7;
    border-radius: var(--border-radius);
}

/********************************************************
 * modify display of article fields 
 ********************************************************/

/*
.layout-cassiopeiasmart .icons {
    display:none;
}
*/

/*
.com-content-article.item-page .item-image {
    margin-bottom: 10px;
}
.com-content-article.item-page .item-image.right {
    margin-left: 15px;
}
.com-content-article.item-page .item-image.left {
    margin-right: 15px;
}
*/
.w-20 { width:20%; min-width: 100px; }
.w-30 { width:30%; min-width: 150px; }
.w-40 { width:40%; min-width: 200px; }

/*
.field-value.url-switch-label,
.field-value.imagelist-flex-row {
    display: none;
}
*/

/********************************************************
 * format declaration for page Baumart
 ********************************************************/
.baumarten .item-content .float-end {
    float: none!important
}
div.css-menu-baumart {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
div.css-menu-baumart .page-header {
    text-align: center;
}
div.css-menu-baumart .custom-fields {
    display: flex;
    flex-wrap: wrap;
    margin-bottom:10px;
}
div.css-menu-baumart .custom-fields .field-label {
    display: inline-block;
    width:20%;
    min-width: 100px;
}
div.css-menu-baumart .custom-fields .field-value {
    display: inline-block;
    width:80%;
}


/********************************************************
 * about-us
 ********************************************************/
.blog-about-us .items-intro h3 {
    font-size: 1.25rem!important;
    color: var(--cassiopeia-color-primary);
}
.blog-about-us .blog-items.items-leading .page-header h2 {
    font-size: 2.5rem!important;
}
.blog-about-us .blog-items.items-leading div.blog-item {
    box-shadow: none!important;
    border: none;
    padding-bottom: 0!important;
}


/*
.blog-items.items-leading.about-us .page-header h2 {
    font-size: 2.5rem!important;
}
.blog-items.items-leading.about-us div.blog-item {
    box-shadow: none!important;
    border: none;
    padding-bottom: 0!important;
}
*/

.frucht-berichte .page-header h2 {
    font-size: 1.5em;
}

.accordion-button.collapsed {
    background-color: #fafafa;
}
.accordion-body p {
    margin: 0;
}


div.profile-edit .com-users-profile__multifactor {
    display: none;
}
div.profile-edit fieldset:nth-child(2) {
    display:none;
}