* {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
}

body {
    margin: auto; 
    padding: 0;

    background-image: url("../imgs/lac_leman2.jpg");
    /* background-image: url("../imgs/wasser1_small.jpg"); */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}
a {text-decoration: none; font-size: 1.5em; color: white; }
.a_link_intro { font-size: 1.5em; color: white; }

a:hover { color: #0A1FB9; /*border-bottom: solid #0A1FB9;*/}   /* color: #D85252; border-bottom: solid #D85252; */

.row {display: flex; width: 100%; } /* mehrere rows aneinanderreihen, mit mehrere Divs  */
.row_n { display: flex; width: 100%;  position: sticky; top: 0; height: 70px; /*background-color:  #F4F4F4;*/ } /*  row Navigation only  */
.row_spacing { padding: 10px 0; background-color: #FFFFFF; /*color: blue;*/ } /*  row padding only  */
.div_l { width: 20%; flex-basis: 200px; flex-shrink: 10; flex-grow: 1; /*background-color: green;*/}
.div_m { width: 80%; flex-basis: 1000px; flex-shrink: 1; flex-grow: 10;  /*background-color: #FFFFFF;*/ }
.div_r { width: 20%; flex-basis: 200px; flex-shrink: 5; flex-grow: 2; /*background-color: green;*/}

.div_links { justify-content: center; align-items: center; text-align: right; padding-top: 10px; }
.link { font-size: 1.5em; margin-right: 30px; }

.container {display: flex; flex-direction: row; /*background-color: green;*/ }
.box_left { width: 50%; padding-left: 10px;  text-align: left; /*background-color: green;*/ }
.box_center { width: 100%; text-align: left; /*background-color: red;*/ }
.box_right { width: 50%; text-align: left; /*background-color: red;*/ }

.intro_adr1 { font-size: 1.5em; color: white; padding-bottom: 5px; line-height: 50px;}
.intro_adr2 { font-size: 1.3em; color: white; line-height: 30px;}
.box_zitat { padding-top: 80px; }
.intro_zitat_ref { font-size: 1em; color: white; line-height: 30px;}
.intro_zitat_txt {font-size: 1.5em; color: white; font-style: italic; }

.intro_in_bearb { font-size: 1.4em; color: red; }


@media only screen and (max-width: 800px) {
    .div_links { text-align: center; padding-top: 10px; }
    .link { font-size: 1.3em; margin-right: 15px; }
    .container {display: flex; flex-direction: column; /*background-color: green;*/ }
    .box_left { width: 90%;  /*text-align: left;*/ }
    .box_adr__ { width: 90%; /*text-align: left;*/ }
    .box_right__ { width: 90%; /*text-align: left;*/ }
    .box_zitat { width: 90%; padding-left: 10px;  padding-top: 30px; }
    .intro_zitat_ref { font-size: 1.3em; color: white; line-height: 20px;}
    .intro_zitat_txt {font-size: 1.3em; color: white; font-style: italic; }
}

@media only screen and (max-width: 600px) {
    .div_links { text-align: center; padding-top: 10px; }
    .link { font-size: 1.2em; margin-right: 5px;  }

}