/*kontakt.html*/      
       
    .ContainerGoogleMaps {
        margin-left: 20px;
        margin-right: 20px;
    }

    .img-qrcode-tempus{
        width: 200px;
        height: auto;
    }           


/*  Flex-Box */    
    .flex-container {
        display: flex;
        flex-direction: column;

        margin-left: 20px;
        margin-right: 20px;
    }     

    @media all and (min-width: 50em) {     /* große Viewports ab welche Breite */
        .flex-container {
            flex-direction: row;
        }
    }

    .flex-item {
        border: 0px solid;
        margin: 0em;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 2em;
        background: #fdfcf3;   
    }

    .flex-item:nth-of-type(1) {
        background: #d8d8d8;       
        min-width: 21em;
    }

    .flex-item:nth-of-type(2) {
        background: #b3b3b3;
        min-width: 16em;
    }

    .flex-item:nth-of-type(4) {
        background: #dadada;
        min-width: 20em; 
        
        text-align: center;
    }
/*  Ende Flex-Box */  




/*  Links style für die Liste   */   
    div.StyleLinks > li {
        line-height: 150%;
        word-spacing: .1rem;
        list-style: none;
    }   

    div.StyleLinks > li > a:link {    
        color: #000000;
        text-decoration: none;
    }

    div.StyleLinks > li >  a:hover {        
        color: #002fff;  
        font-weight: bolder ;
        text-decoration: none; 
    }  

    div.StyleLinks > li >  a:active {
        color: #000000;
        background: #ffffff;    
        text-decoration: none;        
    }

    div.StyleLinks > li >  a:visited {
        color: #000000;
        text-decoration: none;
    }