/*  Farbenauswahl */
/*  ================================*/
/*  Hintergrund - Seite:    silver
    Kopf- Fusszeile:        #3d3f45   */
/*  ================================*/


/* === Dokument-Einstellungen für alle */
    body{
        margin: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 14px;
        background-color: rgb(255, 255, 255);
    }


/*  Stern * gilt für alle Elemente    */
    * { box-sizing: border-box; }
  

    
/* === Logo Oben links anzeigen, */ 
        .logo_kopf {
            height: 40px;
            width: auto;
            position: absolute; 
            left: 1.4rem;
            top: .8rem;
        }
 

/* === Kopfzeile - Nav-Zeile   */
        .header-nav {                     
            width: 100%;
            height: 22px;
            background-color:#3d3f45;
            margin-top: 56px;
        }
            /*  Logo in der Zeile nav    */
            /*    .header-nav > a > img {                 
                    height: 35px;
                    width: auto;
                    position: absolute; 
                    left: 1rem;
                    top: .5rem;
                }*/

        /*  Liste   */    
        .header-nav > ul {                  /*liste ganz oben*/
            margin: 0;                      /*liste ganz links*/
            padding: 0;
            position: absolute;
            right: 1rem;
            height: auto;       
        }
        /*  Listeneinträge  */
        .header-nav > ul > li {            
            display: inline-block;   /*Listeneinträge in einer Zeile anzeigen*/
            margin-left: .3rem;
            height: 22px;
            padding-top: .1rem; 
            padding-left: .3rem;
            padding-right: .3rem;
        }
        /*  Links style für die Liste   */    
        .header-nav > ul > li > a:link {    
            color: #fff;
            text-decoration: none;
        }
        .header-nav > ul > li > a:hover {        
            text-decoration: none;        
        }  
        .header-nav > ul > li > a:active {
            color: #fff;
            text-decoration: none;        
        }
        .header-nav > ul > li > a:visited {
            color: #fff;
            text-decoration: none;
        }
        /*  Markierung aktiver Link/Seite im Nav anzeigen  */ 
        .activeSeite{
            background-color: crimson;             
        }
/*  ================================*/




/*  inconstruction.jpg   */
    .img-fit {
        width: 100%;
        object-fit: cover;
        height: auto;    
    }

/*  Hauptteil/ Inhalt der Seite*/
    main {
        margin-left: 20px;
        margin-right: 20px;
}



/* === Buttons für Telefon und Email === */

    /*  Alle Symbole für die buttons hier verkleinen */
        .btn-img-fit{
            width: 25px;
            height: 25px;
        }
  
        .btnContain-fixed{
            position: fixed;   
            right: 15px;        /* auf die rechste Seite positionier */
            top: 15%;            /* in der Mitte 50 % von Obenpositionier*/
            width:60px;
            height: 150px;

            
        /* 
            background-color: rgb(106, 165, 255);
            border-radius: 4px;
            border: 1px solid white;
            padding-top: 10px;   /* distanz zwischen Einträge */       
            
        }
        .btn-tel {
            text-decoration: none; 
            font-size: 1rem;
            font-weight:600;
            text-align: center;
            color: #FFF ;  

            padding: .2rem .2rem;
            display: block;
            overflow: hidden;

            border: 1px solid #FFF;
            border-radius: 4px;

            transition: all 0.6s ease 0s;
            cursor: pointer;

            margin-bottom: 10px;
        }
        a.btn-tel:hover{
            background:#fff;
            color: #000;  
        }
        
        .btn-email {
            text-decoration: none; 
            font-size: 1rem;
            font-weight:600;
            text-align: center;
            color: #FFF ;  

            padding: 0.2rem .2rem;
            display: block;
            overflow: hidden;

            border: 1px solid #FFF;
            border-radius: 4px;

            transition: all 0.6s ease 0s;
            cursor: pointer;

            margin-bottom: 10px;
        }
        a.btn-email:hover{
            background:#fff;
            color: #000;  
        }
        

        .btn-telMobil {
            text-decoration: none; 
            font-size: 1rem;
            font-weight:600;
            text-align: center;
            color: #FFF ;  

            padding: 0.2rem .2rem;
            display: block;
            overflow: hidden;

            border: 1px solid #FFF;
            border-radius: 4px;

            transition: all 0.6s ease 0s;
            cursor: pointer;

            margin-bottom: 10px;
        }
        a.btn-telMobil:hover{
            background:#fff;
            color: #000;  
        }
        /*ENDE*/






/* ===  Button Back to Top CSS */  
        .btn-top {position: fixed; bottom: 10%; margin-left: 2%; opacity:0.5;} 
        a.btn-top {
            background-color:rgba(0, 0, 0, 0.3); /* 0.3 Transparenz*/
            width: 25px;
            height: 25px;
            z-index: 1;
        }   
        a.btn-top:hover {background-color: #ffffff; opacity:1; }
        /*--ENDE*/

               


/* ===  Fusszeile als sticky === */
        div.sticky {
            position: -webkit-sticky; /* Safari */
            position: sticky;
            bottom: 0;
            background-color: #3d3f45 ;
            
            color: white;
            font-size: .7rem;
            text-align: center;

            line-height: 130%;
            word-spacing: .1rem;

            padding-top: 10px;
            padding-bottom: 10px;
            } 
            div.sticky > ul {    
                padding: 0;
                margin: 0;
            }
            div.sticky > ul > li {
                display: inline-block;    
                margin: 0; 
                padding: 10;  
            }

        /*  Links style für die Liste   */    
            div.sticky > ul > li > a:link {    
                color: #fff;
                text-decoration: none;
            }
            div.sticky  > ul > li > a:hover {        
                color: #a7ff05;  
                text-decoration: none;        
            }  
            div.sticky  > ul > li > a:active {
                color: #000000;
                background: #ffffff;    
                text-decoration: none;        
            }            
            div.sticky  > ul > li > a:visited {
                color: #fff;
                text-decoration: none;
            }
            #footer-linie{height:1px;border-width:0;color:gray;background-color:gray;width: 75%;}
/*  ENDE ================================*/