@font-face {
font-family: "Urbane-ExtraLight";
src: url(//www.elpro.de/wp-content/themes/elpro/assets/fonts/Urbane-ExtraLight.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Light";
src: url(//www.elpro.de/wp-content/themes/elpro/assets/fonts/Urbane-Light.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Medium";
src: url(//www.elpro.de/wp-content/themes/elpro/assets/fonts/Urbane-Medium.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Thin";
src: url(//www.elpro.de/wp-content/themes/elpro/assets/fonts/Urbane-Thin.woff) format("woff");
font-style: normal; }html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
*:focus {outline:none !important}#footer {
margin-top: 80px;
padding-top: 3.75rem;
padding-bottom: 4.6875rem;
background-color: var(--blue);
color: #fff; }
@media all and (min-width: 768px) {
#footer {
margin-top: 100px; } }
@media all and (min-width: 1024px) {
#footer {
margin-top: 100px; } }
@media all and (min-width: 1266px) {
#footer {
margin-top: clamp(6.25rem, calc(-3.6rem + 12.45vw), 12.5rem); } }
#footer a {
color: #fff; }
@media all and (min-width: 768px) {
#footer {
padding-top: 4.4375rem;
padding-bottom: 4.6875rem; } }
@media all and (min-width: 1266px) {
#footer {
padding-top: clamp(4.375rem, calc(-3.5rem + 9.95vw), 9.375rem);
padding-bottom: clamp(4.6875rem, calc(-7.61rem + 15.55vw), 12.5rem); } }
#footer .content {
display: flex;
flex-direction: column; }
@media all and (min-width: 768px) {
#footer .content {
flex-direction: row; } }
#footer .content .left {
flex: 1;
width: 100%; }
@media all and (min-width: 1024px) {
#footer .content .left {
padding-left: 8.3333333%;
width: 50%; } }
#footer .content .left .footernav {
padding-top: 2.5rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav {
padding-top: clamp(2.5rem, calc(-3.11rem + 7.09vw), 6.0625rem); } }
#footer .content .left .footernav #menu-footer1,
#footer .content .left .footernav #menu-footer-search,
#footer .content .left .footernav #menu-footer-navigation-1,
#footer .content .left .footernav #menu-footer-navigation-1-englisch {
list-style: none;
margin: 0;
padding: 0; }
#footer .content .left .footernav #menu-footer1 li,
#footer .content .left .footernav #menu-footer-search li,
#footer .content .left .footernav #menu-footer-navigation-1 li,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li {
display: flex;
align-items: center;
padding-bottom: 2.5rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li,
#footer .content .left .footernav #menu-footer-search li,
#footer .content .left .footernav #menu-footer-navigation-1 li,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li {
padding-bottom: clamp(2.5rem, calc(-0.45rem + 3.73vw), 4.375rem); } }
#footer .content .left .footernav #menu-footer1 li a,
#footer .content .left .footernav #menu-footer-search li a,
#footer .content .left .footernav #menu-footer-navigation-1 li a,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a {
position: relative; }
#footer .content .left .footernav #menu-footer1 li a:after,
#footer .content .left .footernav #menu-footer-search li a:after,
#footer .content .left .footernav #menu-footer-navigation-1 li a:after,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: .09375rem solid transparent;
display: block;
margin-top: 5px;
right: 0;
background: var(--green); }
#footer .content .left .footernav #menu-footer1 li a:hover:after,
#footer .content .left .footernav #menu-footer-search li a:hover:after,
#footer .content .left .footernav #menu-footer-navigation-1 li a:hover:after,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a:hover:after {
width: 100%;
left: 0;
background: var(--green);
transition: width .2s ease;
-webkit-transition: width .2s ease;
border-top: 0.09375rem solid var(--green); }
#footer .content .left .footernav #menu-footer1 li span,
#footer .content .left .footernav #menu-footer-search li span,
#footer .content .left .footernav #menu-footer-navigation-1 li span,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span {
display: inline-flex;
align-items: center;
padding-right: .625rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li span,
#footer .content .left .footernav #menu-footer-search li span,
#footer .content .left .footernav #menu-footer-navigation-1 li span,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span {
padding-right: clamp(0.625rem, calc(0.43rem + 0.25vw), 0.75rem); } }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li span img,
#footer .content .left .footernav #menu-footer-search li span img,
#footer .content .left .footernav #menu-footer-navigation-1 li span img,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span img {
width: clamp(1rem, calc(0.51rem + 0.62vw), 1.3125rem);
height: clamp(0.875rem, calc(0.48rem + 0.5vw), 1.125rem); } }
#footer .content .left .footernav #menu-footer-search {
position: relative;
top: -2px; }
#footer .content .left .footernav #menu-footer-search li {
padding-bottom: 0;
cursor: pointer; }
#footer .content .left .footernav #menu-footer-search li img {
position: relative;
top: -3px; }
#footer .content .left .footernav #menu-footer-search #searchform {
display: block;
padding: 0;
margin: 0;
width: 100%;
position: relative;
top: -3px; }
@media all and (min-width: 767px) {
#footer .content .left .footernav #menu-footer-search #searchform {
width: 80%; } }
#footer .content .left .footernav #menu-footer-search #searchField {
border: none;
background-color: transparent;
color: #fff;
width: 200px;
transition: width 0.4s ease-in-out;
border-bottom: .09375rem solid transparent;
padding-top: 5px;
padding-right: 40px;
padding-left: 0;
border-radius: 0;
padding-bottom: 5px; }
#footer .content .left .footernav #menu-footer-search #searchField::placeholder {
color: #fff;
opacity: 1; }
#footer .content .left .footernav #menu-footer-search #searchField:focus, #footer .content .left .footernav #menu-footer-search #searchField:hover, #footer .content .left .footernav #menu-footer-search #searchField:valid {
background-color: transparent;
width: 100%;
border-bottom: 0.09375rem solid var(--green); }
#footer .content .left .footernav #menu-footer-search .wrap {
position: relative; }
#footer .content .left .footernav #menu-footer-search svg {
position: absolute;
right: -60px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
opacity: 0;
transition: opacity .4s ease-in-out;
padding: 20px;
cursor: pointer;
width: 17px;
height: auto; }
#footer .content .left .footernav #menu-footer-search svg .st0 {
fill: #01e983; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer-search svg {
width: clamp(1.0625rem, calc(0.27rem + 1vw), 1.875rem); } }
#footer .content .left .footernav #menu-footer-search .wrap {
width: 85%;
position: relative; }
@media all and (min-width: 767px) {
#footer .content .left .footernav #menu-footer-search .wrap {
width: 80%; } }
#footer .content .left .footernav #menu-footer-search .wrap:hover svg {
opacity: 1; }
#footer .content .right {
flex: 1;
position: relative;
margin-top: 3.125rem; }
@media all and (min-width: 768px) {
#footer .content .right {
width: 50%;
margin-top: 0; } }
#footer .content .right .company p {
padding-bottom: 5px; }
#footer .content .right .company a {
color: #fff; }
#footer .content .right .company a:hover {
color: var(--green); }
#footer .content .right .socials {
padding-top: 10px;
display: flex;
gap: .75rem; }
@media all and (min-width: 1266px) {
#footer .content .right .socials {
gap: clamp(0.75rem, calc(0.36rem + 0.5vw), 1rem); } }
#footer .content .right .socials svg {
width: 1.25rem;
height: 1.25rem; }
@media all and (min-width: 1266px) {
#footer .content .right .socials svg {
width: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem);
height: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
#footer .content .right .socials a:hover svg .st0 {
fill: var(--green) !important; }
#footer .content .right .footernav-2 {
margin-top: 3.75rem; }
@media all and (min-width: 768px) {
#footer .content .right .footernav-2 {
position: absolute;
bottom: 0;
margin-top: 0; } }
#footer .content .right .footernav-2 a:hover {
color: var(--green); }
#footer .content .right #menu-footer-2,
#footer .content .right #menu-footer-2-englisch {
display: flex;
list-style: none;
margin: 0;
padding: 0; }
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
display: inline; }
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
padding-right: 1.25rem;
display: block;
padding-bottom: 1.875rem; }
#footer .content .right #menu-footer-2 li:last-child,
#footer .content .right #menu-footer-2-englisch li:last-child {
padding-bottom: 0;
padding-right: 0; }
@media all and (min-width: 768px) {
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
display: inline;
padding-bottom: 0; } }.contactlist h3 {
margin-bottom: 1.25rem; }
@media all and (min-width: 1560px) {
.contactlist h3 {
margin-bottom: 2.5rem; } }
.contactlist .boxes-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.875rem; }
@media all and (min-width: 768px) {
.contactlist .boxes-wrap {
gap: 2.5rem; } }
@media all and (min-width: 1024px) {
.contactlist .boxes-wrap {
gap: 3.75rem; } }
@media all and (min-width: 1266px) {
.contactlist .boxes-wrap {
gap: clamp(3.75rem, calc(-4.13rem + 9.96vw), 8.75rem); } }
.contactlist .box {
width: 100%; }
@media all and (min-width: 768px) {
.contactlist .box {
width: calc(50% - 1.25rem); } }
@media all and (min-width: 1024px) {
.contactlist .box {
width: calc(50% - 1.875rem); } }
@media all and (min-width: 1266px) {
.contactlist .box {
width: calc(50% - calc(clamp(3.75rem, calc(-4.13rem + 9.96vw),8.75rem)/2)); } }
.contactlist .box .inner-box {
height: 100%; }
.contactlist .box .inner-box .content a:hover {
color: var(--green); }
.contactlist .box .inner-box .content .category {
padding-bottom: .437rem; }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .category {
padding-bottom: clamp(0.4375rem, calc(-0.25rem + 0.87vw), 0.875rem); } }
.contactlist .box .inner-box .content .img {
aspect-ratio: 3/2;
display: block; }
.contactlist .box .inner-box .content .img img {
width: 100%;
height: auto;
margin-bottom: 1.5625rem; }
@media all and (min-width: 768px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: 1.375rem; } }
@media all and (min-width: 1024px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: 1.5625rem; } }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .img img {
margin-bottom: clamp(1.5625rem, calc(-0.4rem + 2.24vw), 2.5rem); } }
.contactlist .box .inner-box .content .contact-infos {
padding-top: 1.25rem; }
@media all and (min-width: 1266px) {
.contactlist .box .inner-box .content .contact-infos {
padding-top: clamp(1.25rem, calc(0.26rem + 1.25vw), 1.875rem); } }
.contactlist .box .inner-box .content .contact-infos span {
padding-right: 10px; }