@font-face {
font-family: Roboto;
src: url(https://uebex-energy.at/wp-content/themes/Energy/font/Roboto/Roboto-Bold.ttf);
font-weight: bold;
font-display: swap;
}
@font-face {
font-family: Roboto;
src: url(https://uebex-energy.at/wp-content/themes/Energy/font/Roboto/Roboto-Medium.ttf);
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: Roboto;
src: url(https://uebex-energy.at/wp-content/themes/Energy/font/Roboto/Roboto-Regular.ttf);
font-weight: 400;
font-display: swap;
}
.grecaptcha-badge { 
visibility: hidden !important;
}
.home .wpcf7-not-valid-tip{
font-size: 9px;
line-height: 0px;
}
.single_content{
width: 90%;
margin: auto;
max-width: 1400px;
}
html{
font-family: 'Roboto', sans-serif;
}
p{
font: normal normal normal 16px/26px Roboto;
}
.button_top {
position: fixed;
bottom: 45px;
right: 15px;
background: #014573;
border: 1px solid #014573;
border-radius: 5px;
z-index: 111;
display: none;
width: 50px;
height: 50px;
}
.button_top img{
border-radius: 4px;
}
.pointer{
cursor: pointer;
}
.home .footer{
position: absolute;
bottom: 0;
}
.underline,.box_title.underline{
text-decoration: underline;
}
.background_leiste{
position: relative;
}
.background_leiste::after{
display: none;
position: absolute;
content: "";
right: 0;
top: 0;
width: 70px;
height: 100%;
background-image: url(https://uebex-energy.at/wp-content/themes/Energy/img/svg/leiste.svg);
background-repeat: no-repeat;
background-size: contain;
}
section{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
}
section .background_content{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
background-color: #0C1D2C;
z-index: -1;
}
video.background_content{
display: none;
}
.blue_overlay{
background: #0C1D2C;
opacity: 0.8;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%;
} .section_01 .background_content{
transition: ease all 0.4s;
animation: keyburn infinite 30s;
}
.section_01 .svg_title{
animation: fadein forwards 1s;
}
@keyframes keyburn{
0%{
transform: scale(1.1) translateX(-50px) translateY(-25px);
-webkit-transform: scale(1.1) translateX(-50px) translateY(-25px);
}
50%{
transform: scale(1.3) translateX(50px) translateY(50px);
-webkit-transform: scale(1.3) translateX(50px) translateY(50px);
}
100%{
transform: scale(1.1) translateX(-50px) translateY(-25px);
-webkit-transform: scale(1.1) translateX(-50px) translateY(-25px);
}
}
@keyframes keyburnmobile{
0%{
transform: scale(1.2) translateX(-10px) translateY(-5px);
-webkit-transform: scale(1.2) translateX(-10px) translateY(-5px);
}
50%{
transform: scale(1.4) translateX(10px) translateY(10px);
-webkit-transform: scale(1.4) translateX(10px) translateY(10px);
}
100%{
transform: scale(1.2) translateX(-10px) translateY(-5px);
-webkit-transform: scale(1.2) translateX(-10px) translateY(-5px);
}
}
@keyframes fadein{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
.section.active .side_image_container .side_image_text_title{
animation: fromtop forwards 1s;
}
.section.active .side_image_container .wysiwyg{
animation: frombottom forwards 1s;
}
.section.active .full_info_box,.section.active .way_section_text_title,.section.active .fromleft{
animation: fromleft forwards 1s;
}
@keyframes fromtop{
from{
opacity: 0;
transform: translateY(-100%);
}
to{
opacity: 1;
transform: translateY(0%);
}
}
@keyframes frombottom{
from{
opacity: 0;
transform: translateY(100%);
}
to{
opacity: 1;
transform: translateY(0%);
}
}
@keyframes fromleft{
from{
opacity: 0;
transform: translateX(-100%);
}
to{
opacity: 1;
transform: translateX(0%);
}
}    section .svg_title{
z-index: 3;
position: relative; width: 70%;
max-width: 640px;
}
.section_01{
display: flex;
justify-content: center;
align-items: center;
}
.inner_section{
width: 90%;
max-width: 1400px;
margin: auto; }  .project_slider{
height: 640px;
position: relative;
width: 100%;
z-index: 0;
}
.project_slider img{
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.projectSlider{
width: 100%;
height: 100%;
}
.box_overview{
display: grid;
grid-gap: 20px;
grid-template-areas: "box_1 box_2"
"box_3 box_4";
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.box_1,.box_2,.box_3,.box_4{
background-color: #778F9026;
color: #0C1D2C;
padding: 20px;
transition: ease all 0.4s;
transform: scale(1);
}
.box_1:hover,.box_2:hover,.box_3:hover,.box_4:hover{
transform: scale(1.05);
}
.box_button{
display:inline-block;
position: absolute;
bottom: 20px;
right: 20px;
}
.box_1 {
grid-area: box_1;
background-color: #778F90;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.box_2 {
grid-area: box_2;
position: relative;
background-color: #88A09F;
}
.box_2 p{
margin-top: 0;
max-width: 200px;
}
.box_2 .box_title{
font: normal normal bold 36px/36px Roboto;
margin-bottom: 5px;
}
.box_3 {
grid-area: box_3;
display:block;text-decoration: none;
color: #0C1D2C;
display: flex;flex-direction: column;justify-content: center;
background-color: #A5C7CD;
}
.box_3 .box_title{
display:block;text-decoration:none;font: normal normal bold 36px/46px Roboto;
text-transform: uppercase;
}
.box_4 {
grid-area: box_4;
text-align: center;
display:block;text-decoration: none;
color: #0C1D2C;
display: flex;flex-direction: column;justify-content: center;
background-color: #59A5AD;
}
.box_4 .box_title{
display:block;text-decoration:none;font: normal normal bold 36px/46px Roboto;
}
.box_3 .box_title, .box_3 p {
margin: 0 auto;
width: 185px;
} 
.box_overview p{
font: normal normal 500 20px/24px Roboto;
color: #0C1D2C;
}
.box_link_partner p{
margin: 0;
}
.box_link_foerderung{
margin-bottom: 26px;
}
.box_link_mehrwert p{
margin-top: 5px;
margin-bottom: 30px;
}
.box_section {
display: inline-grid;
grid-gap: 20px;
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}
.project_slider_title{
background-color: #778F90;
display: inline-block;
position: absolute;
top: 20px;
left: 20px;
font: normal normal 500 30px/60px Roboto;
padding: 0px 25px 0px 8px;
}
.box_title{
display:block;
text-decoration:none;
font: normal normal bold 36px/46px Roboto;
}
.box_1 a, .box_2 a, .box_3 a, .box_4 a{
display: block;
text-decoration: none;
color: #0C1D2C;
}  .side_image{
width: 100%;
height: 100%;
position: relative;
}
.side_image img{
width: 100%;
height: 100%;
}
.side_image_container{
width: calc(100% - 260px);
display: flex;
flex-direction: column;
align-items: flex-end;
}
.section_03{
justify-content: flex-start;
align-items: flex-start;
}
.section_05{
justify-content: flex-start;
align-items: flex-end;
}
.section_051,.section_052{
justify-content: center;
align-items: flex-end;
}
.section_05 .side_image_container{
align-items: flex-start;
}
.section_05 .side_image_text{
margin-top: -125px;
margin-left: 85px;
}
.side_image_text{
max-width: 645px;
margin-top: -185px;
position: relative;
}
.side_image_text .wysiwyg{
color: #0C1D2C;
}
.side_image_text_title{
color: #fff;
margin-bottom: 3em;
}
.section_05 .side_image_text_title{
color: #0C1D2C;
}
.side_image_text_title p,.even_section_text_title p,.way_section_text_title p{
margin: 0;
font: normal normal bold 60px/60px Roboto;
text-transform: uppercase;
}
.side_image_text_title span,.even_section_text_title span,.way_section_text_title span{
display: block;
font: normal normal normal 40px/40px Roboto;
text-transform: uppercase;
}  .even_section{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.even_section img{
height: 100%;
width: 100%;
object-fit: cover;
}
.even_section_text{
padding: 30px 45px;
color: #0C1D2C;
background-color: #EEEEEE;
}  .section_04{
background-color: #0C1D2C;
color: white;
}
.swiper-pagination{
position: relative !important;
bottom: -5px;
margin-top: 30px;
}
.swiper-pagination .swiper-pagination-bullet{
position: relative;
width: 27px;
height: 24px;
background: white;
border-radius: 0;
}
.step {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.step_button .step-content{
width: 100%;
height: 100%;
justify-content: center; align-items: flex-start;
}
.step-content a{
color: white;
text-decoration: none;
border-bottom: 1px solid white;
}
.step_button .wp-block-button__link.wp-block-button__link{
color: white !important;
}
.step_button .box_button{
position: initial;
}
.step.step_button{
justify-content: flex-end;
}
.step-marker {
position: relative;
font-size: 180px;
font-family: Roboto, sans-serif;
font-weight: bold;
}
.step-content {
max-width: 200px;
display: flex;
flex-direction: column;
align-items: end;
z-index: 1;
position: relative;
text-align: left;
font: normal normal 400 20px/20px Roboto;
}
.step-content p{
font: normal normal 500 20px/20px Roboto;
}
.step:nth-child(1) .step-marker
{
color: #778F90;
}
.step:nth-child(2) .step-marker
{
color: #88A09F;
}
.step:nth-child(3) .step-marker
{
color: #A5C7CD;
}
.step:nth-child(4) .step-marker
{
color: #59A5AD;
}
.step:nth-child(5) .step-marker
{
color: #42668D;
}
.step:nth-child(6) .step-marker
{
color: #014573;
}
.step:nth-child(7) .step-marker
{
color: #005E97;
}  .section_051 .full_info_text{
max-width: 760px;
}
.section_text_align_helper{
width: calc(100% - 260px);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.full_info_box{
position: relative;
z-index: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
max-width: 1300px;
color: #0C1D2C;
margin-left: 85px;
}
.full_info_box .full_info_title{
font: normal normal bold 60px/60px Roboto;
}
.half_info_title{
max-width: 600px;
}
.info_text.half_info_text{
max-width: 525px;
} .section_06{
align-items: flex-end;
justify-content: flex-end;
}
.standort_text{
width: 90%;
max-width: 315px;
color: white;
font: normal normal normal 30px/41px Roboto;
margin: 130px 150px;
z-index: 1;
}
.standort_text p:last-of-type{
margin-bottom: 10px;
}  .rotelinie{position:relative;padding-bottom: 10px;}
.rotelinie:after{
width: 50px;
height: 8px;
background:#778F90;
position: absolute;
left: 0;
bottom: 0;
content: "";
}
.section_07,.section_08{
color: #0C1D2C;
}
.section_052 .rotelinie:after,.section_051 .rotelinie:after,.section_07 .rotelinie:after,.section_08 .info_title.rotelinie:after{
height: 11px;
width: 89px;
bottom: -5px;
}
.page .has-huge-font-size {
font: normal normal bold 50px/55px Roboto;
letter-spacing: 0px;
margin: 3% 0;
}
h3#kontakt {
font: normal normal bold 50px/55px Roboto;
letter-spacing: 0px;
}
h3#kontakt.rotelinie:after {
height: 11px;
width: 89px;
bottom: -5px;
} .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
margin: 10px 0;
padding: 10px;
border-radius: 5px !important;
border: 1px solid #778F90 !important;
font-family: 'Roboto', sans-serif !important;
-webkit-appearance: none;
}
.wpcf7 input[type=submit] {
margin: 10px 0;
padding: 10px;
font-family: 'Roboto', sans-serif !important;
border-radius: 5px !important;
background-color: #cccccc;
text-transform: uppercase;
padding: 10px 20px;
border: 1px solid #778F90 !important;
color: #0C1D2C;
cursor: pointer;
}
.wpcf7 input[type=submit]:hover {
background: #778F90;
}
::-webkit-input-placeholder { font-family: 'Roboto', sans-serif !important;
}
::-moz-placeholder { font-family: 'Roboto', sans-serif !important;
}
:-ms-input-placeholder { font-family: 'Roboto', sans-serif !important;
}
:-moz-placeholder { font-family: 'Roboto', sans-serif !important;
}
.wpcf7 .wpcf7-submit:disabled {
background: white;
}
input, select, textarea {
font-size: 14px;
}  .standorte {
margin-top: -70px;
position: relative;
}
.standorte .wp-block-column {
box-shadow: 0px 2px 8px #00000029;
padding: 3%;
background: #fff;
}
.standorte h3 {
margin: 0 0 10px 0;
font: normal normal bold 36px/36px Roboto;
text-transform: uppercase;
}
.standorte h4 {
margin: 0 0 1em 0;
font: normal normal bold 18px/24px Roboto;
text-transform: uppercase;
}
.standorte .wp-block-columns {
gap: 2em;
}
.timelinemiddle .wp-block-group__inner-container{max-width:calc(1300px - 50px);}
.googlemaps a:before {
content: "";
background-image: url(//uebex-energy.at/wp-content/themes/Energy/img/google-maps-symbol.png);
width: 17px;
height: 24px;
position: absolute;
left: 5px;
top: 2px;
background-size: contain;
}
.wp-block-button__link.wp-block-button__link {
transition: all 0.5s;
color: #0C1D2C !important;
font-size: 14px !important;
padding: 5px 10px !important;
border-radius: 5px !important;
border: 1px solid #778F90 !important;
text-decoration: none; height: unset; background: linear-gradient(to left, #ffffff00 50%, #778F90 50%) right;
background-size: 200%;
transition: .5s ease-out;
background-color: unset !important;
}
.home .section_08 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .home .section_08 .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
background-image: linear-gradient(to left, #ffffff00 50%, #778F90 50%);
background-position: right;
background-size: 200%;
}
.wp-block-button__link:hover {
background-position: left !important;
color: #fff !important;
}
.googlemaps.googlemaps a {
position: relative;
padding: 5px 15px 5px 25px !important;
}
.wp-block-group__inner-container {
max-width: 1400px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
} .section_08 .info_title{
font: normal normal bold 50px/55px Roboto;
width: 90%;
max-width: 1200px;
margin: auto;
margin-bottom: 40px;
margin-top: 0;
}
.home .section_08 .wp-block-button{
margin-bottom: 10px;
}
.home .section_08 .wp-block-group .wp-block-column figure{
text-align: center;
}
.home .section_08 .wp-block-group .wp-block-column figure img{
max-width: 245px;
} .home .footer .flogos,.home .footer .footerboxen{
display: none;
}
.home .footer{
width: 100%;
}
.home .copyright{
padding: 0em 2em;
}
#leiste{
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: auto;
z-index: -1;
}
.leiste_img{
display: inline-block;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(201,201,201,1) 10%, rgba(201,201,201,1) 99%, rgba(255,255,255,0) 100%);    object-fit: contain;
width: 100%;
height: 100%;
}
.copyright {
background: #000;
color: #fff;
position: relative;
bottom: 0;
right: 0;
left: 0;
padding: .75em 2em;
}
.copyright ul li { font-family: Roboto, sans-serif;
font-size: 16px;
}
.copyright ul li a {
color: #fff;
text-decoration: none;
font-size: 16px;
}
.copyright ul li:last-child {
margin-left: auto;
}
.step_slider .steps {
margin-top: 100px;
}
@media (min-width: 880px ){
.step_slider .steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: end;
gap: 2em;
transition: unset;
}
.swiper-pagination{
display: none;
}
}
@media (max-width: 1330px){
.step-marker{
font-size: 120px;
}
.step-content p {
font: normal normal 500 16px/16px Roboto;
}
}
@media (max-width: 1300px){
.section_01 .background_content{
transition: ease all 0.4s;
animation: keyburnmobile infinite 30s;
}
.box_3 .box_title, .box_4 .box_title, .box_title, .box_2 .box_title {
font: normal normal bold 26px/26px Roboto;
}
.box_overview p, .box_overview .wp-block-button__link{
font: normal normal 500 14px/18px Roboto;
}
.home .box_section{
grid-template-columns: 100%;
}
.home .project_slider{
height: 350px;
}
}
@media (max-width: 1024px){
.standorte{
margin-top: 0;
}
.step-marker{
font-size: 100px;
}
.step-content p {
font: normal normal 500 14px/14px Roboto;
}
}
@media (max-width: 950px){
.side_image_container {
width: 100%;
}
.section_text_align_helper{
width: 90%;
margin: auto;
}
.full_info_box{
margin-left: 0;
}
.side_image_text {
margin: auto;
max-width: unset;
width: 90%;
margin-top: -185px;
}
.section_05 .side_image_text{
margin: auto;
max-width: unset;
width: 90%;
margin-top: -125px;
}
}
@media (max-width: 781px){
.side_image_text_title p, .even_section_text_title p, .way_section_text_title p {
font: normal normal bold 50px/60px Roboto;
}
.home .section_08 .info_title{
margin-bottom: 10px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select, .wpcf7 textarea {
margin: 5px 0;
}
.wpcf7 textarea{
height: 100px;
}
.page .has-huge-font-size, .section_08 .info_title{
font: normal normal bold 30px/40px Roboto;
}
.section_07 h3{
margin-bottom: 0px;
}
.section_07 p{
font: normal normal normal 14px/18px Roboto;
margin: 5px 0;
}
.standorte h3 {
font: normal normal bold 24px/34px Roboto !important;
}
.standorte h4{
margin: 0;
font: normal normal bold 16px/22px Roboto !important;
}
.standorte .wp-block-columns{
gap: 10px;
margin: 0;
}
}
@media (max-width: 500px){
.box_overview .wp-block-button__link{
position: relative;
bottom: 0;
left: unset;
right: unset;
}
.box_1:hover,.box_2:hover,.box_3:hover,.box_4:hover{
transform: scale(1);
}
.swiper-pagination .swiper-pagination-bullet{
width: 22px;
height: 19px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select, .wpcf7 textarea {
margin: 2px 0;
}
.home .section_08 .wp-block-button {
margin-bottom: 2px;
}
.home .footer{
position: relative;
bottom: 0;
}
.section_08{
justify-content: space-between;
}
.project_slider_title{
font: normal normal 500 16px/26px Roboto;
}
.rotelinie:after{
height: 5px;
}
.box_link_foerderung,.box_link_mehrwert p{
margin-bottom: 16px;
}
.box_overview,.box_section{
grid-gap: 10px;
}
p {
font: normal normal normal 14px/24px Roboto;
}
.box_3 .box_title,.box_4 .box_title,.box_title,.box_2 .box_title{
font: normal normal bold 19px/25px Roboto;
}
.box_overview p {
font: normal normal 500 14px/18px Roboto;
}
.side_image_text_title p, .even_section_text_title p, .way_section_text_title p {
font: normal normal bold 33px/35px Roboto;
}
.home .project_slider{
height: 100%;
max-height: 200px;
}
.side_image_text_title span, .even_section_text_title span, .way_section_text_title span {
font: normal normal normal 24px/34px Roboto;
} .side_image_text_title{
margin-bottom: 2em;
}
.side_image_text{
margin-top: -120px;
margin-left: auto;
margin-right: auto;
}
.section_05 .side_image_text{
margin-top: -90px;
margin-left: auto;
margin-right: auto;
}
.full_info_box .full_info_title {
font: normal normal bold 30px/40px Roboto;
}
.step-marker{
font-size: 100px;
}
.stepSlider{
margin: 100px 0;
}
.step_button .step-content{
align-items: center;
}
.copyright ul li {
margin: 0 0 0 0;
padding: 0px 0;
}
.copyright ul li a ,.copyright ul li{
font-size: 12px;
}
.section_07 :where(.wp-block-columns.is-layout-flex){
gap: 0;
}
.home .section_08 .info_title{
padding-bottom: 5px;
}
.section_08 p{
margin: 5px 0;
font: normal normal normal 12px/16px Roboto;
}
.home .section_06 {
justify-content: flex-end;
padding-bottom: 100px;
}
}
@media (max-width: 375px){
.section_08 h3.rotelinie:after{
display: none;
}
.section_08 h3{
margin: 0;
}
.section_08 .googlemaps a:before{
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 20px;
}
.section_08 .wp-block-button__link{
font-size: 12px !important;
}
.standorte h4 {
font: normal normal bold 14px/20px Roboto !important;
}
.standorte h3 {
font: normal normal bold 20px/30px Roboto !important;
padding: 0;
}
.page .has-huge-font-size, .section_08 .info_title {
font: normal normal bold 24px/34px Roboto;
}
.home .side_image img {
min-height: 200px;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select, .wpcf7 textarea{
padding: 5px 10px;
}
.wpcf7 textarea{
height: 80px;
}
.wpcf7 input[type=submit]{
margin: 0;
padding: 5px 10px;
margin-bottom: 5px;
}
}