@import url('webfonts.css');

* { margin:0px;padding:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

:root {
	--color-akzent-blue:#11458B;
	--color-akzent-blue-rgb:17,69,139;
	--color-akzent-oldblue:#11458B;
	--color-akzent-oldblue-rgb:17, 69, 139;
	--color-akzent-yellow:#F8EB54;
	--color-akzent-yellow-rgb:248,235,84;
	--color-akzent-lightblue:#006296;
	--color-akzent-lightblue-rgb:0,98,150;


	--font-header:"Roboto", Arial, sans-serif;
	--font-text:"Roboto", Arial, sans-serif;
	--font-icon:"Font Awesome 5 Pro";
	--font-brands:"Font Awesome 5 Brands";

	--font-color:#121316;
	--font-color-rgb:18,19,22;
	--font-color-light:#ffffff;
	--font-color-light-rgb:255,255,255;

	--transition-default:all 1s ease-in-out;
	--transition-faster:all 0.25s ease-in-out;
}

html, body { font-family:var(--font-text);font-size:21px;line-height:36px;color:var(--font-color);background:#ffffff; }

.overlay { overflow: hidden !important; }

.clearboth { clear:both;height:0px;line-height:0px;font-size:0px; }
.loader { display:none;position:absolute;margin:-25px 0 0 -25px;top:50%;left:50%; }
a images { border:none; }

header { padding:50px 45px;position:sticky;top:0px;z-index:99999;background:rgba(255,255,255,1);box-shadow:0px -10px 20px 10px rgba(0,0,0,0);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
body.scrolled header { padding:30px 45px;box-shadow:0px -10px 20px 10px rgba(0,0,0,.15) }
header a { color:var(--font-color);text-decoration:none; }
header .wrapper { display:grid;grid-template-columns:auto 1fr; }
header .wrapper .header-logo { margin:-17px 0 -10px; }
header .wrapper .header-logo > a { display:block; }
header .wrapper .header-logo > a > img { display:block;width:auto;height:70px; }
header .wrapper .header-logo-mobile { display:none; }
header .wrapper .header-logo-mobile > a { display:block; }
header .wrapper .header-logo-mobile > a > img { display:block;width:auto;height:40px; }
header .wrapper .header-action { display:flex;justify-content:flex-end;align-items:center;gap:35px; }
header .wrapper .header-action .header-action-cta { display:flex;list-style-type:none;font-size:40px;gap:35px; }
header .wrapper .header-action .header-action-cta a {  }
header .wrapper .header-action .header-action-cta a:hover { color:rgba(var(--color-akzent-blue-rgb),1);cursor:pointer; }
header .wrapper .header-action .header-action-cta .cta-openings { position:relative; }
header .wrapper .header-action .header-action-cta .cta-openings .openings-box { position:absolute;display:none;font-size:16px;line-height:1.1em;padding:20px 25px;top:115px;left:-125px;text-align:center;background:rgba(255,255,255,1);color:rgba(var(--font-color-rgb),1);box-shadow:0px 0px 20px -8px rgba(0,0,0,.3); }
body.scrolled header .wrapper .header-action .header-action-cta .cta-openings .openings-box { top:105px; }
header .wrapper .header-action .header-action-cta .cta-openings .openings-box > h4 { font-size:24px;line-height:1em;margin:0 0 10px 0;color:rgba(var(--color-akzent-blue-rgb),1); }
header .wrapper .header-action .header-action-cta .cta-openings .openings-box > p { display:grid;grid-template-columns:repeat(2,1fr);justify-items:end;gap:7px; }
header .wrapper .header-action .header-action-cta .cta-openings .openings-box > p > span:nth-child(odd) { font-weight:500; }
header .wrapper .header-action .header-navigation { display:flex;list-style-type:none;font-size:30px;gap:35px; }
header .wrapper .header-action .header-navigation a { display:block;position:relative; }
header .wrapper .header-action .header-navigation a:after { content:"";display:block;position:absolute;width:0px;border-bottom:3px solid rgba(var(--color-akzent-blue-rgb),1);bottom:-10px;left:0px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .wrapper .header-action .header-navigation a:hover:after { width:100%; }
header .wrapper .header-action .header-navigation-mobile { display:none; }

main { position:relative; }
main h1 { font-size:48px;line-height:1.25em;font-weight:600;margin:0 0 55px 0;text-align:center;position:relative; }
main h2 { font-size:36px;line-height:1.25em;font-weight:600;margin:0 auto 35px auto;text-align:center;width:70%; }
main h3 { font-size:28px;line-height:1.25em;font-weight:400;margin:0 0 15px 0; }
main h4 { font-size:24px;line-height:1.25em;font-weight:600;margin:0 0 5px 0; }
main p { width:70%;margin:0 auto 25px auto; }
main a { color:var(--color-akzent-blue);text-decoration:none; }
main img.text-right { float:right;width:44%;height:auto;border-radius:5px;margin:0 0 10px 10px;box-shadow:0px 0px 15px -5px rgba(0,0,0,.2); }
main img.text-left { float:left;width:44%;height:auto;border-radius:5px;margin:0 10px 10px 0;box-shadow:0px 0px 15px -5px rgba(0,0,0,.2); }

main a.button { display:inline-flex;align-items:center;line-height:1em;background:rgba(var(--color-akzent-blue-rgb),1);color:rgba(255,255,255,1);font-weight:600;padding:12px 20px;border:3px solid transparent;border-radius:5px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main a.button > i { margin:0 10px 0 0;font-size:1.4em;line-height:1em; }
main a.button:hover { background:rgba(255,255,255,1);color:rgba(var(--color-akzent-blue-rgb),1);border-color:rgba(var(--color-akzent-blue-rgb),1);box-shadow:0px 0px 20px -3px rgba(0,0,0,.3); }

main section { position:relative; }
main section .wrapper { width:80%;margin:0 auto;padding:70px 0; }

main section.intro .wrapper { width:50%;margin:0 auto;padding:70px 0;text-align:center; }
main section.blau { background:rgba(var(--color-akzent-oldblue-rgb),1);color:var(--font-color-light); }
main section.poster .wrapper { text-align:center; }

main section.hero .wrapper { height:62vh;width:100%;padding:0; }
main section.hero .hero-two-diagonal { height:100%;position:relative; }
main section.hero .hero-two-diagonal > .hero-image { width:60%;height:100%;position:absolute;top:0px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main section.hero .hero-two-diagonal > .hero-image:nth-child(1) { clip-path:polygon(0 0, 100% 0%, calc(100% - 220px) 100%, 0% 100%);z-index:99;left:0px; }
main section.hero .hero-two-diagonal > .hero-image:nth-child(1):after { content:"";display:block;position:absolute;top:0px;right:0px;background:#ffffff;width:235px;height:100%;z-index:999;clip-path:polygon(220px 0, 100% 0%, 80% 100%, 0% 100%); }
main section.hero .hero-two-diagonal > .hero-image:nth-child(2) { clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 100%);z-index:9;right:0px; }
main section.hero .hero-two-diagonal > .hero-image > img { display:block;width:100%;height:100%;object-position:center;object-fit:cover; }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper { position:absolute;bottom:70px;left:70px;z-index:99;display:flex;flex-direction:column;align-items:flex-start;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text { position:relative;z-index:999;color:rgba(var(--color-akzent-blue-rgb),1);font-size:20px;line-height:1em;display:flex;flex-direction:column;align-items:flex-start; }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text > span { background:rgba(255,255,255,1);padding:0 25px 20px 25px; }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text > span:first-of-type { padding-top:20px; }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-big { font-size:48px;font-weight:700;margin:0 0 10px 0; }
main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-small { font-size:30px;font-weight:500; }
main section.hero .hero-two-diagonal:hover > .hero-image { width:57%; }
main section.hero .hero-two-diagonal > .hero-image:nth-child(1):hover { width:63%; }
/*main section.hero .hero-two-diagonal > .hero-image:nth-child(1):hover > .hero-text-wrapper { bottom:75px;left:75px; }*/
main section.hero .hero-two-diagonal > .hero-image:nth-child(2):hover { width:63%; }

main section.hero .hero-single { height:100%;position:relative; }
main section.hero .hero-single > .hero-image { width:100%;height:100%;position:absolute;top:0px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main section.hero .hero-single > .hero-image > img { display:block;width:100%;height:100%;object-position:center;object-fit:cover; }
main section.hero .hero-single > .hero-image > .hero-text-wrapper { position:absolute;bottom:70px;left:70px;z-index:99;display:flex;flex-direction:column;align-items:flex-start;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main section.hero .hero-single > .hero-image > .hero-text-wrapper > .hero-text { position:relative;z-index:999;color:rgba(var(--color-akzent-blue-rgb),1);font-size:20px;line-height:1em;display:flex;flex-direction:column;align-items:flex-start; }
main section.hero .hero-single > .hero-image > .hero-text-wrapper > .hero-text > span { background:rgba(255,255,255,1);padding:0 25px 20px 25px; }
main section.hero .hero-single > .hero-image > .hero-text-wrapper > .hero-text > span:first-of-type { padding-top:20px; }
main section.hero .hero-single > .hero-image > .hero-text-wrapper > .hero-text.text-big { font-size:48px;font-weight:700;margin:0 0 10px 0; }
main section.hero .hero-single > .hero-image > .hero-text-wrapper > .hero-text.text-small { font-size:30px;font-weight:500; }

main section.leistungen p { text-align:center;width:75%;margin:0 auto; }
main section.leistungen .leistungen-list { display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin:35px 0 0 0; }
main section.leistungen .leistungen-list > li { text-align:center;font-weight:500; }
main section.leistungen .leistungen-list > li > a { display:block;color:rgba(var(--font-color-rgb),1); }
main section.leistungen .leistungen-list > li img { display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-position:center;object-fit:cover;border-radius:5px;border:3px solid transparent;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
main section.leistungen .leistungen-list > li > a:hover img { border-color:rgba(var(--color-akzent-blue-rgb),1);box-shadow:0px 0px 20px -3px rgba(0,0,0,.3); }
main section.leistungen .leistungen-list > li span { display:block;text-align:center;font-weight:500;margin:10px 0 0 0; }

main section.partner p { text-align:center;width:75%;margin:0 auto; }
main section.partner .partner-list { list-style-type:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:50px;margin:50px 0 0 0; }
main section.partner .partner-list > li { font-size:32px;font-weight:500;text-transform:uppercase; }

main section.leistungen-detail p { text-align:center;width:75%;margin:0 auto 35px; }
main div.leistungen { display:flex;flex-direction:column;gap:35px; }
main div.leistungen .leistungen-item { display:grid;grid-template-columns:20vw 1fr;/*gap:35px;*/grid-template-areas:"col-image col-detail";border-radius:15px;box-shadow:0px 0px 25px -10px rgba(0,0,0,.3);-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main div.leistungen .leistungen-item:hover { box-shadow:0px 0px 25px -7px rgba(0,0,0,.7);grid-template-columns:22vw 1fr; }
main div.leistungen .leistungen-item .item-image { grid-area:col-image; }
main div.leistungen .leistungen-item .item-image img { display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-position:center;object-fit:cover;clip-path:polygon(0 0, 100% 0%, 80% 100%, 0% 100%);border-bottom-left-radius:15px;border-top-left-radius:15px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main div.leistungen .leistungen-item .item-details { grid-area:col-detail;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px; }
main div.leistungen .leistungen-item .item-details h2 { text-align:left;margin:0 0 15px 0; }
main div.leistungen .leistungen-item .item-details ul { list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center; }
main div.leistungen .leistungen-item .item-details ul > li { padding:10px 20px;text-align:center;background:rgba(var(--color-akzent-blue-rgb),1);color:rgba(255,255,255,1);border-radius:300px;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main div.leistungen .leistungen-item .item-details ul > li:hover { background:rgba(var(--color-akzent-oldblue-rgb),1);cursor:default; }
main div.leistungen .leistungen-item:nth-child(even) { grid-template-columns:1fr 20vw;grid-template-areas:"col-detail col-image"; }
main div.leistungen .leistungen-item:nth-child(even):hover { grid-template-columns:1fr 22vw; }
main div.leistungen .leistungen-item:nth-child(even) .item-image img { clip-path:polygon(0 0, 100% 0%, 100% 100%, 20% 100%);border-radius:0px;border-bottom-right-radius:15px;border-top-right-radius:15px; }

main #poster h2 { font-size:36px;line-height:1.1em;font-weight:600; }
main #poster h3 { font-size:100px;line-height:1em;font-weight:900;margin:35px 0;color:rgba(var(--color-akzent-yellow-rgb),1);-webkit-text-stroke:3px rgba(var(--color-akzent-lightblue-rgb),1);text-shadow:0px 0px 20px rgba(0,0,0,.5);letter-spacing:-0.03em; }
main #poster h4 { font-size:30px;line-height:1.2em;font-weight:500; }

main section.datenschutz p { width:100%; }
main section.datenschutz ul { margin:0 0 25px 25px; }

footer { background:rgba(var(--color-akzent-oldblue-rgb),1);color:var(--font-color-light);border-top:7px solid rgba(var(--color-akzent-yellow-rgb),1);background-image:url('../images/bg_wasserleitung.png');background-position:bottom;background-repeat:repeat-x; }
footer a { color:var(--font-color-light);text-decoration:none; }
footer .wrapper { width:80%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:50px;padding:40px 0;background-image:url('../images/bg_wasserzaehler.png');background-position:bottom;background-repeat:no-repeat; }
footer .wrapper .footer-data { font-size:16px;line-height:24px; }
footer .wrapper .footer-data:nth-child(2n) { text-align:right; }
footer .wrapper .footer-data h4 { font-weight:600;font-size:18px; }
footer .wrapper .footer-data:nth-child(1) { font-size:21px;line-height:30px; }
footer .wrapper .footer-data:nth-child(1) h4 { font-size:21px;line-height:30px;font-weight:600; }
footer .wrapper .footer-data:nth-child(2) { font-size:16px;line-height:24px; }
footer .wrapper .footer-data:nth-child(2) h4 { font-size:18px;line-height:30px;font-weight:600;text-transform:uppercase; }
footer .wrapper .footer-data:nth-child(2) p { margin:0 0 25px 0;display:grid;grid-template-columns:repeat(2,auto);justify-content:end;column-gap:10px;row-gap:5px; }
footer .wrapper .footer-data:nth-child(2) p:last-of-type { margin:0; }
footer .wrapper .footer-data .footer-siegel { list-style-type:none;margin:30px 0 0 0;display:flex;gap:15px;font-weight:600;flex-direction:column; }
footer .wrapper .footer-navigation { display:flex;list-style-type:none;justify-content:flex-end;gap:35px; }


/* Normal Screen */
@media only screen and (max-width: 1440px) {
	main p { width:90%; }
	main section.intro .wrapper { width:70% }
	main section.leistungen p { width:100%; }

	main section .wrapper { width:90%; }
	footer .wrapper { width:90%; }

	/*main section.leistungen .leistungen-list > li span { font-size:16px; }*/
	main section.leistungen .leistungen-list { display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center; }
	main section.leistungen .leistungen-list > li { width:30%; }
}

@media only screen and (max-width: 1240px) {
	header .wrapper .header-logo > a > img { height:67px }

	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-big { font-size:40px; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-small { font-size:24px; }
}

/* Smaller Screen & Tablet Horizontal */
@media only screen and (max-width: 1166px) and (orientation: portrait) {
	main section.hero .wrapper { height:35vh; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-big { font-size:36px; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-small { font-size:24px; }
}             

@media only screen and (max-width: 1024px) {
	header .wrapper .header-action .header-navigation-mobile { display:block;position:relative;width:40px;height:40px; }
	header .wrapper .header-action .header-navigation-mobile > span { display:block;border-radius:2px;background:rgba(var(--font-color-rgb),1);width:100%;height:4px;position:absolute;top:3px;left:0px;-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
	header .wrapper .header-action .header-navigation-mobile > span:nth-child(2) { top:18px; }
	header .wrapper .header-action .header-navigation-mobile > span:nth-child(3) { top:33px; }
	header .wrapper .header-action .header-navigation-mobile.nav-open > span { background:rgba(var(--color-akzent-blue-rgb),1); }
	header .wrapper .header-action .header-navigation-mobile.nav-open > span:nth-child(1) { transform-origin:top left;transform:rotate(45deg);top:4px;left:6px; }
	header .wrapper .header-action .header-navigation-mobile.nav-open > span:nth-child(2) { width:0px; }
	header .wrapper .header-action .header-navigation-mobile.nav-open > span:nth-child(3) { transform-origin:bottom left;transform:rotate(-45deg);top:31px;left:6px; }
	header .wrapper .header-action .header-navigation { display:none;gap:25px;position:absolute;background:rgba(255,255,255,1);top:120px;left:0px;width:100%;flex-direction:column;padding:35px;border-top:5px solid rgba(var(--color-akzent-blue-rgb),1);align-items:center; }
	body.scrolled header .wrapper .header-action .header-navigation { top:100px; }
}

@media only screen and (max-width: 890px) {
	main section.hero .hero-two-diagonal > .hero-image { width:80%; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper { bottom:35px;left:35px; }
	main section.hero .hero-two-diagonal:hover > .hero-image { width:70%; }
	main section.hero .hero-two-diagonal > .hero-image:nth-child(1):hover { width:85%; }
	main section.hero .hero-two-diagonal > .hero-image:nth-child(2):hover { width:85%; }

	main section.intro .wrapper { width:90%; }

	main #poster h2 { font-size:30px; }
	main #poster h3 { font-size:80px; }
	main #poster h4 { font-size:24px; }

	main section.leistungen .leistungen-list > li { width:45%; }

	main div.leistungen .leistungen-item { display:flex;flex-direction:column;grid-template-columns:auto;grid-template-areas:unset; }
	main div.leistungen .leistungen-item:nth-child(even) { grid-template-columns:auto;grid-template-areas:unset; }
	main div.leistungen .leistungen-item .item-image { grid-area:none; }
	main div.leistungen .leistungen-item .item-image img { aspect-ratio:4 / 1.5;border-radius:0px;border-top-right-radius:15px;border-top-left-radius:15px;clip-path:polygon(0 0, 100% 0%, 100% 80%, 0% 100%); }
	main div.leistungen .leistungen-item:nth-child(even) .item-image img { aspect-ratio:4 / 1.5;border-radius:0px;border-top-right-radius:15px;border-top-left-radius:15px;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 80%); }
	main div.leistungen .leistungen-item .item-details { grid-area:none;padding:5px 25px 35px; }
	main div.leistungen .leistungen-item .item-details ul > li { font-size:18px;font-weight:500;line-height:1em; }

	footer .wrapper .footer-navigation { flex-direction:column;gap:5px; }
	footer .wrapper .footer-data:nth-child(3) { align-self:end; }
}        

/* Tablet */
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 570px) {
	html, body { font-size:18px;line-height:1.5em; }

	header .wrapper .header-logo { display:none; }
	header .wrapper .header-logo-mobile { display:block; }

	main section.hero .hero-two-diagonal > .hero-image:nth-child(1) { position:relative;clip-path:unset;width:100%; }
	main section.hero .hero-two-diagonal > .hero-image:nth-child(1):after { content:none; }
	main section.hero .hero-two-diagonal > .hero-image:nth-child(2) { display:none; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text > span:first-of-type { padding-top:15px; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text > span { padding:0 20px 15px 20px; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-big { font-size:26px; }
	main section.hero .hero-two-diagonal > .hero-image > .hero-text-wrapper > .hero-text.text-small { font-size:18px; }

	main h1 { font-size:36px; }

	main img.text-right { float:none;width:100%;height:auto;border-radius:5px;margin:0 0 10px 0;box-shadow:0px 0px 15px -5px rgba(0,0,0,.2); }
	main img.text-left { float:none;width:100%;height:auto;border-radius:5px;margin:0 0 10px 0;box-shadow:0px 0px 15px -5px rgba(0,0,0,.2); }

	main #poster h2 { font-size:30px; }
	main #poster h3 { font-size:50px;-webkit-text-stroke:2px rgba(var(--color-akzent-lightblue-rgb),1); }
	main #poster h4 { font-size:24px; }

	main section.leistungen .leistungen-list > li { width:100%; }

	footer .wrapper { width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;padding-bottom:180px;justify-content:center;gap:unset;row-gap:50px;column-gap:25px; }
	footer .wrapper .footer-data { text-align:center;  }
	footer .wrapper .footer-data:nth-child(1) { width:100%; }
	footer .wrapper .footer-data:nth-child(2) { width:100%;text-align:center;  }
	footer .wrapper .footer-data:nth-child(2) p { justify-content:center; }
	footer .wrapper .footer-data:nth-child(3) { width:auto; }
	footer .wrapper .footer-data:nth-child(4) { width:auto; }
	footer .wrapper .footer-navigation { flex-direction:unset;gap:10px; }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {

}

/* Mobile */
@media only screen and (max-width: 425px) {

}