.container-fluid, .container, .row, .col {
        border:0px dotted red;
    }
    h1, h2, h3, h4, h5, h6, ul, li, p, img {
        border:0px dotted yellow;
    }
    ul, li {
        border:0px dotted orange;
    }
    div {
        border:0px dotted green;
    }




html {
    font-size:18px;
    overflow: hidden;
    }
    
body{
    overflow: hidden;
    background-color:var(--hausfarbe4);
    font-family:;
    font-size:1rem;
    color:var(--hausfarbe3);

    }
h1 {
    font-size:1.8rem;
    color:var(--hausfarbe1);
}
.card h1 {
    text-transform: uppercase;
}
h2 {
    font-size:1.6rem;
    color:var(--hausfarbe2);
    padding-top:70px;
    margin-top:-70px;
}
h3 {
    font-size:1.4rem;
    color:var(--hausfarbe2);
}
h4, 
h5, 
h6 {
    font-size:1.2rem;
}
p {
    font-size:1rem;
}
ol.p {list-style-type: lower-latin;}
a, 
a:visited {
    color:var(--hausfarbe1);
    text-decoration:none;

}
a:hover, 
a:active {
    color:var(--hausfarbe1);
    text-decoration:;

}

.btn {
        border:2px solid var(--hausfarbe1); 
        color:var(--hausfarbe1);
        background-color:#ffffff;
    }
    .btn:hover {
        border:2px solid var(--hausfarbe1); 
        color:var(--hausfarbe1);
        background-color:#ffffff;
    }


 

.help.card-body {
    border:0px solid var(--hausfarbe1);
    background-color: var(--hausfarbe2);
    color:var(--hausfarbe4);
}



        
    
    .login .content {
        padding-top:66px; 
        height:100%;
        overflow-y: scroll;

    }
    ------login .content::after {
  content: "";
        background-image:url(https://www.datenschutz.com/siegel/DS_index.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size:62% ;
        

         -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

        
        top: 0;
  left: 0;
  bottom: 0;
  right: 0;
opacity: 0.05;
  position: absolute;
  z-index: -1;
}
-----login .content-footer {
        height: 100px;
        background-image:url(https://www.datenschutz.com/siegel/DS_index.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size:100px;;
        

         -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

}
    .login .contentbar {
        border-bottom:1px solid var(--hausfarbe5);
        height:30px;
    }
    .login .returnbar {
        margin-top:20px;
        font-size:0.65rem;
    }
#accordion .card {
    margin-bottom: 10px;
}
.card {margin-bottom:30px;}

.card.todo {
    background-color:var(--hausfarbe2);
    color:var(--hausfarbe4);
    
}
.card .card-header, .card .card-footer {
    background-color:var(--hausfarbe5);
}
.card.todo .card-header {
    background-color:var(--hausfarbe1);


}

.card ul li,
.card ol li,
.card p,
.card a {
    font-size:0.8rem;
    padding:;
}
.card .card-body.table-responsive {
    padding-left:0; 
    padding-right:0;
}
.card-body.text {padding:8%; }
.card-body.text p {text-align: justify;}
.card-body.text p,
.card-body.text ul li,
.card-body.text ol li {font-size:1rem;}
.card .table {
    font-size:0.8rem;
}
.card .table thead tr th {
    border:0;
}
.card .table tbody tr th {
    padding-left:20px;
}
.card .table tbody tr td.status {
    padding-right:;
    text-align: center;
    color:var(--hausfarbe1);
}


/* -------------- signin start -------------- */
html.signin {
overflow-y:scroll;
}
html.signin body {
overflow-y:scroll;
}
/* -------------- signin end -------------- */



/* -------------- _navbar start -------------- */
.login nav.navbar {
    background-color: var(--hausfarbe1);
}

div.dropdown-menu {
left:-80px;


}
/* -------------- _navbar end -------------- */
    
    
/*
@media screen and (min-width:768px) {

html, body {
    overflow: hidden;
}
.sidebar_login {
    overflow-y:scroll;
}
.sidebar_login ul li {
    font-size:0.75rem;
    line-height:30px;
    padding-left:20px;
    }
    .sidebar_login ul li.first {
        padding-left:15px;
        font-size:0.65rem;
        }
.sidebar_login ul li:hover {
    background-color: var(--hausfarbe4);
    } 

.content_login {
    overflow-y: scroll;
    }
}
    */
    
    
@media screen and (max-width:767px) {

html, body {
    overflow: hidden;
}
.sidebar_login {

}
.sidebar_login ul li {
    font-size:1rem;
    line-height:30px;
    padding-left:20px;
    }
    .sidebar_login ul li.first {
        padding-left:15px;
        font-size:1.1rem;
        }
.sidebar_login ul li:hover {
    background-color: var(--hausfarbe4);
    } 

.content_login {
    overflow-y: scroll;
    }


}
    
    
    
    
@media screen and (max-width:575px) {


.sidebar_login ul li {
    font-size:1.25rem;
    line-height:43px;
    padding-left:30px;
    }
    .last:before {
        font-family: FontAwesome;
        display: inline-block;
        padding-right: 6px;
        vertical-align: middle;
        content:"\f002";
        }
    .sidebar_login ul li.first {
        padding-left:15px;
        font-size:0.95rem;
        }
.sidebar_login ul li:hover {
    background-color: var(--hausfarbe4);
    } 

}





/* sicherung sidebar

.sidebar {
    padding:66px 0 5px 0;
    min-height:100vh;
    border-right:1px solid var(--hausfarbe5);
    overflow-y: scroll;
}
    
.sidebar ul {
    padding:0;
    margin:0;
    width:100%;
    
}
    .sidebar ul.last {
        border-bottom:1px solid var(--hausfarbe5);
    }
    
    .sidebar ul.sub {
        border-bottom:1px solid var(--hausfarbe5);
        background-color: var(--hausfarbe5);
    }
    .sidebar ul.sub li{
        font-size:0.7rem;
    }
    .sidebar ul.sub li:hover {
        background-color:var(--hausfarbe6);
    }
    
    .sidebar ul a:hover {
        text-decoration: none;
        cursor: default; 
    }

    .sidebar ul a.meldung li {
        color:var(--hausfarbe1);
    }
    .sidebar ul a.meldung li:hover {
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe4);
    }
        
        .sidebar ul li {
            text-align:left;
            padding-left:20px;
            margin-left:0;
            line-height:25px;
            font-size:0.8rem;
            color:var(--hausfarbe3);
            list-style:none;
        }
        .sidebar ul li:hover {
            background-color: var(--hausfarbe5);
        }

        .sidebar ul li.first {
            padding-left:10px;
            padding-right:10px;
            line-height:initial;
            font-size:0.7rem;
            margin-top:10px;
        }
        .sidebar ul li small {
            padding-right:10px;
        }
            .sidebar ul li.ansprechpartner {
                padding-left:47px;
                font-size:0.65rem;
                background-color:var(--hausfarbe4);
            }   
                .sidebar ul li.first:hover{
                    background-color:var(--hausfarbe4);
                }
*/





/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .sidebar {
    padding:66px 0 5px 0;
    min-height:100vh;
    border-right:1px solid var(--hausfarbe5);
    overflow-y: scroll;
}
    
.sidebar ul {
    padding:0;
    margin:0;
    width:100%;
    
}
    .sidebar ul.last {
        border-bottom:1px solid var(--hausfarbe5);
    }
    
    .sidebar ul.sub {
        border-bottom:1px solid var(--hausfarbe5);
        background-color: var(--hausfarbe5);
    }
    .sidebar ul.sub li{
        font-size:0.7rem;
    }
    .sidebar ul.sub li:hover {
        background-color:var(--hausfarbe6);
    }
    
    .sidebar ul a:hover {
        text-decoration: none;

    }

    .sidebar ul a.meldung li {
        color:var(--hausfarbe1);
    }
    .sidebar ul a.meldung li:hover {
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe4);
    }
        
        .sidebar ul li {
            text-align:left;
            padding-left:20px;
            margin-left:0;
            line-height:25px;
            font-size:0.8rem;
            color:var(--hausfarbe3);
            list-style:none;
        }
        .sidebar ul li:hover {
            background-color: var(--hausfarbe5);
        }

        .sidebar ul li.first {
            padding-left:10px;
            padding-right:10px;
            line-height:initial;
            font-size:0.7rem;
            margin-top:10px;
        }
        .sidebar ul li small {
            padding-right:10px;
        }
            .sidebar ul li.ansprechpartner {
                padding-left:47px;
                font-size:0.65rem;
                background-color:var(--hausfarbe4);
            }   
                .sidebar ul li.first:hover{
                    background-color:var(--hausfarbe4);
                }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

    
    
.sidebar {
    padding:66px 0 5px 0;
    min-height:100vh;
    border-right:1px solid var(--hausfarbe5);
    overflow-y: scroll;
}
    
.sidebar ul {
    padding:0;
    margin:0;
    width:100%;
    
}
    .sidebar ul.last {
        border-bottom:1px solid var(--hausfarbe5);
    }
    
    .sidebar ul.sub {
        border-bottom:1px solid var(--hausfarbe5);
        background-color: var(--hausfarbe5);
    }
    .sidebar ul.sub li{
        font-size:0.7rem;
    }
    .sidebar ul.sub li:hover {
        background-color:var(--hausfarbe6);
    }
    
    .sidebar ul a:hover {
        text-decoration: none;

    }

    .sidebar ul a.meldung li {
        color:var(--hausfarbe1);
    }
    .sidebar ul a.meldung li:hover {
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe4);
    }
        
        .sidebar ul li {
            text-align:left;
            padding-left:20px;
            margin-left:0;
            line-height:35px;
            font-size:1.0rem;
            color:var(--hausfarbe3);
            list-style:none;
        }
        .sidebar ul li:hover {
            background-color: var(--hausfarbe5);
        }

        .sidebar ul li.first {
            padding-left:10px;
            padding-right:10px;
            line-height:initial;
            font-size:0.8rem;
            margin-top:10px;
        }
        .sidebar ul li small {
            padding-right:10px;
        }
            .sidebar ul li.ansprechpartner {
                padding-left:47px;
                font-size:0.65rem;
                background-color:var(--hausfarbe4);
            }   
                .sidebar ul li.first:hover{
                    background-color:var(--hausfarbe4);
                }
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
    
    
.sidebar {
    padding:66px 0 5px 0;
    min-height:100vh;
    border-right:1px solid var(--hausfarbe5);
    overflow-y: scroll;
}
    
.sidebar ul {
    padding:0;
    margin:0;
    width:100%;
    
}
    .sidebar ul.last {
        border-bottom:1px solid var(--hausfarbe5);
    }
    
    .sidebar ul.sub {
        border-bottom:1px solid var(--hausfarbe5);
        background-color: var(--hausfarbe5);
    }
    .sidebar ul.sub li{
        font-size:0.7rem;
    }
    .sidebar ul.sub li:hover {
        background-color:var(--hausfarbe6);
    }
    
    .sidebar ul a:hover {
        text-decoration: none;

    }

    .sidebar ul a.meldung li {
        color:var(--hausfarbe1);
    }
    .sidebar ul a.meldung li:hover {
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe4);
    }
        
        .sidebar ul li {
            text-align:left;
            padding-left:20px;
            margin-left:0;
            line-height:25px;
            font-size:0.8rem;
            color:var(--hausfarbe3);
            list-style:none;
        }
        .sidebar ul li:hover {
            background-color: var(--hausfarbe5);
        }

        .sidebar ul li.first {
            padding-left:10px;
            padding-right:10px;
            line-height:initial;
            font-size:0.7rem;
            margin-top:10px;
        }
        .sidebar ul li.first span {
            color:var(--hausfarbe1);
        }
        .sidebar ul li small {
            padding-right:10px;
        }
            .sidebar ul li.ansprechpartner {
                padding-left:47px;
                font-size:0.65rem;
                background-color:var(--hausfarbe4);
            }   
                .sidebar ul li.first:hover{
                    background-color:var(--hausfarbe4);
                }
    
    
}