/*
 * Custom code for cms goes here.
 * A template should always ship with an empty custom.css
 */

.page-content--cms a:hover {
    text-decoration-line: underline;
}
.page-wrapper--cms h1 {
    text-transform: inherit;
}
.page-content--cms ul {
    list-style-type: disc;
    padding: 0.6rem 0.6rem 0.6rem 1rem;
}
.page-content--cms h3{
    margin-bottom:20px;
}
.page-cms .page-header{
    display:none;
}
.page-cms b,.page-cms strong{
    font-weight: 500;
}
.page-cms p{
    font-weight: 300;
}
.page-cms .page-content{
    font-size:13px;
}
.page-cms p a{
    border-bottom: 1px dashed;
    color: #5f574e;
}
.page-content--cms ul li{
    font-weight: 300;
}
.page-content--cms .versandkosten {
    display:flex;
    align-items: center;
    margin-top:15px;
}
.page-content--cms .versandkosten img{
    margin:0 3px;
}
.cms-id-12 .page-content--cms ul{
    border: 1px solid #e6e6e6;
    padding: 20px 10px 10px 30px !important;
    margin-bottom: 20px;
}
.cms-id-12 .page-content--cms ul li {
    background: white;
    padding: 10px 5px 10px 5px;
    margin-bottom: 10px;
}
.bildnachweis{
    text-align: right;
    font-size: 9px;
}
.absatz_cms table.formulare td {
    font-size: 130%;
    line-height: 120%;
    text-align: right;
    hyphens: auto;
}
table.formulare tr.header td {
    text-align: center;
}
table.formulare, table.formulare_res {
    width: 100%;
    margin-top: 40px;
}
table.formulare_res {
    display: none;
}
table.formulare tr.header {
    background: #eee;
}
.cms-id-14 #content-wrapper table td,.cms-id-14 #content-wrapper  table th {
    padding: 9px 10px;
    font-weight: 300;
}
#cms #content > h2{
    font-size:22px;
    margin-bottom:15px;
}
.panobild > img{
    padding:5px;
    border:1px solid #e6e6e6;
    margin:0 0 15px 0;
}
.cms-id-14 .absatz_cms .panobild > img{
    padding:5px;
    border:1px solid #e6e6e6;
    margin:0;
} 
.cms-id-14 .absatz_cms  .formulare .header h2{
    margin:0;
    padding:10px;
}
.col-sm-8.abstand{
    float:left;

}
.col-sm-4.abstand{
    float:right;
    
}
.cms-id-16 #content > h1,.cms-id-52 #content > h1{
font-size:28px;
}
.cms-id-16 .katalog, .cms-id-52 .katalog{
    width: 100%;
    height: auto;
    border: 1px solid #D6D4D4;
    background: #F9F9F9;
}
.cms-id-16 .katalogtext, .cms-id-52 .katalogtext{
    background: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    padding: 8px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.cms-id-16 .katalogtext > p,.cms-id-52 .katalogtext > p{
    margin:0;
}
.cms-id-16 tr td ,.cms-id-52 tr td{
    width:33%;
    padding: 0 2.5% 15px 2.5%;
}
.cms-id-28 #content > p> img{
    margin:0;
    margin-bottom:30px;
}
.cms-id-28.page-cms p{
    margin-bottom:40px;
}
.cms-id-28 #content > h1{
    font-size:28px;
}
.cms-id-16 .katalogbild{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border: 1px solid #D6D4D4;
    margin-top:10px;
}
.cms-id-32 .advanced-cms-wrapper {
    float: left;
}
.cms-id-32 .advanced-cms-wrapper ul {
    list-style-type: none;
}
@media(min-width:767px){
    .navbarcontainer{
        display:flex;
    }
    .navbarcontainer .nav{
        width:40%;
    } 
}
    .navbarcontainer .nav .nav-link{
        color:black;
        padding:20px 10px;
    }


.navbarcontainer .nav .nav-link.active, #bsx-tabset1,.navbarcontainer .nav .nav-link:hover{
    background-color: #f2F3F1;
    text-decoration-line:none;
}
.navbarcontainer .nav .nav-link{
    border-bottom: 1px solid #f2F3F1;
}
.cms-id-31 #bsx-tabset1{
    width: 100%;
}
.page-cms-43 p,.page-cms-47 p{
    margin-bottom:20px;
}
#bsx-tabset1{
    padding:25px;
}
.cms-id-29 .abstand{
    margin-top:40px;
}
@media(max-width:767px){
    .cms-id-14 .absatz_cms  .formulare .header, .cms-id-14 .absatz_cms  .formulare .drei{
        display:none;
    }
    .cms-id-14 .absatz_cms  .formulare tbody tr{
        display:grid;
        grid-template-columns: repeat(2, 50%);
    }
    .cms-id-14 .absatz_cms .eins,.cms-id-14 .absatz_cms .vier{
        text-align: left;
        font-size:13px;
        display: flex;
        align-items: center;
        margin-left:10px;
    }
    .cms-id-14 .absatz_cms .zwei,.cms-id-14 .absatz_cms .fuenf{
        text-align: right;
        font-size:13px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    } 
    .cms-id-14 .absatz_cms  .formulare tr a {
        max-width: 97px;
    }
    #cms .footer-container{
        margin-top:0;
    }
}