@font-face {
    font-family: 'Open Sans';
    src: url('/wasserqualitaet/fonts/OpenSans-Light.eot');
    src: url('/wasserqualitaet/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/wasserqualitaet/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/wasserqualitaet/fonts/OpenSans-Light.woff') format('woff'),
        url('/wasserqualitaet/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/wasserqualitaet/fonts/OpenSans-Regular.eot');
    src: url('/wasserqualitaet/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wasserqualitaet/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/wasserqualitaet/fonts/OpenSans-Regular.woff') format('woff'),
        url('/wasserqualitaet/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/wasserqualitaet/fonts/OpenSans-SemiBold.eot');
    src: url('/wasserqualitaet/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wasserqualitaet/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/wasserqualitaet/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/wasserqualitaet/fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/wasserqualitaet/fonts/OpenSans-Bold.eot');
    src: url('/wasserqualitaet/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wasserqualitaet/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/wasserqualitaet/fonts/OpenSans-Bold.woff') format('woff'),
        url('/wasserqualitaet/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{
	font-size:16px;
	font-family:'Open Sans', sans-serif !important;
	color:#6c6c6c;
}

@media (max-width:540px){
	body{
		font-size:15px;
	}
}
.mlCursor{
	cursor:pointer;
}
article{
	padding-top:30px;
	overflow:hidden;
}
.articlex{
	padding-top: 0px;
}
section{
	padding:10px 0 10px 0;
}
.grey-txt{
	color:#5a5a5a;
}
.right{
	margin-right:-25px;
}
@media (max-width:800px){
	.right{
		margin-right:0px;
	}
}
.dnone{
	display:none;
}
.clear{
	clear:both;
}
h1{
	color:#234d65;
	margin:0 0 15px 0 !important;
}
h1, h2, h3, h4{
	line-height:140%;
}
h1.intro{font-size:44px;text-transform:uppercase;}
h1.big{font-size:22px;}
h1.smal{font-size:18px;font-weight:600;}
h2.middle{font-size:22px;color:#234d65;margin:0 0 15px 0 !important;}
h1.middle{font-size:24px;color:#234d65;margin:0 0 15px 0 !important;}
h2.smal{font-size:20px;color:#234d65;margin:0 0 15px 0 !important;}
div.container.risiko h2.smal{font-size:22px !important;}
h2.smal-black,
h3.smal-black{font-size:18px;color:#121212;font-weight:600;margin:0 0 15px 0 !important;}
h2.big{font-size:22px;color:#234d65;margin:0 0 15px;}
h2.semi,
h1.smal-black{font-size:18px;font-weight:600;color:#234d65;margin:0 0 15px 0 !important;}
h3.s{font-size:20px;color:#5a5a5a;}
h3.semi{font-size:18px;font-weight:600;color:#234d65;margin:0 0 15px 0 !important;}
h3.big{font-size:24px;color:#234d65;margin:0 0 15px;}
strong{font-weight:600;}
ul{line-height:130% !important;}
li{margin-bottom:15px !important;}
.container-header{border-bottom:1px solid #eee;width:100%;}
.top-navi{float:right;height:48px;padding-bottom:10px;padding-top:13px;}
.top-navi a{color:#878787;font-size:15px;font-weight:300;text-align:right;margin-right:25px;}
@media (max-width:782px){.top-navi a{font-size:13px;}
}
@media (max-width:445px){.top-navi{display:none;}
}
.logo{margin:10px 0;width:auto;}
@media (max-width:782px){.logo{margin:25px 0 25px 20px;}
}
@media (max-width:600px){.logo{width:195px;}
div.logo.pull-left a img{height:55px;}
}
.header-box{float:right;height:auto;margin-top:15px;text-align:right;width:260px;}
@media (max-width:600px){.header-box{margin-top:15px;width:175px;margin-right:25px;}
p.headerline,
p.tel-beratung,
p.tel{font-size:14px !important;}
p.zusatz{font-size:11px;}
img.header-icon{display:none;}
p.headerline{margin-right:0 !important;}
y}
@media (max-width:445px){div.header-box.pull-right{float:left !important;margin-left:20px;margin-bottom:25px;}
div.navbar-header div.logo.pull-left{margin-bottom:10px;}
p.headerline,
p.tel-beratung,
p.tel,
p.zusatz{text-align:left;}
}
.slider-hdx{
margin-top: 0px !important;
}
.slider-hdx .wappen{
display: none !important;
}
.splashx {
height: 62px !important;
}
.header-box.pull-right p{height:auto;margin-bottom:0;font-size: 14px;line-height: 1.2;}
.header-box.pull-right a{font-size: 14px;line-height: 1.2;}
img.header-icon{float:right;margin:7px 10px 15px 12px;}
p.headerline{font-size:17px;color:#004a7f;font-weight:bold;margin-right:46px;}
p.tel-beratung{color:#009fe3;font-size:17px;}
p.tel{color:#004a7f;font-size:17px;font-weight:bold;}
p.zusatz{color:#979797;font-size:12px;}
.container-fluid.navi-bg{background:#234d65 none repeat scroll 0 0;}
@media (max-width:767px){.container-fluid.navi-bg{height:50px;}
.navbar{margin-bottom:0;}
}
ul.nav.navbar-nav li a{color:#ffffff;font-size:14px;font-weight:600;text-transform:uppercase;padding:15px 20px;text-align:left;text-decoration:none;}
ul.nav.navbar-nav li a:hover,
ul.nav.navbar-nav li a:focus,
ul.nav.navbar-nav li a:active{color:#004a7f;transition:05.ease 0.3;}
ul.nav.navbar-nav.bs-navbar li{margin-bottom:0 !important;}
.navbar-header{width:100%;}
@media (max-width:767px){.navbar-header{width:auto;}
}
.navbar-toggle{background-color:transparent;background-image:none;border:0px solid transparent;border-radius:0px;bottom:0;position:absolute;right:20px;padding:5px 0px 6px 25px;}
span.icon-bar{background:#fff;float;right;}
button.navbar-toggle{width:100%;text-align:left;color:#fff;}
span.menue{float:left;margin-left:28px;text-transform:uppercase;}
span.toggles{float:right;margin-top:3px;}
.banner-btn{background:#4e8087 url(https://www.wassertest-online.de/blog/banner/pfeil-banner-btn.png) no-repeat scroll 94% center;color:#fff;margin-left:190px;padding:12px 7% 12px 5%;width:385px;}
@media (max-width:767px){div#navbar.navbar-collapse.bs-navbar.navbar-right{background:#f5f4f4 none repeat scroll 0 0;margin-top:50px;}
ul.nav.navbar-nav li a{color:#234d65;}
.banner-btn{background:#4e8087;color:#fff;padding:12px 20px 12px 20px;display:inline-block;margin-left:0px;width:initial;font-size:14px;}
}
.splash{
	height:285px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.slider-hd{
    width: auto;
    text-align: center;
    height: auto;
    position: relative;
}
h1.intro{
    font-size: 40px;
    margin-top: 0;
    text-transform: uppercase;
    background: #e5e5e5ba;
    display: inline-block;
    padding: 5px 120px;
}
.wappen{
    position: absolute;
    right: 30px;
    top: calc(50% - 50px);
}
img.wappen-img{
	max-height:94px;
}
@media (max-width:1199px){
	section.header div.container.intro{
		background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/hamburg-wasser-l.jpg") repeat scroll center/cover;height:285px;
	}

}
@media (max-width:991px){
	section.header div.container.intro{
		background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/hamburg-wasser-m.jpg") repeat scroll center/cover;
	}
	h1.intro{
		font-size: 30px;
	}
}
@media (max-width:767px){
	.header{
		margin-top: 200px;
	}

}
@media (max-width:600px){
	section.header div.container.intro{
		background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/hamburg-wasser-s.jpg") repeat scroll center/cover;
		height:200px;
	}
	h1.intro{
		font-size: 22px;
		padding: 5px 20px;
	}
	.wappen{
		right: calc(50% - 65px);
		top: calc(100% + 0px);
		background: #fff;
		border-radius: 50%;
		display: flex;
		box-shadow: 0 1px 3px #00000066;
		justify-content: center;
		align-items: center;
		width: 130px;
		height: 130px;
	}
	.wappen img{
		max-height: 100px;
		max-width: 100px;
	}
	article.intro{
		padding-top: 80px;
	}

}

article.werte div.container-fluid div.container div.row div.col-lg-2.col-md-2.col-sm-4.col-xs-12{padding-left:8px;padding-right:8px;}
.diagram{margin-top:20px;}
p.diagram-txt{margin-top:15px;}
.diagram p{margin:20px 0 10px 0;}
.diagram p small{font-size:14px;color:#337ab7;font-weight:bold;}
@media (max-width:767px){.diagram p{text-align:left;}
}
@media (max-width:530px){div.diagram p{text-align:center;}
}
a.werte-open{color:#23912a;font-size:11px;text-transform:uppercase;border-bottom:1px dotted #23912a;}
a.werte-open::after{content:url(/wasserqualitaet/img/pfeil-green.svg) !important;margin-left:4px;}
a.werte-open:hover,
a.werte-open:active,
a.werte-open:focus{text-decoration:none;opacity:0.7;transition:all 0.4s ease 0s;}
a.open-layer{display:block;}
@media (max-width:767px){a.open-layer{display:block;float:left;margin-top:-20px;width:25%;margin-right:15px;margin-bottom:20px;}
p.diagram-txt{font-size:14px;margin-top:20px;}
h3.s.grey.text-center{margin-left:25%;padding-left:15px;text-align:left;}
a.wert-open{margin-right:15px;}
}
@media (max-width:530px){a.open-layer{display:block;float:none;margin-top:0;width:100%;}
p.diagram-txt{font-size:14px;margin-top:20px;text-align:center;}
h3.s.grey.text-center{margin-left:0;text-align:center;padding-left:0;}
a.werte-open{border-bottom:medium none;display:block;text-align:center;}
}
p.hinweis{color:#757373;font-size:14px;margin-top:30px;}
.row ~p.hinweis{
	margin-top: 0;
    margin-bottom: 30px;
    text-align: right;
}
@media (max-width:767px){
	.row ~p.hinweis{
	    text-align: center;
	}
}
sup{font-size:14px;}
.container.plz-form{background:#f5f4f4 none repeat scroll 0 0;padding:20px 25px 0 25px;}
.plz-form div.col-lg-8.col-md-8.col-sm-8.col-xs-12 div{color:#234d65;font-size:18px;font-weight:500;padding-top:8px;}
input#plz1.form-plz{background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:0;box-shadow:none;color:#555555;display:block;height:40px;line-height:1.42857;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width:100%;}
button.plz-btn{background-color:#234d65;border:medium none;border-radius:0;box-shadow:none;color:#fff;font-size:14px;font-weight:300;height:40px;width:100%;}
button.plz-btn:hover,
button.plz-btn:focus,
button.plz-btn:active{opacity:0.7;transition:0.4s;}
@media (max-width:991px){.container.plz-form{padding:20px;}
}
@media (max-width:767px){.plz-form div.col-lg-8.col-md-8.col-sm-8.col-xs-12 div{margin-bottom:15px;}
.container.plz-form{background:#f5f4f4 none repeat scroll 0 0;padding:20px 0;}
}
div.container.risiko{background:#f5f4f4 none repeat scroll 0 0;margin-top:30px;padding:25px 25px;position:relative;}
.risiko-box-graph{float:right;margin-top:-20px;width:17%;}
.risiko-box-txt{width:83%;float:left;}
.risiko-box-graph div.risiko-graph.c100{background-color:#e7e7e7 !important;}
.risiko-box-graph div.risiko-graph.c100::after{background-color:#f5f4f4 !important;}
span.risiko-graph{color:#d45f11 !important;}
@media (max-width:991px){div.container.risiko{padding-left:40px;padding-right:40px;}
.risiko-box-txt{width:75%;}
.risiko-box-graph{margin-top:0;width:21%;}
}
@media (max-width:660px){.risiko-box-graph{float:none;margin:20px 0;width:100%;}
div.risiko-box-txt{float:none;width:100%;}
}
.row{margin-bottom:20px;}
.bild{float:right;width:auto;max-height:150px;margin-left:5px;}
@media (max-width:767px){img.img-responsive.bild,
img.img-responsive.bild.siegel{margin:0 0 25px 25px;}
}
@media (max-width:340px){img.img-responsive.bild.siegel{margin:auto auto 15px auto;float:none;}
}
p.txt-left{width:85%;}
a.pdf-bild{width:10%;float:right;}
p.txt-left a{color:#23912a;text-decoration:none;border-bottom:1px dotted #23912a !important;}
p.txt-left a::after{content:url(/wasserqualitaet/img/pfeil-green.svg) !important;margin-left:4px;}
p.txt-left a:hover,
p.txt-left a:active,
p.txt-left a:focus{opacity:0.7;text-decoration:none;transition:0.4s;}
@media (max-width:767px){a.pdf-bild{display:none;}
p.txt-left{width:100%;}
}
@media (max-width:520px){img.img-circle.img-responsive.bild{float:none !important;margin:auto auto 20px;max-height:250px;}
p.txt-left{width:100%;}
}
article.wasserwerk{background:#f5f4f4 none repeat scroll 0 0;margin-top:30px;padding-top:10px;}
div.container.wasserwerk{padding:30px 30px 60px 30px;}
div.container.wasserwerk div.adress p,
div.container.wasserwerk ul.liste{font-size:18px;line-height:180%;}
div.container.wasserwerk ul.liste{color:#234d65;}
div.container.wasserwerk ul.liste li span{color:#121212;font-size:16px;}
div.container.wasserwerk div.adress p img{margin-right:5px;margin-top:-3px;}
div.container.wasserwerk h2.big{margin-top:0px;}
@media (max-width:767px){div.container.wasserwerk h2.big{margin-top:50px;}
}
div.container.wasserwerk h2.smal-black.space30,
div.container.wasserwerk div.adress h3.smal-black.space30{margin-top:25px !important;}
div.container.wasserwerk img.img-responsive.bild{max-height:190px;border:1px solid lightgrey;}
@media (max-width:1199px){div.container.wasserwerk img.img-responsive.bild{max-height:150px;}
}
@media (max-width:767px){div.container.wasserwerk img.img-responsive.bild{display:none;}
}
@media (max-width:991px){div.container.wasserwerk img.img-responsive.bild{max-height:110px;}
}
div.container.wasserwerk div.adress p a{color:#121212;text-decoration:none;border-bottom:1px dotted #121212;}
div.container.wasserwerk div.adress p a:hover,
div.container.wasserwerk div.adress p a:active,
div.container.wasserwerk div.adress p a:focus{opacity:0.7;text-decoration:none;transition:0.4s;}
article.stadt-gewaesser{padding-top:50px;}
ul.presse-liste{list-style:none;margin-left:-40px;}
ul.presse-liste li a{color:#121212;font-weight:normal;font-size:16px;border-bottom:1px dotted;}
ul.presse-liste li a:hover,
ul.presse-liste li a:active,
ul.presse-liste li a:focus{text-decoration:none;opacity:0.7;}
.banner{border:1px solid #234d65;padding:35px 15px 20px 15px;}
.banner-txtlink{color:#23912a;text-decoration:none;border-bottom:1px dotted #23912a;font-size:18px;font-weight:bold;}
div.container.banner h1.smal{margin-bottom:20px;}
img.img-responsive.img-circle.bild-banner.bild.pull-left{margin-right:30px;}
a.banner-txtlink{color:#23912a;text-decoration:none;border-bottom:1px dotted #23912a !important;}
a.banner-txtlink:after{content:url(/wasserqualitaet/img/pfeil-green-2.svg) !important;margin-left:5px;}
a.banner-txtlink:active,
a.banner-txtlink:hover,
a.banner-txtlink:focus{opacity:0.7;text-decoration:none;transition:0.4s;}
@media (max-width:991px){a.banner-txtlink{float:right;margin-right:25px;}
img.img-responsive.img-circle.bild-banner.bild.pull-left{margin-right:30px;margin-top:25px;margin-bottom:45px;}
}
@media (max-width:767px){div.container.banner{margin:0 15px;}
}
@media (max-width:620px){img.img-responsive.img-circle.bild-banner.bild.pull-left{margin:0px;}
}
@media (max-width:530px){img.img-responsive.img-circle.bild-banner.bild.pull-left{height:150px;float:left;}
a.banner-txtlink{float:left;}
}
div.container-fluid.grey.faq{background:#f5f4f4 none repeat scroll 0 0;margin-top:20px;padding-top:40px;padding-bottom:30px;}
a.kontaktlink{color:inherit;text-decoration:none;border-bottom:1px dotted #23912a !important;}
img.img-responsive.img-circle.bild.faq{margin-left:20px;margin-top:-10px;max-height:130px;}
@media (max-width:520px){.faq div.container img.img-responsive.img-circle.bild.faq{float:none;margin:20px auto;max-height:250px;}
}
div#accordion{padding-bottom:30px;padding-top:20px;}
div#accordion.panel-group{background:#fff;}
div#accordion.panel-group{margin-top:50px;}
.panel-default > .panel-heading{background-color:#fff !important;border-color:transparent !important;color:#121212;}
.panel-group .panel-heading{border-bottom:0 none;}
.panel-heading{border-bottom:0 none !important;border-top-left-radius:0px !important;border-top-right-radius:0px !important;padding:15px 25px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:transparent !important;padding:0 25px;margin-bottom:15px;}
.panel-group .panel{border-radius:0px !important;}
.panel-default{border-color:transparent;}
.panel{background-color:#fff;border:none !important;border-radius:0px !important;box-shadow:none !important;margin-bottom:20px;}
.panel-title{font-size:18px;}
h4.panel-title a{border-bottom:1px dotted #234d65;font-weight:600;color:#234d65;}
h4.panel-title a:hover,
h4.panel-title a:active,
h4.panel-title a:focus{text-decoration:none;opacity:0.7;}
h4.panel-title a.collapsed:before,
h4.panel-title a.collapsing:before{content:url(/wasserqualitaet/img/pfeil.svg) !important;color:#234d65 !important;}
h4.panel-title a:before{content:url(/wasserqualitaet/img/pfeil-dwn.svg) !important;color:#234d65 !important;}
div.container.blog-box{border:1px solid #a9a9a9;margin-top:40px;margin-bottom:30px;padding:25px 15px;}
@media (max-width:767px){div.container.blog-box{margin-left:15px;margin-right:15px;}
}
@media (max-width:991px){.blog-box div.col-lg-3.col-md-3.col-sm-6.col-xs-6{margin-bottom:20px;}
}
@media (max-width:360px){.blog-box div.col-lg-3.col-md-3.col-sm-6.col-xs-6{width:100% !important;}
}
.container.blog-box p{margin:10px 0;}
.blog-bild{margin:10px 0;}
a.blog-link{color:#23912a;text-decoration:none;border-bottom:1px dotted #23912a !important;}
a.blog-link:after{content:url(/wasserqualitaet/img/pfeil-green.svg) !important;margin-left:5px;}
a.blog-link:active,
a.blog-link:hover,
a.blog-link:focus{opacity:0.7;text-decoration:none;transition:all 0.4s ease 0s;}
footer{margin-top:60px;padding-top:10px;}
.container-footer{padding:10px 15px 20px 15px;}
a.copyright.pull-left,
.footer-links pull-right,
.footer-links.pull-right a{color:#234d65;font-size:14px;}
.container-footer a.copyright.pull-left span{color:#7e7d7d !important;}
@media (max-width:1024px){a.copyright{display:none;}
.container-footer div.footer-links.pull-right{float:none !important;}
}
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice{clip:rect(auto, auto, auto, auto);}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill{position:absolute;border:20px solid #82b2f0;width:80px;height:80px;clip:rect(0em, 0.5em, 1em, 0em);border-radius:50%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:0.7s;}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;float:none;margin:auto;background-color:#eceef0;}
.c100 *,
.c100 *:before,
.c100 *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.c100.center{float:none;margin:0 auto;}
.c100.big{font-size:240px;}
.c100.small{font-size:80px;}
.c100 > span{color:#115284;display:block;font-size:21px;left:7px;line-height:100%;position:absolute;text-align:center;top:52px;transition-duration:0.3s;transition-property:all;transition-timing-function:ease-out;white-space:nowrap;width:5em;z-index:1;}
.c100:after{background-color:#fff;border-radius:50%;content:" ";display:block;height:85px;left:18px;position:absolute;top:18px;width:85px;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;}
.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0em, 1em, 1em, 0.5em);}
.c100.p1 .bar{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg);}
.c100.p2 .bar{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg);}
.c100.p3 .bar{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg);}
.c100.p4 .bar{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg);}
.c100.p5 .bar{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);}
.c100.p6 .bar{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg);}
.c100.p7 .bar{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg);}
.c100.p8 .bar{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg);}
.c100.p9 .bar{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg);}
.c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg);}
.c100.p11 .bar{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg);}
.c100.p12 .bar{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg);}
.c100.p13 .bar{-webkit-transform:rotate(46.800000000000004deg);-moz-transform:rotate(46.800000000000004deg);-ms-transform:rotate(46.800000000000004deg);-o-transform:rotate(46.800000000000004deg);transform:rotate(46.800000000000004deg);}
.c100.p14 .bar{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg);}
.c100.p15 .bar{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg);}
.c100.p16 .bar{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg);}
.c100.p17 .bar{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg);}
.c100.p18 .bar{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg);}
.c100.p19 .bar{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg);}
.c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg);}
.c100.p21 .bar{-webkit-transform:rotate(75.60000000000001deg);-moz-transform:rotate(75.60000000000001deg);-ms-transform:rotate(75.60000000000001deg);-o-transform:rotate(75.60000000000001deg);transform:rotate(75.60000000000001deg);}
.c100.p22 .bar{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg);}
.c100.p23 .bar{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg);}
.c100.p24 .bar{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg);}
.c100.p25 .bar{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.c100.p26 .bar{-webkit-transform:rotate(93.60000000000001deg);-moz-transform:rotate(93.60000000000001deg);-ms-transform:rotate(93.60000000000001deg);-o-transform:rotate(93.60000000000001deg);transform:rotate(93.60000000000001deg);}
.c100.p27 .bar{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg);}
.c100.p28 .bar{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg);}
.c100.p29 .bar{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg);}
.c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg);}
.c100.p31 .bar{-webkit-transform:rotate(111.60000000000001deg);-moz-transform:rotate(111.60000000000001deg);-ms-transform:rotate(111.60000000000001deg);-o-transform:rotate(111.60000000000001deg);transform:rotate(111.60000000000001deg);}
.c100.p32 .bar{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg);}
.c100.p33 .bar{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg);}
.c100.p34 .bar{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg);}
.c100.p35 .bar{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg);}
.c100.p36 .bar{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg);}
.c100.p37 .bar{-webkit-transform:rotate(133.20000000000002deg);-moz-transform:rotate(133.20000000000002deg);-ms-transform:rotate(133.20000000000002deg);-o-transform:rotate(133.20000000000002deg);transform:rotate(133.20000000000002deg);}
.c100.p38 .bar{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg);}
.c100.p39 .bar{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg);}
.c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg);}
.c100.p41 .bar{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg);}
.c100.p42 .bar{-webkit-transform:rotate(151.20000000000002deg);-moz-transform:rotate(151.20000000000002deg);-ms-transform:rotate(151.20000000000002deg);-o-transform:rotate(151.20000000000002deg);transform:rotate(151.20000000000002deg);}
.c100.p43 .bar{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg);}
.c100.p44 .bar{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg);}
.c100.p45 .bar{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg);}
.c100.p46 .bar{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg);}
.c100.p47 .bar{-webkit-transform:rotate(169.20000000000002deg);-moz-transform:rotate(169.20000000000002deg);-ms-transform:rotate(169.20000000000002deg);-o-transform:rotate(169.20000000000002deg);transform:rotate(169.20000000000002deg);}
.c100.p48 .bar{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg);}
.c100.p49 .bar{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg);}
.c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.c100.p51 .bar{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg);}
.c100.p52 .bar{-webkit-transform:rotate(187.20000000000002deg);-moz-transform:rotate(187.20000000000002deg);-ms-transform:rotate(187.20000000000002deg);-o-transform:rotate(187.20000000000002deg);transform:rotate(187.20000000000002deg);}
.c100.p53 .bar{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg);}
.c100.p54 .bar{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg);}
.c100.p55 .bar{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg);}
.c100.p56 .bar{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg);}
.c100.p57 .bar{-webkit-transform:rotate(205.20000000000002deg);-moz-transform:rotate(205.20000000000002deg);-ms-transform:rotate(205.20000000000002deg);-o-transform:rotate(205.20000000000002deg);transform:rotate(205.20000000000002deg);}
.c100.p58 .bar{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg);}
.c100.p59 .bar{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg);}
.c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg);}
.c100.p61 .bar{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg);}
.c100.p62 .bar{-webkit-transform:rotate(223.20000000000002deg);-moz-transform:rotate(223.20000000000002deg);-ms-transform:rotate(223.20000000000002deg);-o-transform:rotate(223.20000000000002deg);transform:rotate(223.20000000000002deg);}
.c100.p63 .bar{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg);}
.c100.p64 .bar{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg);}
.c100.p65 .bar{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg);}
.c100.p66 .bar{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg);}
.c100.p67 .bar{-webkit-transform:rotate(241.20000000000002deg);-moz-transform:rotate(241.20000000000002deg);-ms-transform:rotate(241.20000000000002deg);-o-transform:rotate(241.20000000000002deg);transform:rotate(241.20000000000002deg);}
.c100.p68 .bar{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg);}
.c100.p69 .bar{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg);}
.c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg);}
.c100.p71 .bar{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg);}
.c100.p72 .bar{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg);}
.c100.p73 .bar{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg);}
.c100.p74 .bar{-webkit-transform:rotate(266.40000000000003deg);-moz-transform:rotate(266.40000000000003deg);-ms-transform:rotate(266.40000000000003deg);-o-transform:rotate(266.40000000000003deg);transform:rotate(266.40000000000003deg);}
.c100.p75 .bar{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
.c100.p76 .bar{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg);}
.c100.p77 .bar{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg);}
.c100.p78 .bar{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg);}
.c100.p79 .bar{-webkit-transform:rotate(284.40000000000003deg);-moz-transform:rotate(284.40000000000003deg);-ms-transform:rotate(284.40000000000003deg);-o-transform:rotate(284.40000000000003deg);transform:rotate(284.40000000000003deg);}
.c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg);}
.c100.p81 .bar{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg);}
.c100.p82 .bar{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg);}
.c100.p83 .bar{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg);}
.c100.p84 .bar{-webkit-transform:rotate(302.40000000000003deg);-moz-transform:rotate(302.40000000000003deg);-ms-transform:rotate(302.40000000000003deg);-o-transform:rotate(302.40000000000003deg);transform:rotate(302.40000000000003deg);}
.c100.p85 .bar{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg);}
.c100.p86 .bar{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg);}
.c100.p87 .bar{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg);}
.c100.p88 .bar{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg);}
.c100.p89 .bar{-webkit-transform:rotate(320.40000000000003deg);-moz-transform:rotate(320.40000000000003deg);-ms-transform:rotate(320.40000000000003deg);-o-transform:rotate(320.40000000000003deg);transform:rotate(320.40000000000003deg);}
.c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg);}
.c100.p91 .bar{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg);}
.c100.p92 .bar{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg);}
.c100.p93 .bar{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg);}
.c100.p94 .bar{-webkit-transform:rotate(338.40000000000003deg);-moz-transform:rotate(338.40000000000003deg);-ms-transform:rotate(338.40000000000003deg);-o-transform:rotate(338.40000000000003deg);transform:rotate(338.40000000000003deg);}
.c100.p95 .bar{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg);}
.c100.p96 .bar{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg);}
.c100.p97 .bar{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg);}
.c100.p98 .bar{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg);}
.c100.p99 .bar{-webkit-transform:rotate(356.40000000000003deg);-moz-transform:rotate(356.40000000000003deg);-ms-transform:rotate(356.40000000000003deg);-o-transform:rotate(356.40000000000003deg);transform:rotate(356.40000000000003deg);}
.c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.c100:hover{}
.c100:hover > span{color:#82b2f0;}
.c100.dark{background-color:#777777;}
.c100.dark .bar,
.c100.dark .fill{border-color:#c6ff00 !important;}
.c100.dark > span{color:#777777;}
.c100.dark:after{background-color:#666666;}
.c100.dark:hover > span{color:#c6ff00;}
.c100.green .bar,
.c100.green .fill{border-color:#4db53c !important;}
.c100.green:hover > span{color:#4db53c;}
.c100.green.dark .bar,
.c100.green.dark .fill{border-color:#5fd400 !important;}
.c100.green.dark:hover > span{color:#5fd400;}
.c100.orange .bar,
.c100.orange .fill{border-color:#dd9d22 !important;}
.c100.orange:hover > span{color:#dd9d22;}
.c100.orange.dark .bar,
.c100.orange.dark .fill{border-color:#e08833 !important;}
.c100.orange.dark:hover > span{color:#e08833;}
.mlsuplinks{font-size:12px;color:#909090;}
.mlsuplinkss{color:#909090;font-size:10px;}
html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter div.slider-hd h1.intro{text-align:center;float:none !important;}
html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter div.slider-hd{padding-left:0;width:57%;}
html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter{background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/wasseranalyse-parameter-l.jpg") repeat scroll center/cover;height:285px;}
@media (max-width:1199px){html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter{background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/wasseranalyse-parameter-l.jpg") repeat scroll center/cover;height:285px;}
}
@media (max-width:991px){html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter{background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/wasseranalyse-parameter-m.jpg") repeat scroll center/cover;}
}
@media (max-width:600px){html body.bs-docs-home.parameter-seite section.header div.container.intro.parameter{background:rgba(0, 0, 0, 0) url("/wasserqualitaet/img/wasseranalyse-parameter-s.jpg") repeat scroll center/cover;height:200px;}
}
div.container.border{border-bottom:1px solid lightgrey;padding-bottom:30px;}
.greybg{background:#f5f4f4 none repeat scroll 0 0;padding-bottom:30px;margin-top:30px;}
img.img-circle.img-responsive.bild.right.parameter{height:200px;width:auto !important;border-radius:50%;}
.mlBoxClick{cursor:pointer;border:solid 1px #fff;height:320px;}
.mlBoxClick:hover{}
.risiko-box-graph .bar{border:20px solid #d45f11;}
@media (max-width:767px){.hinweisDS{text-align:left;}
}
@media (max-width:530px){.hinweisDS{text-align:center;}
}
#back-stadt{bottom:15px;position:fixed;right:30px;}
.back-stadt{background:rgba(78, 128, 135, 0.85) none repeat scroll 0 0;border:1px solid #4e8087;color:#fff;display:block;font-size:14px;height:40px;margin:auto;padding:9px;text-align:center;width:300px;}
.back-stadt::before{content:url("img/pfeil-white.svg");margin-right:4px;}
.back-stadt:hover,
.back-stadt:active,
.back-stadt:focus{opacity:0.7;transition:0.4s;text-decoration:none;}
.plzSpan{font-size: 12px;color: #7b7b7b;}

.auorg1 {
	position: relative !important;
	width: 152px !important;
}
.ftctL{
	width: 820px;
	float: left;
}
.ftctR{
	width: 152px;
	float: right;
	margin-top: -17px;
	border-right: 1px solid #acacac;
}
@media (max-width:600px){
	#back-stadt{
		bottom:0;
		right:0;
		width:100%;
		background:rgb(255, 255, 255, 0.7);
		padding-top:15px;
	}
	.back-stadt{
		margin-bottom:10px;
	}
}
#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:99;
}
#status{
	width:64px;
	height:64px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(/wasserqualitaet/img/plBg.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-32px 0 0 -32px;
}
.slider-hd-50{
	width: 57%;
}
.slider-hd-70{
	width: 70%;
}
.slider-hd-75{
	width: 75%;
}
.slider-hd-80{
	width: 80%;
}
.slider-hd-90{
	width: 90%;
}
.slider-hd-95{
	width: 97%;
}
/* neuer Sticky 2019-06-13 */
#stickyE{
	position: fixed;
	width: 230px;
	height: 225px;
	right: 0px;
	top: 300px;
	z-index: 100;
	cursor: pointer;
}
.stickyE1{
	width: 227px;
	height: 199px;
	margin-left: 3px;
}
.stickyE2{
	width: 227px;
	height: 52px;
	margin-top: -28px;
	position: relative;
}
.stickyE2b{
	background: #e68b00;
	height: 52px;
	width: 213px;
	margin-left: 18px;
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	-webkit-box-shadow: -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
	-moz-box-shadow:    -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
	box-shadow:         -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
}
.stickyE2b:hover {
	background: #f7ab36;
}
.stickyE21{
	width: 54px;
	float: left;
	height: 52px;
}
.stickyE21 img{
	height: 40px;
	margin: 6px 0 0 6px;
}
.stickyE22{
	color: #fff;
	font-size: 19px; /* 19 */
	line-height: 52px; /* 52 */
	padding-left: 0px;
	width: 128px; /* 126 */
	float: left;
	margin-left: 7px;
}
.stickyE23{
	width: 10px;
	height: 30px;
	float: left;
	margin-top: 13px;
}
.stickyE23 img{
	height: 15px;
}

header{
	z-index:20000;
}
.new_pa_boxes{
	width: 340px;
	float: left;
	margin: 0 50px 44px 0;
	position: relative;
	height: 504px;
}
.ops2{
	height: 48px;
	line-height: 48px;
	background: #014a7f;
	color: #fff;
	padding: 0 20px;
}
.ops2_1{
	font-size: 17px;
	font-weight: bold;
	float: left;
}
.ops2_2{
	text-align: right;
}

.ops3{
	padding: 0 20px;
}
.ops3_1{
	height: 42px;
    line-height: 42px;
    font-size: 17px;
    font-weight: bold;
}
.ops3_1_1, .ops4_1_1{
	float: left;
	width: 40px;
}
.ops3_1_2, .ops4_1_2{
	float: left;
	width: 160px;
}
.ops4_1_2{
	position: relative;
}
.ops4_1_2::before{
    position: absolute;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('/wasserqualitaet/img/icon-info-24.png');
    background-size: contain;
    right: 20px;
    top: calc(50% - 10px);
}
.ops4_1_2:hover::after,
.ops4_1_2:active::after{
	position: absolute;
	content: 'Das von den Versorgern gelieferte Trinkwasser ist in der Regel einwandfrei.\a
	Die Kontrolle der Wasserqualität und die Verantwortlichkeit des Versorgers endet allerdings an den Zuleitungen, bzw. an der Wasseruhr des eigenen Hauses.\a
	Durch die verbauten Wasserleitungen, die verwendeten Materialien und Wasserhahn-Armaturen können diverse unerwünschte Stoffe ins Trinkwasser gelangen, welche die Gesundheit beinträchtigen können.';
	padding: 40px 20px 15px;
	width: 270px;
	background: #f8fcff;
	color: #0B2F44;
	left: -25px;
	top: 22px;
	font-size: 12px;
	box-shadow: 1px 4px 10px #000000b3;
	clip-path: polygon(100px 0%, 120px 20px, 100% 20px, 100% 100%, 0 100%, 0 20px, 80px 20px);
	text-align: justify;
	hyphens: auto;
	line-height: 1.3;
	font-weight: normal;
}
.ops3_2{
	height: 40px;
    line-height: 28px;
    color: #999999;
    line-height: 40px;
}
.ops3_3{
	height: 26px;
	background: #e0e0e0;
}
.ops3_4{
	height: 52px;
}
.ops3_2, .ops3_4, .ops5_5, .ops4_4, .ops7_4, .ops8_1, .ops3_5{
	font-size: 13px;
}
.ops4_4, .ops7_4{
	font-weight: bold;
}
.ops4{
	padding: 0 20px;
}
.ops4_1{
	height: 42px;
    line-height: 42px;
    font-size: 17px;
    font-weight: bold;
}
.ops4_2{
	height: 40px;
    line-height: 28px;
    font-size: 13px;
    color: #999999;
    line-height: 40px;
}
.ops4_3{
	height: 26px;
	background: #e0e0e0;
}
.ops4_4{
	height: 52px;
}
.ops5{
	padding: 0 20px;
}
.ops5_button{
	text-align: center;
    display: inline-block;
    padding: 10px 40px;
    margin: 10px 0;
    color: #fff;
    border-radius: 5px;
    background: #e68b00;
    box-shadow: 1px 1px 4px #000000cf;
    font-size: 16px;
}
.ops5_button:hover{
	color: #fff;
}
.ops5_3{
	height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #999999;
}
.ttt{
	background: #bbbbbb;
	height: 26px;
}
.ttt2{
	background: #ba221f;
	height: 26px;
}
.tttgw{
	height: 26px;
    border-right: 1px solid #161616;
}
.ops5_4{
	height: 26px;
	background: #e0e0e0;
}
.ops5_5{
	height: 52px;
}
.ops6{
	height: 52px;
	line-height: 52px;
	background: #f5f3f4;
	text-align: center;
}
.ops7_2{
	height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #999999;
}
.ops7, .ops8{
	padding: 0 20px;
}
.ops7_3{
	height: 26px;
	background: #e0e0e0;
}
.ops7_4{
	height: 30px;
}
.zindex{
	position: absolute;
	width: 100%;
	border: 1px solid #909090;
	background: #fff;
}
.ops8{
	text-align: center;
}
.ops8_1{
	text-align: left;
}
.ops8_2{
	display: inline-block;
    padding: 7px 25px;
    border: 1px solid #acacac;
    margin: 10px 0 20px 0;
}

.zshadow{
	-webkit-box-shadow: 1px 1px 23px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 23px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 23px 0px rgba(50, 50, 50, 0.75);
}

.achtung_1{
	text-align: center;
    float: left;
    width: 90px;
    margin: -5px 15px 15px;
}

.achtung_2{
	margin: 0 25px;
}


.col4_1{
	background: #b6b6b6; /*grey*/
}
.col4_2{
	background: #ffd125; /*yellow*/
}
.col4_3{
	background: #ff7814; /*orange*/
}
.col4_4{
	background: #dd3131; /*red*/
}


@media screen and (max-width:767px){
	.hom{
		display:none !important;
	}
	#stickyE{
		width: 98px;
		height: 98px;
		top: 90px;
	}
	.stickyE2 {
		height: 18px;
	}
	.stickyE1{
		height: 106px;
		margin-left: 3px;
	}
	.stickyE2b{
		height: 18px;
		width: 90px;
		margin-left: 8px;
		border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		-webkit-box-shadow: -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
		-moz-box-shadow:    -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
		box-shadow:         -2px -1px 5px 0px rgba(50, 50, 50, 0.43);
	}
	.stickyE23, .stickyE21{
		display: none;
	}
	.stickyE22 {
		font-size: 12px;
		line-height: 18px;
		width: 77px;
		float: none;
		text-align: center;
		margin-left: 10px;
	}
}
@media screen and (min-width:768px){
	.hod{
		display:none !important;
	}
}

/* Modifizierungen 16052018 - Chris */
article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
    background: #4e8087 url(https://www.wassertest-online.de/blog/banner/pfeil-banner-btn.png) no-repeat scroll 94% center;
  margin-left: 260px;
     margin-top: 20px;
    }
    img.img-responsive.bild-banner.bild.pull-left.hh-bild {
        margin-left:0;
        margin-bottom:40px;
            margin-right: 30px;
    }

@media (max-width:767px){
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        width:45%;
    }
        img.img-responsive.bild-banner.bild.pull-left.hh-bild {
        margin-bottom:60px;

    }
}

@media (max-width:636px){
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        width:55%;
        margin-left: 0;
    }
        img.img-responsive.bild-banner.bild.pull-left.hh-bild {
        margin-bottom:20px;
            float:none !important;

    }
}

@media (max-width:540px){
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        width:75%;
    }
}
@media (max-width:420px){
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        width:100%;
    }
}
@media (max-width:340px){
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        background-image: none;
    }
    article.hamburg-wassertest div.mlCursor.container.banner p.banner-btn {
        width:100%;
    }
}
.risiko-box-btn{
	background: #4e8087 url(https://www.wassertest-online.de/blog/banner/pfeil-banner-btn.png) no-repeat scroll 94% center;
	color: #fff;
	padding: 10px 20px;
	width: 245px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
@media (max-width:660px){
	.risiko-box-btn{
		right: calc(50% - 122px);
		bottom: 30px;
	}
	div.container.risiko{
		padding-bottom: 90px;
	}
}

/* Mobile Nav Fix 26.01.2022 */

@media (max-width: 560px){
	.navbar{
		min-height: auto;
	}
	.header{
		margin-top: 150px;
	}
	.logo{
		width: 130px;
	}
	div.logo.pull-left a img{
		width: auto;
		height: auto;
		max-width: 130px;
	}
	div.header-box.pull-right{
		width: calc(100% - 200px);
		margin-bottom: 15px;
		margin-top: 10px;
	}
	div.header-box.pull-right a{
		font-size: 12px;
	}
	.header-box.pull-right p{
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.2;
	}
}


/* GWUE CSS NA 2022-06-04 */
#PLZeingrenzen ~.row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
}
.new_pa_boxes{
    height: 412px;
    margin: 0;
    float: none;
    margin: 25px;
}
.new_pa_boxes .zindex{
	border-radius: 5px;
}
.ops2{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ops2_2{
	font-size: 14px;
}
.ops2_2 sup::after{
	content: ' ';
}


.ops3_1,
.ops4_1{
	font-size: 20px;
    color: #0f0f0f;
    height: auto;
    line-height: 1.2;
    padding: 10px 0 5px 0;
}
.ops3_2,
.ops4_2,
.ops5_3{
	height: auto;
	line-height: 1.2;
}
.ops3_3,
.ops4_3,
.ops5_4,
.ops7_3{
    background: #f4f4f4;
}
.ops3_4,
.ops4_4,
.ops5_5{
	height: 30px;
}
.ttt{
	background: #b6b6b6;
}
.tttgw{
	border-right: 2px dotted #23232375;
}
.ops6{
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ops6 a{
    color: #0f0f0f;
    text-decoration: underline;
    font-size: 12px;
}
.ops7_2{
    height: auto;
    line-height: 1.2;
}
.ops8_2{
	min-width: 200px;
    border-radius: 5px;
    background: whitesmoke;
}
.ops8_2 a{
	font-weight: bold;
	font-size: 14px;
}
.navbar-static-top{
	z-index: 20000;
}

@media (max-width: 375px){
	.new_pa_boxes{
		min-width: 300px;
	}
}

/* Mod 2022-04-11 - PK */

/* Hinweisbox */

.color-box {
    margin: 20px 0;
    padding-left: 20px;
    position: relative;
}

input, select, textarea, button, div, span, a {
    box-sizing: border-box;
}

.color-box .shadow {
    margin: 0;
}
.shadow {
    background: #F7F8F9;
    padding: 3px;
    margin: 15px 0 20px;
}

.tip-icon {
    background: #92CD59;
}
.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 1px;
}

.tip-icon::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url("/wasserqualitaet/img/light-bulb.png");
    background-size: contain;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
.info-tab::before, .info-tab::after {
    display: inline-block;
    color: #fff;
    line-height: normal;
    font-family: "icomoon";
    position: absolute;
}

.tip-icon i::before {
    background: #75b436;
}
.info-tab i::before {
    width: 20px;
    height: 20px;
    box-shadow: inset 12px 0 13px rgb(0 0 0 / 50%);
}
.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -15px;
    transform: rotateX(60deg);
}

.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
    bottom: -18px;
}

.tip-box {
    color: #2e5014;
    background: #d5efc2;
	padding: 15px 15px 2px 28px;
}

/* GW Boxen */

.new_pa_boxes {
    height: 580px!important;
}

.ops2 {
	background: #386179;
	border-bottom: 1px solid white;
}

.ops2 sup {
    font-size: 12px;
    text-decoration: none;
}

.ops2_1 {
	font-size: 20px;
    text-transform: uppercase;
}

.ops2_2 {
    font-size: 14px;
}

.ops3_1, .ops4_1 {
    font-size: 18px;
    padding: 20px 0 5px 0;
}

.ops3 {
	border-bottom: 1px solid white;
	background-color: #0B2F44;
	padding: 10px 20px;
}

.ops3_1_1 img, .ops4_1_1 img {
	filter: brightness(100);
    -webkit-filter: brightness(100);
	margin-top: -5px;
}

.ops3_1_2, .ops4_1_2 {
    width: 105px;
    color: white;
	font-size: 16px;
}

.ops3_2, .ops4_2, .ops5_3 {
    padding: 5px 0;
	color: white;
    text-align: left;
}

.ops3_4, .ops4_4, .ops5_5 {
    margin-top: 5px;
	color: #e68b00;
    font-weight: 600;
	font-size: 15px;
	text-align: left;
}

.ops4 {
	background-color: #0B2F44;
	padding: 10px 20px 0;
}

.ops5 {
	background-color: #0B2F44;
	border-bottom: 1px solid white;
	padding: 0 20px 10px;
	text-align: center;
}

.ops6 {
    background-color: #386179;
}

.ops6 a {
    color: #ffffff!important;
}

.ops7, .ops8 {
	padding: 20px 20px 0;
}

.ops7_2 {
    color: #0c0c0c;
    margin-bottom: 5px;
}

.ops7_4 {
    margin-top: 5px;
    font-size: 15px;
}

.ops8_2 {
    margin: 20px 0 20px 0;
}


.color-box{
padding-left: 0;
}
.info-tab{
left: -19px;
}

/* mobile menue hidden */

@media screen and (max-width:767px){
	#top{
		transition: top 0.3s;
	}
	.menue-hidden{
		top: -90px !important;
	}
}
@media screen and (max-width:386px){
	.menue-hidden{
		top: -105px !important;
	}
}