header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media screen and (max-width: 899px) {

/* Hauptmenü */
header nav ul {
    width:100%;
}

/* Hauptmenü */
header ul li {
    width: calc(100% / 3);
}

/* 1. Box (Umfassung) */
main .mod_article {
    margin:0 auto .5rem;
    padding:0 0 1rem;
}

/* Extra - Größerer Abstand Artikel */
main .abstand {
    margin-top:3rem;
}

/* 2. Box (Inhalt) */
main .ce_gallery {
    margin:.5rem auto;
    padding:.5rem;
    width: 91%;
}
}


/* Website: Maximale Breite, Mindesthöhe, zentriert, Hintergrund Verlauf, Rahmen mit Schatten, Allgemeine Schriftgröße und Zeilenabstand, Hintergrund 100% */
body {
    min-width:300px;
    max-width:1024px;
    margin:0 auto;
    border:1px solid rgba(119,138,158,.2);
    font-size:13px;
    line-height:150%;
    background-size: 100%; /*max-width: 904px;*/
}

/* Überschrift */
h1 {
    margin:0;
    padding-bottom:1.5rem;
    text-align:center;
    font-size:180%;
    line-height:150%;
}

/* Überschrift Themenbereiche */
h2 {
    margin:0;
    padding:1.2rem 0 .8rem;
    text-align:center;
    line-height:1.8rem;
}

/* Überschrift Boxen */
h4 {
    margin:0;
    padding-top:0;
    padding-right:0;
    padding-bottom:.5rem;
    text-align:left;
    font-size:110%;
    line-height:200%;
    font-weight:bold;
}

/* Überschrift in Inhaltsverzeichnis Satzungen */
.inhaltsverzeichnis li h4 {
    margin:0;
    padding-top:.8rem;
    padding-bottom:0;
}

/* Überschrift Boxen */
h5 {
    margin-top:1rem;
    text-align:center;
    font-weight:bold;
}

/* Link */
a {
    font-size:110%;
    line-height:120%;
    font-weight:bold;
    text-decoration:none;
    color:#2c3038;
}

/* Link in Absatz */
p a {
    font-size:100%;
    line-height:120%;
    font-weight:normal;
    text-decoration:underline;
    color:#2c3038;
}

/* Link in Inhaltsverzeichnis Satzungen */
.inhaltsverzeichnis li {
    margin:1rem;
    color:#2c3038;
    list-style-type:none;
}

/* Link in Inhaltsverzeichnis Satzungen */
.inhaltsverzeichnis li a {
    font-weight:normal;
    text-decoration:underline;
    color:#2c3038;
}

/* Link in Absatz */
.dots ul,
.dots ol {
    padding-top:1rem;
    padding-bottom:1rem;
}

/* Link in Absatz */
.dots ul li,
.dots ol li {
    margin-right:2rem;
    margin-left:2rem;
}

/* Link in Absatz */
.dots ul li {
    list-style-type:circle;
}
.dots ol li {
    list-style-type:decimal;
}

/* Trennlinie */
hr {
    border: 0;
    height: 1px;
}

/* Extra - Betonung Telefonnummer Störungsstelle */
.stoerungsstelle {
    font-weight:bold;
}

/* Breadcrumb */
main .mod_breadcrumb {
    margin:0;
    padding:2rem 1rem 0;
}

/* Breadcrumb */
main .mod_breadcrumb ul li {
    font-size:.65rem;
    font-weight:bold;
    text-decoration:none;
    display: inline;
}

/* Breadcrumb */
main .mod_breadcrumb ul .first a {
    font-weight:normal;
}

/* Breadcrumb */
main .mod_breadcrumb ul li a,
main .mod_breadcrumb ul li a span {
    text-decoration:none;
}

/* 1. Box */
main .mod_article {
    position:relative;
    margin:.5rem 0;
    padding:0 .5rem .5rem;
    /*width: calc(80%/2);*/
}

/* 2. Box */
main .ce_text {
    margin:.5rem;
    padding:1rem;
    width: calc(90%/2);
}

/* 3. Box */
main p {
    padding:1rem;
    line-height:1.3rem;
}
main .nav-sub {
    margin:0 0 3rem;
    padding-top:0;
    padding-bottom:1rem;
    /*z-index: 100;*/
}
.flex-parent,
.ce_gallery {
    display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-around;
}

/* Inhaltsbereich - Größe und Abstände */
.ce_hyperlink {
    margin:.5rem;
    padding:.5rem 1rem;
    width: calc(90%/2);
}

/* navigation-optik-hover-ul-li */
.ce_hyperlink a:hover {
    font-weight:bold;
    text-decoration:none;
    cursor: pointer;
}

/* navigation-optik-ul-li-a */
.ce_hyperlink a {
    padding:.3rem .5rem;
    font-size:120%;
    font-weight:normal;
    text-decoration:none;
    display: block;
}

/* Subnav - Themen */
.position-sub-nav {
    margin:.5rem auto;
    padding:.5rem 1rem;
    width: calc(90%/2);
}

/* Subnav Themen */
.organisation-nav,
.technik-nav,
.mitgliedschaft-nav,
.formulare-nav,
.historie-nav,
.wasser-nav {
    text-align:center;
}

/* Subnav Media */
.nav-sub-media-geschaeftsstelle,
.nav-sub-media-technik,
.nav-sub-media-grundstueck-wsg {
    text-align:right;
}
.ce_toplink {
    margin-left:.5rem;
    padding:.3rem .5rem .8rem;
    border-top:1px solid #344369;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    font-size:177%;
    font-weight:normal;
    position: fixed; bottom: 0; /*z-index: 10;*/
}
.ce_toplink a {
    font-weight:normal;
    display: block;
}
.ce_toplink a:hover {
    font-weight:bold;
}
footer {
    padding:0;
    background:-moz-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-webkit-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-o-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-ms-linear-gradient(top,#43517d,#2a3352,#222940);
    background:linear-gradient(to bottom,#43517d,#2a3352,#222940);
    -pie-background:linear-gradient(top,#43517d,#2a3352,#222940);
    border-top:2px solid #bdbdbd;
}
footer .mod_sitemap ul li a span {
    font-weight:bold;
}
footer .mod_sitemap ul ul li a span {
    font-weight:normal;
}

/* ----- Flexbox: flex-parent bei Aktuelles, Themen (Galerie?) */
footer .mod_sitemap .level_1 {
    width:97%;
    height:100%;
    margin:1rem auto;
    padding:0 0 0 1rem;
    display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center;
}

/* Flexbox child: ce_text bei Aktuelles, Themen (Galerie?) */
footer .mod_sitemap .level_1 .submenu {
    height:100%;
    min-width:300px;
    margin:1rem 1rem 1rem 0;
    padding:0;
    flex: 1 1 calc(88%/2);
}

/* Flexbox child: ce_text bei Aktuelles, Themen (Galerie?) */
footer .mod_sitemap .level_2 {
    margin:.2rem .8rem 0;
    padding:.2rem .5rem .5rem;
}

/* Flexbox child: ce_text bei Aktuelles, Themen (Galerie?) */
footer .mod_sitemap .level_2 li:hover {
    text-decoration:underline;
}
.full-width .ce_text {
    width:95%;
}

/* Extra - Größerer Abstand Artikel */
main .abstand {
    margin-top:3rem;
}
.seite-media .ce_hyperlink {
    margin-left:auto;
}
.seite-startseite .mod_breadcrumb {
    visibility: hidden;
}

/* drucken - div */
.syndication {
    text-align:right;
}

/* drucken - text */
.print::before {
    margin-right:-0.3rem;
    vertical-align:middle;
    font-weight:bold;
    text-decoration:underline;
    color:#8f8d8d;
    content: "Drucken  ";
}

/* drucken - a */
.print {
    margin-right:2rem;
}

/* drucken - img */
.print img {
    width:30px;
    height:30px;
    vertical-align:bottom;
}
.h {
    display: none;
}
.center {
    text-align:center;
}


/* Kopfzeile: Verlauf im Hintergrund, Bild in Artikel-Resources-Header */
header {
    background:-moz-linear-gradient(left,#ffffff,#ffffff,#dfebf7,#deeaf6);
    background:-webkit-linear-gradient(left,#ffffff,#ffffff,#dfebf7,#deeaf6);
    background:-o-linear-gradient(left,#ffffff,#ffffff,#dfebf7,#deeaf6);
    background:-ms-linear-gradient(left,#ffffff,#ffffff,#dfebf7,#deeaf6);
    background:linear-gradient(to right,#ffffff,#ffffff,#dfebf7,#deeaf6);
    -pie-background:linear-gradient(left,#ffffff,#ffffff,#dfebf7,#deeaf6);
    z-index: 10; /*position: sticky; top:0;*/
}

/* Menüzeile: volle Breite, Abstand zum Bild oben, Anordnung vorne */
header nav {
    width:100%;
    margin:-1.2rem 0 0;
    padding:0;
    display: block; position: absolute; z-index: 100;
}

/* Menüzeile: volle Breite des Containers für die Menüpunkte */
header ul {
    width:100%;
    max-width:1024px;
    margin:0;
    padding:0;
    border:0rem;
    /*max-width: 906px;*/
}

/* Menüpunkte: Anordnung nebeneinander, füllen gesamte Breite aus */
header ul li {
    position:relative;
    padding-top:1;
    padding-bottom:1;
    text-align:center;
    background-color:#47598f;
    display: block; float: left; transition-duration: 0.5s; width: calc(100% / 3); /*background-color: #3d4f85;*/
}

/* navigation-optik-ul-li-a */
header nav ul li a,
header nav ul li strong {
    padding-top:.8rem;
    padding-bottom:.8rem;
    border-bottom:2px solid rgba(247,248,250,.55);
    font-size:125%;
    font-weight:normal;
    text-decoration:none;
    color:#f7f8fa;
    display: block;
}

/* navigation-optik-hover-ul-li */
header ul li a:hover,
header .active {
    background-color:#93a1c9;
    font-weight:bold;
    text-decoration:none;
    cursor: pointer;  /*2f3c63*/
}

@media screen and (max-width: 675px) {
header nav ul {
    display: flex; flex-direction: column;
}
header nav ul li {
    width: calc(100vw / 1);
}
main {
    margin-top:6rem;
}

/* 2. Box (Inhalt) */
main .ce_text,
.ce_hyperlink {
    margin:.5rem auto;
    padding:.5rem;
    width: 91%;
}
main .nav-sub {
    margin-bottom:3rem;
    /*background-color:#85b0c9;
        background:-moz-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
        background:-webkit-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
        background:-o-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
        background:-ms-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
        background:linear-gradient(0deg,#fefefe,#dfebf7 80%,#fefefe);
        -pie-background:linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);*/
}

/* Extra - Größerer Abstand Artikel */
main .abstand {
    margin-top:3rem;
}

/* drucken - div */
.syndication {
    text-align:right;
    display: none;
}

/* drucken - text */
.print::before {
    content: "  ";
}

/* drucken - a */
.print {
    margin-right:1rem;
}

/* drucken - img */
.print img {
    width:20px;
    height:20px;
    vertical-align:top;
}
}


/* Hintergrund Verlauf, Rahmen mit Schatten */
body {
    background-color:#85b0c9;
    background:-moz-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
    background:-webkit-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
    background:-o-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
    background:-ms-linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
    background:linear-gradient(0deg,#fefefe,#dfebf7 80%,#fefefe);
    -pie-background:linear-gradient(90deg,#fefefe,#dfebf7 80%,#fefefe);
    background-size: 100%; /*max-width: 904px;*/
}
.seite-startseite #container {
    background-image:url("../../files/wvbaldham/layout/AltesWasserwerk_20120502_nord-suedostwaerts-gedreht.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
.seite-aktuelles #container {
    background-image:url("../../files/wvbaldham/layout/AltesWasserwerk_20200723_Nord-nordwestwaerts-senkrecht.JPG");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}

/* Trennlinie */
hr {
    background-color:#fefefe;
    /*background: #fefefe;
    background-image: -webkit-linear-gradient(left, #fefefe, #778a9e, #fefefe);
    background-image: -moz-linear-gradient(left, #fefefe, #778a9e, #fefefe);
    background-image: -ms-linear-gradient(left, #fefefe, #778a9e, #fefefe);
    background-image: -o-linear-gradient(left, #fefefe, #778a9e, #fefefe);*/
    background: #252d47;
    background-image: -webkit-linear-gradient(left, #252d47, #353f62, #252d47);
    background-image: -moz-linear-gradient(left, #252d47, #353f62, #252d47);
    background-image: -ms-linear-gradient(left, #252d47, #353f62, #252d47);
    background-image: -o-linear-gradient(left, #252d47, #353f62, #252d47);
}

/* Breadcrumb - Boxfarbe */
.mod_breadcrumb {
    background-image: linear-gradient(to top, hsla(216, 45%, 98%,0.9) 1%, hsla(210, 40%, 98%,0.9) 99%);
    /*visibility: hidden;*/
}

/* Breadcrumb - Schriftfarbe */
main .mod_breadcrumb ul li a,
main .mod_breadcrumb ul li a span,
main .mod_breadcrumb .active {
    color:#8a8a8a;
}

/* 2. Box - Farbe generell */
main .ce_text,
main .ce_gallery {
    background-image: linear-gradient(to right, hsla(0,100%,100%,0.7) 30%, hsla(0,100%,100%,0.4) 70%);
}

/* 2. Box - Farbe generell */
.seite-themen main .ce_text {
    background-image: linear-gradient(to right, hsla(0,100%,100%,0.4) 30%, hsla(0,100%,100%,0.2) 70%);
}

/* 3. Box - Farbe generell (p) */
main p,
table {
    background-color:rgba(254,254,254,.55);
}

/* 3. Box - Farbe generell (p) */
.dots ul {
    background-color:rgba(254,254,254,.55);
}
main .nav-sub {
    background-image: linear-gradient(to top, hsla(224, 33%, 68%,0.8) 1%, hsla(216, 45%, 98%,0.9) 99%);
    /*background-color:#93a1c9;
        background:-moz-linear-gradient(90deg,#93a1c9,#dfebf7 80%,#f8fafc);
        background:-webkit-linear-gradient(90deg,#93a1c9,#dfebf7 80%,#f8fafc);
        background:-o-linear-gradient(90deg#93a1c9,#dfebf7 80%,#f8fafc);
        background:-ms-linear-gradient(90deg,#93a1c9,#dfebf7 80%,#f8fafc);
        background:linear-gradient(0deg,#93a1c9,#dfebf7 80%,#f8fafc);
        -pie-background:linear-gradient(90deg,#93a1c9,#dfebf7 80%,#f8fafc); */
    /*background:-moz-linear-gradient(90deg,#fefefe,#dfebf7 20%,##93a1c9);
        background:-webkit-linear-gradient(90deg,#fefefe,#dfebf7 20%,#93a1c9);
        background:-o-linear-gradient(90deg#fefefe,#dfebf7 20%,##93a1c9);
        background:-ms-linear-gradient(90deg,#fefefe,#dfebf7 20%,##93a1c9);
        background:linear-gradient(0deg,#fefefe,#dfebf7 20%,##93a1c9);
        -pie-background:linear-gradient(90deg,#fefefe,#dfebf7 80%,#93a1c9);*/
}

/* submenu */
.ce_hyperlink {
    background-image: linear-gradient(to right, hsla(0,100%,100%,0.5) 30%, hsla(0,100%,100%,0.3) 70%);
}
.ce_hyperlink a {
    background-color:rgba(254,254,254,.55);
    color:#353b45;
    background-image: linear-gradient(to right, hsla(0,100%,100%,0.8) 30%, hsla(0,100%,100%,0.5) 70%);
}

/* link nach oben */
.ce_toplink {
    background-color:#4e5a80;
    border-color:#344369;
}
.ce_toplink a {
    color:#edf0f7;
}
footer *,
footer a[href^="tel:"] {
    color:#bdbdbd;
    /*223a4d*/
}
footer {
    background:-moz-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-webkit-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-o-linear-gradient(top,#43517d,#2a3352,#222940);
    background:-ms-linear-gradient(top,#43517d,#2a3352,#222940);
    background:linear-gradient(to bottom,#43517d,#2a3352,#222940);
    -pie-background:linear-gradient(top,#43517d,#2a3352,#222940);
    border-color:#bdbdbd;
}
footer .mod_sitemap .level_2 {
    background-color:rgba(121,140,173,.05);
}

/* Hintergrund Organisation -Titel */
.organisation {
    background-color:#dae3da;
    /*aebae6  f0f5fa background-color:rgba(188,204,188,.11); bcccbc
        background:-moz-linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);
        background:-webkit-linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);
        background:-o-linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);
        background:-ms-linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);
        background:linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);
        -pie-background:linear-gradient(to bottom,rgba(188,204,188,0.1)30%,rgba(188,204,188,0.4)70%);*/
}

/* Hintergrund Organisation - Versorgungsgebiet */
.organisation-a {
    background-color:#d0dcd0;
}

/* Hintergrund Organisation - Verbandssatzungen, Rechtliches */
.organisation-b {
    background-color:#c9d6c9;
}

/* Hintergrund Organisation - Vorstandschaft, Personal */
.organisation-c {
    background-color:#c7d1c7;
}

/* Hintergrund Organisation - nav */
main .organisation-nav {
    background-color:#dae3da;
    font-weight:normal;
    color:#030303;
}

/* Hintergrund Technik - Titel */
.technik {
    background-color:#e2dce8;
}

/* Hintergrund Technik - a */
.technik-a {
    background-color:#d8d3de;
}

/* Hintergrund Technik - nav */
header .technik-nav,
main .technik-nav {
    background-color:#e2dce8;
    font-weight:normal;
    color:#030303;
}

/* Hintergrund Mitgliedschaft - Titel */
.mitgliedschaft {
    background-color:#ded6d5;
    /*c4bab9*/
}

/* Hintergrund Mitgliedschaft - a */
.mitgliedschaft-a {
    background-color:#d6cdcb;
    /*bab0af*/
}

/* Hintergrund Mitgliedschaft - b */
.mitgliedschaft-b {
    background-color:#cfc4c2;
    /*b3a4a2*/
}

/* Hintergrund Mitgliedschaft - c */
.mitgliedschaft-c {
    background-color:#c7bbb9;
    /*ab9a98*/
}

/* Hintergrund Mitgliedschaft - d */
.mitgliedschaft-d {
    background-color:#bfb2b0;
    /*a3908e*/
}

/* Hintergrund Mitgliedschaft - nav */
header .mitgliedschaft-nav,
main .mitgliedschaft-nav {
    background-color:#ded6d5;
    font-weight:normal;
    color:#030303;
    /*a3908e*/
}

/* Hintergrund Formulare - Titel */
.formulare {
    background-color:#ebe4e4;
    /*e6d9cc*/
}

/* Hintergrund Formulare - a */
.formulare-a {
    background-color:#e3dada;
    /*dbcfc3*/
}

/* Hintergrund Formulare - b */
.formulare-b {
    background-color:#dbd0d0;
}

/* Hintergrund Formulare - nav */
header .formulare-nav,
main .formulare-nav {
    background-color:#ebe4e4;
    font-weight:normal;
    color:#030303;
}

/* Hintergrund Historie - Titel */
.historie {
    background-color:#ede0be;
}

/* Hintergrund Historie - a */
.historie-a {
    background-color:#e8dab7;
}

/* Hintergrund Historie - b */
.historie-b {
    background-color:#decfa9;
}

/* Hintergrund Historie - nav */
header .historie-nav,
main .historie-nav {
    background-color:#ede0be;
    font-weight:normal;
    color:#030303;
}

/* Hintergrund Wasser Titel */
.wasser {
    background-color:#c4e0f5;
}

/* Hintergrund Wasser - Qualität */
.wasser-a {
    background-color:#b5d4eb;
}

/* Hintergrund Wasser - Förderung, Verbrauch */
.wasser-b {
    background-color:#accce3;
}

/* Hintergrund Wasser - Schutz */
.wasser-c {
    background-color:#a2c4db;
}

/* Hintergrund Wasser - nav */
header .wasser-nav,
main .wasser-nav {
    background-color:#c4e0f5;
    font-weight:normal;
    color:#030303;
}

/* Hintergrund Aktuelles - nav */
.sub-nav {
    background-color:rgba(242,247,255,.55);
}
table {
    border:.5rem solid rgba(242,247,255,.01);
    border-radius:1px;
}
.stoerungsstelle {
    color:#822828;
}
.stoerungsstelle {
    background-color:rgba(254,254,254,.44);
    color:#822828;
}

form {
    margin:0 auto;
    text-align:center;
}
.widget-textarea label,
.widget-upload label {
    width:20rem;
    display:block;
    margin:1rem auto .2rem;
}
.widget-textarea textarea {
    width:25rem;
    display:block;
    margin:.3rem auto .5rem;
    text-align:center;
    background-color:#c9c7c7;
    border-radius:.5rem;
}
.widget-upload input {
    width:25rem;
    height:2rem;
    display:block;
    margin:.5rem auto;
    padding:.5rem .5rem .3rem;
    text-align:center;
    background-color:#d4d2d2;
    border:.01rem solid #7d7d7d;
    border-radius:.5rem;
}
.widget-submit button {
    width:26rem;
    height:3rem;
    display:block;
    margin:2rem auto .5rem;
    vertical-align:middle;
    text-align:center;
    background-color:#cce8e2;
    border:.01rem solid #7d7d7d;
    border-radius:.5rem;
}