/*
Theme Name: Kalium - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/*
========== Colors

dunkles Rot CI: #A8191C
lachsfarben: #ff6852
helles lachs: #fbdabf

*/

/* open-sans-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: 'Open Sans regular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - 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: 'Open Sans semibold';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/*
========== General
*/

/*html body .ls-overflow-visible, html#ls-global .ls-overflow-visible, body#ls-global .ls-overflow-visible, #ls-global .ls-overflow-visible, .ls-overflow-visible{*/
/*    overflow: hidden;*/
/*}*/

@media (max-width: 768px) {
    .vc_column-gap-30 {
        margin-inline: -15px !important;
    }
}
html {
    scroll-padding-top: 120px;
}
.breadcrumb {
    margin-block-end: 10px;
    font-size: 18px;
}
body .accessibility-trigger.aioa_middle_right button {
    bottom: 70% !important;
}
h1{
   color: #A8191C;
}
h3{
    margin-bottom: 20px;
 }
.wpb_text_column.wpb_content_element.bn_h1{
    margin-bottom: 0;
}
/*
========== Containers
*/
@media (min-width: 768px) and (max-width:1200px) {
    .vc_col-sm-6,
    .vc_col-sm-8 {
        width: 100%;

    }
}
@media (min-width: 768px) and (max-width:1023px) {
    .vc_col-sm-4{
        width: 100%;
    }
}
@media (min-width: 1024px) and (max-width:1200px) {
    .vc_col-sm-4{
        width: 50%;
    }
}
/*
========== Buttons
*/
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    color: #FFF;
    font-size: 16px;
    background-color: #A8191C;
    border: 2px solid #A8191C;
    margin: 5px 5px 5px 0;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover {
    color: #A8191C;
    background-color: #ffffff;
    border: 2px solid #A8191C;
}
/*
========== Header
*/
.bn_header .wpb_single_image .vc_figure-caption{
    float: left;
    margin-bottom: -20px;
}
.bn_header .vc_column_container>.vc_column-inner{
    padding-left: 0!important;
    padding-right: 0!important;
}
.site-header .site-header--sticky-active-sticky-logo{

}
@media screen and (min-width: 768px) and (max-width: 1198px) {
    .header-logo.logo-image img.alternate-logo,
    .header-logo.logo-image {
        width: 200px;
        height: auto;
    }
}
@media screen and (min-width: 1199px) and (max-width: 1399px) {
    .standard-menu .menu {
        column-gap: 20px;
    }
    .header-logo.logo-image img.alternate-logo,
    .header-logo.logo-image {
        width:200px;
        height: auto;
    }
    .site-header.fullwidth-header .container{
        padding-inline:20px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .header-logo.logo-image {
        width:240px;
        height: auto;
    }
}
.toggle-bars:is([type=button]){
    margin-right: -20px;
}

/*
========== Home Slider
*/
.wpb_layerslider_element .ls-v6 .ls-nav-prev, .wpb_layerslider_element .ls-v6 .ls-nav-next{
    top:90% !important;
}
.ls-v6 .ls-nav-prev, .ls-v6 .ls-nav-next {
    background-color: #A8191C;
}
.ls-v6 .ls-nav-prev:hover, .ls-v6 .ls-nav-next:hover {
    background-color: #ffffff;
    -ms-transform: none!important;
    transform: none!important;
}
.ls-v6 .ls-nav-prev:after, .ls-v6 .ls-nav-next:after{
    margin-top: -14px!important;
}
.home .ls-v6 .ls-nav-next:hover:after {
    border-top-color: #A8191C !important;
    border-right-color: #A8191C !important;
}
.home .ls-v6 .ls-nav-prev:hover:after {
    border-top-color: #A8191C !important;
    border-left-color: #A8191C !important;
}
/*
========== Home Sektion Stifte
*/
.home .entry-content.link-style ul.slides li,
.home .entry-content.link-style ul.blog-posts.grid li {
    padding-left: 0!important;
}
.wpb_gallery .wpb_flexslider .flex-caption h2.post-title{
    line-height: 1.8rem;
}
.wpb_gallery .wpb_flexslider .flex-caption p{
    font-size: 18px;
}
.flexslider .slides img{
    border-radius: 15px 15px 0 0;
}
.wpb_gallery .wpb_flexslider .flex-caption{
    background-color: #ffffff;
    border: 2px solid #FBDABF;
    border-top: none;
    border-radius: 0 0 65px 15px;
    padding: 20px 30px;
}
.wpb_gallery .wpb_flexslider .flex-caption h2.post-title {
    font-size: 1.1em;
}
.wpb_gallery .wpb_flexslider .flex-caption h2.post-title a{
    color: #a8191c;
}
.flex-control-paging li a{
    background: #FBDABF!important;
    height: 16px!important;
    width: 16px!important;
}
.flex-control-paging li a:hover{
    background: #a8191c!important;
}
.flex-control-paging li a.flex-active {
    background: #a8191c!important;
}
.flex-direction-nav {
    display: none;
}
@media (min-width: 768px) {
    .main .startBottom iframe {
        height: 400px!important;
    }
}
@media (min-width: 0) and (max-width: 767px) {
    .main .startBottom iframe {
        height: 300px;
    }
}

/*
========== Netzwerkmitglieder
*/

/*Gridanpassung*/

@media (max-width:1023.9px){
    .wpb-content-wrapper .vc-row-container .bn_grid-adaption .wpb_row {
        margin-block-end: 0;
    }
}
@media (min-width:1024px) and (max-width:1200px){
    .bn_grid-adaption .vc_col-sm-4 {
        width: 33.33333%;
    }
}


/*
========== Blockquote
*/
blockquote {
    padding: 20px!important;
}
blockquote p {
    font-size: 1.6rem;
    font-weight: 300;
    font-style: italic;
    text-align: left;
    margin-top: 100px;
}
blockquote:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: -60px;
    left: 0;
    content:"\f10d";
    font-size: 200px;
    color: rgba(251,218,191,0.3);

}
blockquote::after {
    content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    /*border-bottom: 3px solid #A8191C;*/
    height: 3px;
    width: 200px;
}
blockquote small{
    font-style: normal;
    font-size: 16px;
    font-weight: 600 ;
    float: right;
}
@media screen and (min-width: 1024px){
    blockquote {
        width:70%;
        margin-left:100px;
    }
    blockquote p{
        margin-top: 50px;
        /*margin-left: 50px;*/
    }
}
/*
========== Infobox
*/
.bn_infobox-sidebar .vc_column-inner{
    font-size: 18px;
    padding: 30px 30px 0 30px;
    border-radius: 15px 15px 65px 15px;
    background: #FBDABF;
}
.bn_infobox .vc_column-inner{
    font-size: 18px;
    padding: 30px 30px 30px 30px;
    border-radius: 15px 15px 65px 15px;
    background: #FBDABF;
}
.bn_infobox-sidebar .vc_column-inner h2,
.bn_infobox h2{
    font-size: 24px;
    line-height: 1.3em;
}

.bn_big_infobox{
    padding: 30px 30px 30px 30px;
    border-radius: 15px 15px 65px 15px;
}
.bn_infobox.white .vc_column-inner{
    font-size: 18px;
    padding: 30px 30px 30px 30px;
    border-radius: 15px 15px 65px 15px;
    background: #ffffff;
}

/*
========== CTA-box
*/
.bn_cta-box{
    padding: 20px;
    border-radius: 20px 20px 45px 20px;
    background: #FBDABF;
}
/*   PORTFOLIO
========== Masonry Media Grid
*/
.post-navigation__link-label-title{
    font-size: 18px;
    color: #A8191C;
}
button.load-more__view-more{
    font-size: 16px;
    padding: 14px 20px;
    border: 2px solid #a8191c;
    border-radius: 2rem;
}
button.load-more__view-more:hover{
    color: #A8191C;
    background-color: #ffffff;
    border: 2px solid #A8191C;
}
.portfolio-items .portfolio-item--type-1 .portfolio-item__details:not(:first-child){
    margin-block-start: 10px;
}
.portfolio-item__details h3.link-plain {
    font-size: 18px;
    line-height: 1.3em;
}
.portfolio-item__details h3.link-plain a{
    color: #A8191C;
}
.archive.post-type-archive.post-type-archive-portfolio .main-content{
    padding-top:50px;
}
.vc_gitem_row .vc_gitem-col {
    padding: 5px 0;
}
.single-portfolio__image--caption-below figcaption,
.vc_gitem-zone.vc_gitem-zone-c p{
    font-size: .8em;
}
.single-portfolio__image--caption-hover figcaption {
    opacity: 1 !important;
    visibility: visible;
    margin-top:100px!important;
}

/*Bilduntertitel immer an*/
.wp-block-image figcaption {
    display: block !important;
}

/*
========== Blog Posts
*/
.blog .page-heading {
    padding-top: 70px;
}
.blog .page-heading .page-heading__title.link-block{
    margin-bottom: 20px !important;

}
.read-more{
    font-weight: 600;
}
@media (min-width: 768px) and (max-width:1024px){
    .grid.columns-md-3 {
        --k-grid-columns: 2;
    }
}

.entry-content.link-style .bn_blog ul.blog-posts.grid li {
    padding-left: 0!important;
}
.blog-posts.grid .post-item{
    border-width: 2px;
    border-radius: 15px 15px 65px 15px;
}
.blog-posts .post-item .post-details .entry-meta{
    gap:0;
}
.blog-posts .post-item .post-details {
    font-size: 16px;
    font-weight: 600;
}
.post-excerpt.entry-summary p {
    margin-bottom: .5rem;
}
.post-meta.category a{
    color: #a8191c;
}
/*.home .image-placeholder.loaded :is(img),*/
/*.bn_blog .image-placeholder.loaded :is(img){*/
/*    height: 300px;*/
/*    width: auto;*/
/*    margin: 0 auto;*/
/*}*/

.home .post-item{
    padding: 20px;
}
.home .blog-posts--boundless-image .post-details{
    padding: 0;
}

/* Blog Single */

.wp-block-archives-dropdown label{
    display: none;
}
:is(select#wp-block-archives-2) {
    border-radius: 2em;
}
.has-sidebar .sidebar{
    border-top: 2px solid #A8191C;
    border-bottom: 2px solid #A8191C;
    margin-bottom: 50px;
}
.single-post .has-sidebar .sidebar{
    margin-top: 100px;
    padding-top: 30px;
}
.wp-block-search .wp-block-search__label{
    margin-bottom: 1rem;
}
.single-post .content-wrapper,
.archive.category .page-heading{
    padding-top: 50px;
}
.wp-block-group.bn_infobox-sidebar{
    font-size: 18px;
    padding: 30px 30px 30px 30px;
    border-radius: 15px 15px 65px 15px;
    background: #FBDABF;
}
.sidebar .wp-block-button__link,
.sidebar .wp-element-button{
    color: #FFF;
    font-size: 16px;
    padding: 14px 20px;
    background-color: #A8191C;
    border: 2px solid #A8191C;
    border-radius: 2em;
    margin-left: 0;
}
.sidebar .wp-element-button:hover,
.sidebar .wp-block-button__link:hover {
    color: #A8191C;
    background-color: #ffffff;
    border: 2px solid #A8191C;:
}
.sidebar .wp-block-search__button.wp-element-button{
    border-radius: 0 2em 2em 0;
}
.sidebar .wp-block-search__input{
    border-radius: 2em 0 0 2em;
}
.wp-block-search .wp-block-search__label{
    font-size: 1.37475rem;
}
@media screen and (min-width: 1024px) {
    .single-post .wpb_single_image .vc_figure-caption {
        width: 70%;
    }
}

/* Blog Archive */
.archive .page-heading{
    padding-top:50px;
}
.archive .content-wrapper{
    padding-bottom: 50px;
}
/*
========== Lists
*/
.vc_column-inner ul{
    padding-left: 0;
}
.wpb_text_column li:before,
.entry-content.link-style .bn_lists .wpb_wrapper ul:not(.blog-posts.grid) li:before,
.sidebar .link-style li:before,
.wp-block-latest-posts.wp-block-latest-posts__list li:before,
.widget ul li:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    height: 7px;
    width: 24px;
    background-size: contain;
    background-image: url("https://hamburger-wohnstifte.de/wp-content/uploads/2025/05/list-icon.png");
}
.wpb_text_column ul ul li:before,
.sidebar .link-style ul ul li:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    height: 7px;
    width: 12px;
    background-size: contain;
    background-image: url("https://hamburger-wohnstifte.de/wp-content/uploads/2025/05/list-icon.png");
}
.entry-content.link-style ul li,
.entry-content.link-style .bn_lists .wpb_wrapper ul li,
.sidebar .link-style li, .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget ul li, .entry-content.link-style ul.bn_download li{
    list-style: none;
    padding-left: 35px !important;
    position: relative;
    margin-bottom: 7px;
}
.widget.widget_block li >a{
    color: #A8191C;
}
.bn_list-pb20 ul li{
    margin-bottom:20px;
}
.bn_list-pb20 ul ul li{
    margin-top:5px;
    margin-bottom:5px;
}
.entry-content.link-style ul.bn_download:not(.blog-posts.grid) li{
    margin-bottom: 10px;
}
.entry-content.link-style ul.bn_download:not(.blog-posts.grid) li:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-size: contain;
    background-image: url("https://hamburger-wohnstifte.de/wp-content/uploads/2025/09/download-solid-full.svg");
}



/*
========== Newsletter
*/
.rmBody.rmBody--subscription.rmBody--embed #rmOrganism .rmBase {
    margin: 0 !important;
}

/*
========== Footer
*/
.lb-element-footer-container-row-1 .lb-element-column{
    border-bottom:  1px solid #A8191C;
    padding-bottom: 10px;
}
.lb-element-footer-container-row .link-style :is(p>a,strong>a,em>a,li:not([class]) a,.link,.links>a,.all-links a):where(:not(.button)){
    color: #A8191C;
}
.widget ul.wp-block-social-links li.wp-social-link{
    padding-left: 0!important;
}
.wp-block-social-links li.wp-social-link:before{
    background-image: none;
}