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



html, body {
    background-color:#efefef;
    font-size:14px;
    color:#45494e;
    }
    body.login {
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe3);
        }
        .complete {
            background-color:var(--hausfarbe4);
        }

   
    h1 {
        font-size:2.8rem;
        padding:60px 0px 40px 0px;
        border:0px dotted red;
        color:var(--hausfarbe1);
        text-transform:normal;
         /* font-family:var(--font, Georgia, "Times New Roman");*/
        
    }
    h2 {
        font-size:2.4rem;
        color: var(--hausfarbe2);
         /* font-family:var(--font, Georgia, "Times New Roman");*/
    }
    h3 {
        font-size:2rem;
        color:var(--hausfarbe3);
         /* font-family:var(--font, Georgia, "Times New Roman");*/
    }
    h4 {
        font-size:1.6rem;
        color:var(--hausfarbe3);
        /* font-family:var(--font, Georgia, "Times New Roman");*/
    }
    h5 {
        font-size:1.6rem;
        color:var(--hausfarbe1);
       /* font-family:var(--font, Georgia, "Times New Roman");*/
    }
    
    p {
        font-size:1.2rem;
        /* font-family:var(--font, Georgia, "Times New Roman");*/
        text-align:;
    }
    
    a, a:visited {
        color:var(--hausfarbe1);
        text-decoration:none;
    }
    a:hover, a:active {
        color:var(--hausfarbe1);
        text-decoration:underline;
        cursor:pointer;
    }
    ul {
        margin:0;
        
    }
    
    ul li, ol li {
        margin:3px 0 3px 0;
        font-size:1.2rem;
        
        
    }


/* -------- header start -------------------------------------------------------------- header start ---------*/
.header {
        background-color:#ffffff;
        padding:0;
    }


.toolbar, .toolbar ul li {
    font-size:0.6rem;
    text-transform: uppercase;
}
.toolbar a, .toolbar a:visited {
    color:var(--hausfarbe3);
    text-decoration:none;

}
.toolbar a:hover, .toolbar a:active {
    color:var(--hausfarbe3);
    text-decoration:underline;
    cursor:pointer;
}
.menubar {
    font-size:1.1rem;
    text-transform:;

}
.menubar a, .toolbar a:visited {
    color:var(--hausfarbe3);
    text-decoration:none;

}
.menubar a:hover, .menubar a:active {
    color:var(--hausfarbe1);
    text-decoration:none;
    cursor:pointer;
}




    
/* --------- header end ---------*/




/* -------- pagedesign start -------------------------------------------------------------- pagedesign start ---------*/


    .page .row .container .col {
        background-color:#ffffff;
        }
    .page .row .container .col .row{
        padding:3%;
        }
    .page .thumbnail {
        background-color:var(--hausfarbe4);
    }


.page_margin .row .d-sm-none{
    margin-top:75px;
}
.page_margin .row .d-sm-block {
    margin-top:125px;
}
.page_margin .row .d-md-block {
    margin-top:150px;
}
.page_margin .row .d-lg-block {
    margin-top:225px;
}
    
.page .row .container .col .anchor {

    padding-top: 20%;

}

/* -------- pagedesign end ---------*/



/* -------- start form ---------*/
label.col-form-label {
    font-size:1.2rem; /* ----buchen.php ----- */
}
/* -------- end form ---------*/

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

/* -------- nopagedesign start -------------------------------------------------------------- nopagedesign start ---------*/
    .nopage {
        padding:40px 0px 40px 0px;
        background-color:#ffffff;
    }




    .invert {
        background-color:#637d96;
        color:#ffffff;
    }
    .invert h1, 
    .invert h2,
    .invert h3,
    .invert h4,
    .invert h5,
    .invert h6 {
        color:#ffffff;
    }
    .invert a {
        color:var(--hausfarbe4);
        text-decoration: underline;
    }
    
    .thumbnail p, .thumbnail ul li {
        font-size:0.8rem;
    }
    .thumbnail h4 {
            font-size:1.1rem;
            text-transform:none;
        }

    .invert .btn {
        border:2px solid var(--hausfarbe4); 
        color:var(--hausfarbe4);
        background-color:var(--hausfarbe2);
        text-decoration: none;
    }
    .invert.btn:hover {
        border:2px solid var(--hausfarbe4); 
        color:var(--hausfarbe4);
        background-color:var(--hausfarbe2);
    }


/* -------- nopagedesign end -------------------------------------------------------------- nopagedesign end ---------*/
    
   



    
    
    
    







/* -------- footer start -------------------------------------------------------------- footer start ---------*/
.breadcrumb {
    font-size:;
    background-color:var(--hausfarbe1);
    color:var(--hausfarbe4);
    padding:0;
    margin:0;
    }
    .breadcrumb a, .breadcrumb a:visited {
        color:var(--hausfarbe4);
        text-decoration:none;
        font-weight: bold;
        }
    .breadcrumb a:hover, .breadcrumb a:active {
        color:var(--hausfarbe4);
        text-decoration: underline;
        cursor: pointer;
        }
  
.footer {
    font-size:1.1rem;
    background-color:var(--hausfarbe4);
    color:var(--hausfarbe3);
    padding:0;
    }
    .footer ul li {
        font-size:1.1rem;
        }
    .footer a, .footer a:visited {
        color:var(--hausfarbe1);
        text-decoration:none;
        }
    .footer a:hover, .footer a:active {
        color:var(--hausfarbe1);
        text-decoration: underline;
        cursor: pointer;
        }
        
        .subfooter2 {

            background-color:#637d96;
            color:#ffffff;
            }
            .subfooter2 a, .subfooter2 a:visited {
                color:var(--hausfarbe4);
                text-decoration:none;
                }
            .subfooter2 a:hover, .subfooter2 a:active {
                color:var(--hausfarbe4);
                text-decoration: underline;
                cursor: pointer;
                }
        .subfooter3 {

            background-color:#ffffff;
            color:var(--hausfarbe3);
            }
            .subfooter3 a, .subfooter3 a:visited {
                color:var(--hausfarbe2);
                font-weight: bold;
                text-decoration:none;
                }
            .subfooter3 a:hover, .subfooter3 a:active {
                color:var(--hausfarbe1);
                text-decoration: underline;
                cursor: pointer;
                }

/* --------  footer end ---------*/    


















    
    .padding {
        border:0px dotted red; 
        padding:1% 3%;
    }
    .nopadding {
        border:0px dotted red; 
        padding:0;
    }
    
    .menu ul {
        padding-left:0;
        margin-left:0;
        padding-top:30px;
    }
    .menu ul li {
        text-align:left;
        padding-left:0;
        margin-left:0;
        line-height:35px;
        font-size:0.75rem;
        color:var(--hausfarbe2);
        
        
        list-style:none;
    }
    table thead tr th, 
    table tbody tr td {
        
        font-size:1.0em;
        
    }
    
    .header {
        -webkit-box-shadow:0px -3px 10px var(--hausfarbe2);
        -moz-box-shadow:0px -3px 10px var(--hausfarbe2);
        box-shadow:0px -3px 10px var(--hausfarbe2);
        z-index:999;
    }
    
    .content {
        padding:30px 30px 100px 30px;
        background-color:#ffffff;
        color:var(--hausfarbe2);

        
    }
   a.denied {
	color:#b1beca;
	}
  
    
    .callbar {
        font-size:1.3rem;
        background-color:var(--hausfarbe1);
        color:var(--hausfarbe4);
        padding:0;
        
        
    }
    .callbar a, .callbar a:visited {
        color:var(--hausfarbe4);
        text-decoration:none;
        
    }
    .callbar a:hover {
        color:var(--hausfarbe4);
        text-decoration:underline;
        cursor:pointer;
    }








    
     label {
        font-size:1rem;
    }
    
/* navbar start */  
    
.navbar-default {
    background-color:#ffffff;
    border:0px solid #ffffff;
    opacity:0.97;
    font-size:0.8rem;
   /* 
    -webkit-box-shadow:0px -5px 10px <?php echo $hausfarbe2; ?>;
    -moz-box-shadow:0px -5px 10px <?php echo $hausfarbe2; ?>;
    box-shadow:0px -5px 10px <?php echo $hausfarbe2; ?>;
    z-index:999;
    */
}
    .navbar-login {
        background-color:var(--hausfarbe1);
        font-size:0.7rem;
        opacity:1;
        
        height:50px;
        }
        
    
/* Text */
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li {
    color:var(--hausfarbe2);
    text-align:center;
    
}  
    .navbar-login .navbar-text,
    .navbar-login .navbar-nav > li {
        color:var(--hausfarbe3);
    } 
        .fortschritt li {
            background-color:var(--hausfarbe2);
        }
       /    .fortschritt li.expired {
                background-color:var(--hausfarbe1);
                color:var(--hausfarbe4);
            }
            .fortschritt li.active {
                background-color:var(--hausfarbe4);
                color:#ffffff;
            }
            .fortschritt li.pending {
                background-color:var(--hausfarbe2);
                color:#777777;
            }
            .fortschritt li.failed {
                background-color:var(--hausfarbe2);
                color:var(--hausfarbe3);
            }
            .fortschritt li.restricted {
                background-color:var(--hausfarbe2);
                color:#b1beca;
            }
            .fortschritt li.complete {
                background-color:var(--hausfarbe1);
                color:var(--hausfarbe3);
            }

/* Link */
.navbar-default .navbar-nav > li > a {
    color:var(--hausfarbe2);
    text-transform:uppercase;
}
     
    .navbar-login .navbar-nav > li > a {
        color:var(--hausfarbe3);
    }
 
            .fortschritt li a.expired {
                color:#777777;
                cursor:not-allowed;
            }
            .fortschritt li a.active {
                color:#ffffff;
            }
            .fortschritt li a.failed {
                color:#777777;
                cursor:not-allowed;
            }
            .fortschritt li a.restricted {
                color:#777777;
                cursor:not-allowed;
            }
            .fortschritt li a.complete {
                color:var(--hausfarbe3);
            }

        
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color:var(--hausfarbe3);
    background-color:var(--hausfarbe1);
}
    .navbar-login .navbar-nav > li > a:hover,
    .navbar-login .navbar-nav > li > a:focus {
        color:var(--hausfarbe3);
        background-color:var(--hausfarbe4);
    }
        .fortschritt > li > a:hover,
        .fortschritt li a:focus {
            color:#ffffff;
            background-color:var(--hausfarbe2);
        }
    
  
            .fortschritt li a:hover.expired,
            .fortschritt li a:focus.expired{
                color:#777777;
                cursor:not-allowed;
                background-color:var(--hausfarbe2);
            }
            .fortschritt li a:hover.active,
            .fortschritt li a:focus.active{
                color:#ffffff;
                background-color:var(--hausfarbe2);
            }
            .fortschritt li a:hover.failed,
            .fortschritt li a:focus.failed{
                color:#777777;
                cursor:not-allowed;
                background-color:var(--hausfarbe2);
            }
            .fortschritt li a:hover.restricted,
            .fortschritt li a:focus.restricted{
                color:#777777;
                cursor:not-allowed;
                background-color:var(--hausfarbe3);
            }
            .fortschritt li a:hover.complete,
            .fortschritt li a:focus.complete{
                color:var(--hausfarbe3);
                background-color:var(--hausfarbe2);
            }

        
        
    
    
    
.navbar-default .navbar-toggle .icon-bar {
    background-color:var(--hausfarbe2);
}
    .navbar-login .navbar-toggle .icon-bar {
        background-color:var(--hausfarbe3);
    }
/* navbar end */  
    

    
    .navbar-lg {
        font-size:0.9rem;
        border:0px dotted red;
        
    }
    .navbar-lg a, .navbar-lg a:visited {
        color:var(--hausfarbe2);
        text-decoration:none;
        text-transform:uppercase;
        border-bottom:3px solid var(--hausfarbe3);
        
    }
    .navbar-lg a:hover, .navbar-lg a:active {
        color:var(--hausfarbe2);
        text-transform:uppercase;
        border-bottom:3px solid var(--hausfarbe4);
        cursor:pointer;
        
    }
    

    
    .statusbar {
        font-size:0.7rem;
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe3);
        
        
        
    }
    
    .statusbar .active {
        background-image:url("../images/pfeil_2pt.svg");
        background-position:left;
        background-repeat:no-repeat;
        background-color:#61993b;
        color:var(--hausfarbe3);
        padding:5px;
       
        
    }
    
   
    .statusbar .next {
        background-image:url("../images/pfeil_status_next.svg");
        background-position:left;
        background-repeat:no-repeat;
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe3);
        padding:5px;
       
        
    }
    .statusbar .pending {
        background-image:url("../images/pfeil_2pt.svg");
        background-position:left;
        background-repeat:no-repeat;
        background-color:var(--hausfarbe2);
        color:var(--hausfarbe3);
        padding:5px;
        
        
    }
     .statusbar .first {
        
       background-image:none;
        
        
    }
    .statusbar a, .statusbar a:visited {
        color:var(--hausfarbe3);
        text-decoration:none;
        
    }
    .statusbar a:hover, .statusbar a:active {
        color:var(--hausfarbe3);
        text-decoration:underline;
        cursor:pointer;
    }
    
    
    
    
    @media screen and  (max-width:1199px) {
        html {
            font-size:19px;
            
        }
    }
    
    
   
    
   
    @media screen and  (max-width:991px) {
        html {
            font-size:18px;
            
        }
    }
    
   
     
    @media (max-width:767px) {
        html {
            font-size:17px;
            
        }
    }
    
    
    
    @media  screen and (max-width:575px) {
        html {
            font-size:16px;
            
        }
        h1 {
            text-align:left;
            padding-left:0;
        }
        
    }
    
    
    
    
    
    
    /* sidebar */
           .affix {
            top:50px;
            z-index:9999 !important;
            
        }
        
        
          
       
        .sidebar .active {
  font-weight:normal;
  background:none;
           
            
            
}
        

.sidebar .nav {
    display:none;
    
    
    
}
         .sidebar .nav li {
    border-bottom:0px solid var(--hausfarbe2);
            
}

.sidebar .active .nav {
  display:block;
    
    
}
        .sidebar li a:hover,
        .sidebar li a:focus {
    color:var(--hausfarbe2);
    background:none;
           
    
    
        }

.sidebar a {
    color:var(--hausfarbe2);
    font-size:0.8rem;
    
    
        }
        
    .sidebar a:hover,
    .sidebar a:focus {
        font-weight:normal;
        border-left:5px solid var(--hausfarbe1);
        color:var(--hausfarbe2);
        background:none;
        
    }

.sidebar .active:hover a,
.sidebar .active:focus a {
    font-weight:normal;
    border-left:0px solid var(--hausfarbe3);
    color:var(--hausfarbe2);
    background:none;
}
.sidebar .nav a {
    font-weight:normal;
    font-size:0.7rem;
    padding-left:35px;
    color:var(--hausfarbe2);
    padding:3px 0 3px 35px;
    
}
    
    .sidebar .nav a:hover,
    .sidebar .nav a:focus {
        padding-left:30px;
        border-left:5px solid var(--hausfarbe1);
        color:var(--hausfarbe2);
        
    }
       

.sidebar .nav .active a,
.sidebar .nav .active:hover a,
.sidebar .nav .active:focus a {
    font-weight:normal;
    padding-left:30px;
    border-left:5px solid var(--hausfarbe1);
    color:var(--hausfarbe2);
}








div .collapsed {
    cursor:pointer;
}



.pagebar {
        background-color:#637d96;
    }

.productbar .navbar-brand {
    font-size:1.6rem;
}