/*! Place your custom styles here */

#impressum h4{color:#c25148;}

footer a{color:#000!important;text-decoration: none!important;}
footer a:hover{color:#c25148!important;text-decoration: none!important;}

.w100{width:100%;}

a:hover{text-decoration: none;}

h3{color:#c25148;}


.btnn{
    border: none;
    outline: none;
    padding: 12px 10px;
    background-color:#fff;
    cursor:pointer;
    width:120px;
    border-radius:10px;
}
.btnn:hover{
    background-color: #ddd;
}
.btnn.active{
    background-color: #666;
    color:#fff;
}

.columnnn {
    display: none; 
}
.show {
    display: table-row;
}
.btnn2{border:none;font-weight:600;height:2em;}
.btnn2:hover{color:#ad0d02;}

.bezeichnung td{
    font-size:1em;
    padding:0px;
    line-height: 1.2em;
    vertical-align: top;
}
#beschreibung ul{line-height: 1.2em;}
#beschreibung li{
    list-style-type: disc;
    list-style-position: outside;
    margin-left:15px;
    font-size:1em;
}

#menu{background:#efefef;}

#beschreibung td{vertical-align: top;}

#funktionen td{padding: 0px 5px;vertical-align: top;}

#media img{max-height:143px;}

#media .abstand{margin-bottom:25px;}

.ab-filter{
    width:12.5%;
}

.menu-horizontal > li{
    display: inline-block;
    padding-right:25px;
}

#menu1{background:#efefef;}

#menu2 {
    position: sticky;
    top: 100px;
    background:#fff;
    z-index:10;
}
#stophier{
    position: sticky;
    top: 228px;
    background:#fff;
    z-index:9;
}

@media (max-width: 1029px){
    #menu2 {top: 90px;}
    #stophier{top: 207px;}
}

@media (max-width: 991px){
    #menu2 {top: 0px;}
    #stophier{top: 117px;}
    .btnn{width:110px;}
}
@media (max-width: 880px){
    #menu2 {top: 0px;}
    #stophier{top: 163px;}
}
@media (max-width: 769px){
    #stophier{top: 180px;}
}
@media (max-width: 660px){
    #menu2 {top: unset;  }
    #stophier{top: unset;}
}


.no-handy{display:block;}
.only-handy{display:none;}

.fuss-text{text-align:right;}

@media (max-width: 880px){
    table th, table td {
        padding: 7px;
        font-size:12px;
        color:#000;
        line-height:12px;
    }
    .ab-filter{
        width:25%;
    }
}

@media (max-width: 768px){
    table th{color:#fff!important;}

    table th, table td {
        padding: 5px;
        font-size:9px;
        color:#000;
        line-height:10px;
    }
    .ab-filter{
        width:25%;
    }
    .no-handy{display:none;}
    .only-handy{display:block;}
    .menu-horizontal > li{
        display: block;
        padding-right:25px;
        text-align:right;
    }
    
    .dropdown .dropdown__content:not([class*="bg-"]) {
        background: rgba(244, 197, 197, 0.8);
    }

    #menu1 .dropdown .dropdown__content:not([class*="bg-"]) {
        background: rgba(255,255,255, 0.8);
    }

    #menu1 .dropdown .dropdown__container {
        margin-left: -65px;
        border-radius: 10px;
        margin-top: -10px;
    }
    section{padding-bottom:10px;}

    #menu1{
        z-index: 999;
        position: absolute;
        float: right;
        display: block;
        text-align: right;
        margin-left: 75%;
        width: 25%;
        background: rgba(244, 197, 197, 0.8);
        border-radius: 10px;
        color: #000;
        padding-bottom: 0px;
        margin-top: -40px;
    }
}

@media (min-width: 1140px){
    .container{max-width:1140px!important;}
}

@media (min-width: 768px){
    .container{max-width:1140px;}
}
@media (max-width: 660px){
    #menu1{
        margin-left:55%;
        min-width: 180px;
    }
    .btnn2{
        font-size: 14px;
    }
    .ab-filter{
        width:33.3333%;
    }
}
@media (min-width: 576px){
    .container{max-width:unset;}
}

@media (max-width: 576px){
    .fuss-text{text-align:center;}
}