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

body {
    margin: auto; 
    padding: 0;

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

}
a {text-decoration: none;}
.link { font-size: 1.5em; margin-right: 30px; color:#000000;}
.link:hover { color: #0A1FB9; /*border-bottom: solid #0A1FB9;*/}   /* color: #D85252; border-bottom: solid #D85252; */

#a_selected { color: #0A1FB9; border-bottom: solid #0A1FB9;}
.img_top { width: 100%; /*height: auto;*/ max-height: 220px; overflow: hidden; padding-bottom: 0px;}
.img_map { width: 100%; /*height: auto;*/ max-height: 500px; overflow: hidden; padding-bottom: 0px;}
.img_bf_portrait {}


.box_bio_photo { /*width: 50%;*/ min-width: 200px;}
.img_portrait { max-width: 100%; height: auto; }

/*****  def*************/

.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: 15%; flex-basis: 200px; flex-shrink: 10; flex-grow: 1; /*background-color: green;*/}
.div_m { width: 70%; flex-basis: 1000px; flex-shrink: 1; flex-grow: 10;  /*background-color: #FFFFFF;*/ }
.div_r { width: 15%; flex-basis: 200px; flex-shrink: 5; flex-grow: 2; /*background-color: green;*/}
.div_l_spez { width: 10%; flex-basis: 200px; flex-shrink: 10; flex-grow: 1; /*background-color: green;*/}
.div_m_spez { width: 80%; flex-basis: 1000px; flex-shrink: 1; flex-grow: 10;  /*background-color: #FFFFFF;*/ }
.div_r_spez { width: 10%; flex-basis: 200px; flex-shrink: 5; flex-grow: 2; /*background-color: green;*/}

.div_links { justify-content: center; align-items: center; text-align: center; padding-top: 10px; }
.div_links_intro { justify-content: center; align-items: center; text-align: right; padding-top: 10px; background-color: green; }


.container {display: flex; flex-direction: row; /*background-color: green;*/ }
.box_left { width: 50%; 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;*/ }

.ul_1 { list-style-position: outside; padding-left:2; margin-left:2;  }
.ultitel { font-size: 1.3em; }
.ultext { font-size: 1.2em; }
.li_1 { padding-left:5px; /*margin-left:0px;*/ /*font-size: 1.5em;*/ }
.li_1::marker { /*color: blue;*/ font-size: 15px; }  /*   TEST font-size auf Acer 17": 1em*/

.box_arbeitsweise { /*padding: 5px;*/ text-align: justify; font-size: 1.2em; /*border: 1px solid; border-radius: 5px;*/ /*border-style: solid; border-width: 1px;*/ }
.box_map { /*border: 1px solid;*/ max-height: 500px; width: 50%;}

input[type=text], input[type=email], textarea { width: 100%; height: 35px; box-sizing: border-box; border: solid 1px; background-color: #F6F5F4; margin-bottom: 10px; font-size: 1em; }
/*input[type=email] { width: 100%; box-sizing: border-box; }*/
textarea { resize: vertical; height: 150px; }
.check_n { display: none; /*visibility: hidden;*/ }
.cmd_submit { 
    margin-top: 15px; border: 1px solid green; border-radius: 7px; background-color: green; 
    font-size: 1.1em; color:#FFFFFF; width: 190px; height: 40px; 
    cursor: pointer;
}
.inputlabel, .check { font-size: 1.15em; }

.datenschutz { margin-top: 20px; margin-bottom: 20px; }
.datenschutz_link { text-decoration: none; font-size: 1.2em; }

@media only screen and (max-width: 800px) {
    body { padding-left: 4px; }
    .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_right { width: 90%; /*text-align: left;*/ }
}

@media only screen and (max-width: 600px) {
    /* body { padding-left: 4px; } */
    .link { font-size: 1.2em; margin-right: 5px;  }
    .box_map { border: 1px solid; max-height: 500px; width: 100%;}

}
/***********************/

/* BEGIN startseite BEGIN */


 
/* erste Variante: min-width: 950px */
/*
@media only screen and (min-width: 950px) {
    .dropdown_nav { display: none; }
    .dropdown_nav_btn {display: none;}

}
*/

/* erste Variante: max-width: 949px */
/*
@media only screen and (max-width: 949px) {
    .span_hide {display: none;}
    .box_kosten {width: 100%; flex-wrap: wrap; padding-right:0; padding-bottom: 20px;}
    .subdiv_middle { flex-wrap: wrap;}
    .rowdiv_nav {height: 110px; }
}
*/