:root {
--avo-border-radius: 1rem;
--avo-color-gray: #ededed;
--avo-gradient: linear-gradient(to right in hsl,rgba(124, 146, 187, 1) 0%, rgba(66, 202, 165, 1) 100%);
}
body {
font-size: var(--fs-m);
line-height: var(--lh-m);
font-weight: 300;
}
.v-stretch {
align-self: stretch;
}
.row {
display: flex;
}
.justify-content-between {
justify-content: space-between;
}
#content {
margin-top: var(--header-height);
}
.pt-xxxl {
padding-top: var(--space-xxxl);
}
.pb-xxxl {
padding-bottom: var(--space-xxxl);
}
.bg-gradient {
background: var(--c-gradient);
}
.bg-gradient-flipped {
background: var(--c-gradient-flipped);
}
.page-template-page-legal-pages #content {
padding-top: 0;
padding-bottom: 0;
}  .h1, .h2, .h3, .h4, .h5, .h6,.elementor-widget-heading h1.elementor-heading-title, h1,.elementor-widget-heading h2.elementor-heading-title, h2,.elementor-widget-heading h3.elementor-heading-title, h3,.elementor-widget-heading h4.elementor-heading-title, h4,.elementor-widget-heading h5.elementor-heading-title, h5,.elementor-widget-heading h6.elementor-heading-title, h6 {
font-weight: 600;
line-height: var(--lh-s);
} .h1,.elementor-widget-heading.h1 h2.elementor-heading-title, .entry-content h2.h1, h2.h1,.elementor-widget-heading.h1 h3.elementor-heading-title, .entry-content h3.h1, h3.h1,.elementor-widget-heading.h1 h4.elementor-heading-title, .entry-content h4.h1, h4.h1,.elementor-widget-heading.h1 h5.elementor-heading-title, .entry-content h5.h1, h5.h1,.elementor-widget-heading.h1 h6.elementor-heading-title, .entry-content h6.h1, h6.h1,.elementor-widget-heading.h1 h1.elementor-heading-title, .entry-content h1, h1 { font-size: clamp(3.4rem, 1.697rem + 2.200vw, 6rem);
}
.hero-text .h1 {
color: #fff;
} .h2,.elementor-widget-heading.h2 h1.elementor-heading-title, .entry-content h1.h2, h1.h2,.elementor-widget-heading.h2 h3.elementor-heading-title, .entry-content h3.h2, h3.h2,.elementor-widget-heading.h2 h4.elementor-heading-title, .entry-content h4.h2, h4.h2,.elementor-widget-heading.h2 h5.elementor-heading-title, .entry-content h5.h2, h5.h2,.elementor-widget-heading.h2 h6.elementor-heading-title, .entry-content h6.h2, h6.h2,.elementor-widget-heading.h2 h2.elementor-heading-title, .entry-content h2, h2 { font-size: clamp(3.1rem, 1.724rem + 1.800vw, 5.2rem);
} .h3,.elementor-widget-heading.h3 h1.elementor-heading-title, .entry-content h1.h3, h1.h3,.elementor-widget-heading.h3 h2.elementor-heading-title, .entry-content h2.h3, h2.h3,.elementor-widget-heading.h3 h4.elementor-heading-title, .entry-content h4.h3, h4.h3,.elementor-widget-heading.h3 h5.elementor-heading-title, .entry-content h5.h3, h5.h3,.elementor-widget-heading.h3 h6.elementor-heading-title, .entry-content h6.h3, h6.h3,.elementor-widget-heading.h3 h3.elementor-heading-title, .entry-content h3, h3 { font-size: clamp(2.8rem, 2.014rem + 1.000vw, 4rem);
}
.hl-style-gradient-text {
background: var(--c-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.t-wrapper > div > p:last-child {
margin-bottom: 0;
}
@media (min-width:1081px) {
.bt-headline,
.it-headline {
margin-bottom: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.widget-text .t-wrapper > div > p:last-child {
margin-bottom: 0;
}
} .wp-block-button__link, .elementor-widget-button .elementor-button, input#submit, input[type="button"], input[type="submit"], input[type=reset], .button, button {
border: none;
border-radius: 200px;
background: var(--c-gradient);
padding: 1.1rem 0.9rem 1.1rem 2.0rem;
line-height: 1;
font-weight: 700;
color: var(--c-text);
font-size: var(--fs-m);
grid-gap: 0;
}
.wp-block-button__link::after, .elementor-widget-button .elementor-button::after, input#submit::after, input[type="button"]::after, input[type="submit"]::after, input[type=reset], .button::after {
content:"";
display: inline-block;
height: 30px;
width: 30px;
background-image: url(//www.avo-elektro.at/wp-content/themes/nosun-child/images/button-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
margin-left: 15px;
} .button.primary, input#submit, input[type="button"], input[type="submit"] {
color: #fff;
grid-gap: 0;
}
.button.primary:hover, input#submit:hover, input[type="button"]:hover, input[type="submit"]:hover {
background:var(--c-gradient-alt);
}
button::after,
.button.primary::after, input#submit::after, input[type="button"]::after, input[type="submit"]::after {
background-image: url(//www.avo-elektro.at/wp-content/themes/nosun-child/images/button-primary-arrow.svg);
} .button.white {
background: #fff;
}
.button.white:hover {
background: color-mix(in srgb, #fff 98%, black);;
} .button.lightest-gray {
background: var(--c-lightest-gray);
}
.button.lightest-gray:hover {
background: color-mix(in srgb, var(--c-lightest-gray) 98%, black);;
} .button-icon-wrap {
height: 30px;
margin-right: 10px;
} .button.textlink.underline {
padding: 6px 0;
background: none;
position: relative;
color:var(--c-text);
border-radius: 0;
text-transform: none;
font-size: var(--fs-l);
}
.button.textlink.underline::after {
display: none;
}
.button.textlink.underline::before {
content:"";
width: 100%;
height: 4px;
position: absolute;
bottom: 0;
left:0;
right: 0;
pointer-events: none;
background: var(--c-gradient);
transition: var(--transition);
}
.button.textlink.underline:hover::before {
background: var(--c-gradient-alt);
} header#main-header {
padding-top: 0;
padding-bottom: 0;
}
#hm-col-1 {
flex-grow: 0;
}
header#main-header .header-middle > .container > .flex-row {
height: var(--header-height);
}
header#main-header .header-middle .flex-col {
flex-basis: max-content;
padding: 0;
} .logo-box-wrapper {
position: relative;
}
.logo-box {
position: absolute;
top: 0;
left: 0;
border-radius: 0 0 var(--avo-border-radius) var(--avo-border-radius);
background-color: #fff;
box-shadow: .5rem 0 1rem rgba(0, 0, 0, 0.125);
padding: 2.25rem 4.25rem;
} .logo {
position: relative;
z-index: 10;
}
.logo img, 
.logo svg {
height: 40px;
} #mobile-main-menu > li > button, 
#mobile-main-menu > li > a,
#main-menu > li > button, 
#main-menu > li > a {
padding-top: 0;
padding-bottom: 0;
font-size: var(--fs-m);
font-weight: 400;
margin-bottom: 0;
background: none;
border-radius: 0;
line-height: var(--lh-m);
}
#mobile-main-menu button:hover,
#main-menu li.current-menu-parent > button,
#mobile-main-menu li.current-menu-parent > button {
color:  var(--c-primary);
}
#mobile-main-menu > li > button, 
#mobile-main-menu > li > a {
padding-right: 0;
padding-left: 0;
margin-bottom: var(--gap-default);
margin-top: 0;
font-size: var(--fs-l);
}
#mobile-main-menu .sub-menu li {
margin-bottom: var(--gap-half);
}
#main-menu .submenu li button, 
#main-menu .sub-menu li button, 
#main-menu .submenu li a, 
#main-menu .sub-menu li a {
font-size: var(--fs-s);
}
#main-menu li.menu-item-has-children > .sub-menu-toggle {
top: 0;
}
#main-menu li.menu-item-has-children > .sub-menu-toggle svg {
width: 1em;
height: 1em;
}
#main-menu li.menu-item-has-children > button, 
#main-menu li.menu-item-has-children > a {
padding-right: 7rem;
}
#mobile-main-menu .sub-menu-toggle {
height: 2.4rem;
width: 2.4rem;
top: -1px;
}
#main-menu > li > .sub-menu::before {
content: "";
height: 3rem;
display: block;
width: 100%;
position: absolute;
top: -3rem;
left: 0;
}
#main-menu > li > .sub-menu {
margin-top: 3rem;
border-radius: var(--avo-border-radius);
} .search-toggle {
background: transparent;
border: none;
color: #000;
margin: 0;
width: 25px;
height: 25px;
padding: 0;
margin-left: 3rem;
display: block;
}
.search-toggle img {
width: 100%;
height: 100%;
}
.search-form-wrapper {
position: absolute;
width: auto;
right: 0;
margin-top: 3rem;
background: var(--c-gradient);
box-shadow: var(--box-shadow-default, 0 0 10px var(--c-bg-invert-a10, rgba(0, 0, 0, .1)));
border-radius: 200px;
visibility: hidden;
opacity: 0;
transition: .2s;
transform: translateY(-1rem);
}
.search-form-wrapper.open {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.search-form-wrapper label {
display: block;
margin: 2px;
border-radius: 200px;
overflow: hidden;
background-color: #fff;
}
.search-form {
display: flex;
}
input[type=search].search-field {
margin-top: 0;
background-color: transparent !important;
width: 350px !important;
padding-right: 60px !important;
border-radius: 200px !important;
margin: 2px;
border: none;
outline: 0 !important;
display:block;
}
input[type=search].search-field:focus,
input[type=search].search-field:focus-visible {
border-radius: 200px 200px 200px 200px !important;
border-top-right-radius: 100px !important;
border-top-left-radius: 100px !important;
border-bottom-right-radius: 100px !important;
border-bottom-left-radius: 100px !important;
}
input[type="submit"].search-submit {
padding: 0;
height: 30px;
width: 30px;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin:auto;
border-radius: 0;
color: transparent;
background-color: transparent;
background-image:url(//www.avo-elektro.at/wp-content/themes/nosun-child/images/search-icon.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 1080px) {
#hm-col-1 {
padding: 0;
}
.header-middle .search-toggle {
margin-right: var(--gap-default, 20px);
}
} .avo-footer-bottom {
background-color: var(--c-text);
color: #fff;
padding: var(--space-l) 0;
}
.avo-footer-bottom a {
color: #fff;
font-weight: 400;
}
.avo-footer-bottom button:hover,
.avo-footer-bottom a:hover {
color:var(--c-primary) !important;
}
.avo-footer-bottom-right .menu li {
display: block;
margin-bottom: var(--gap-half);
}
.avo-footer-bottom-left .menu li a,
.avo-footer-bottom-right .menu li a {
font-weight: 400;
}
.avo-footer-bottom-left .menu li a:hover,
.avo-footer-bottom-right .menu li a:hover {
color:var(--c-primary);
}
.avo-footer-top {
padding: var(--space-l) 0;
}
.avo-footer-box {
background-color: var(--avo-color-gray);
border-radius: var(--avo-border-radius);
padding: calc(var(--gap-default, 20px) * 2);
text-align: center;
height: 100%;
}
.avo-footer-box-icon {
margin-bottom: 2rem;
}
.avo-footer-box-icon img {
display: block;
margin: 0 auto;
}
.avo-footer-address {
margin-top: var(--gap-default);
}
.avo-footer-address-title {
margin-bottom:var(--gap-half);
}
.avo-line {
background: var(--c-gradient);
height: 6px;
}
.avo-footer-sitz {
text-align: center;
}
.avo-line-link-0, .avo-line-link-2 {
position: relative;
display: inline-block;
text-decoration: none;
padding-bottom: 3px;
}
.avo-line-link-0::after, .avo-line-link-2::after {
content: '';
position: absolute;
left: 0;
top: 28px;
bottom: 0;
width: 100%;
height: 6px;
background: var(--c-gradient);
transition: width 0.3s ease;
}
.avo-line-link-0:hover::after, .avo-line-link-2:hover::after {
width: 100% !important;
}
p.meisterlogo img {
background-color: #ffffff;
border-radius: 100px;
width: 100px;
}
.meisterlogo {
order: -1;
margin-bottom: 1rem;
}
.avo-footer-fox-links .button {
margin-bottom: var(--gap-half);
}
.mm-contacts-outer .sm-item-wrapper a svg, .footer-social-media .sm-item-wrapper a svg {
height: 32px;
} #footer-menu {
text-align:right;
}
#footer-menu li {
width: auto;
margin: 0 0 0.6rem var(--gap-half);
}
#footer-menu li button {
padding: 0;
background: none;
color: #fff;
text-transform: none;
font-weight: 400;
margin-bottom: 0;
padding: 0;
border-radius: 0;
}
#footer-menu li button::after {
display: none;
}
@media (max-width:767px) {
#footer-menu {
text-align:left;
}
#footer-menu li {
margin: 0 var(--gap-half) 0.6rem 0;
}
}
@media (max-width:544px) {
.avo-footer-bottom-right > .grid,
.avo-footer-bottom > .container > .row {
display: block;
}
.footer-social-media,
.avo-footer-bottom-left {
margin-bottom: var(--gap-default);
}
} .page-child h1.banner-title {
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.banner-text.wysiwyg {
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}
.page-child .banner-content.container {
max-width: 1280px;
}
.page-child .banner-overlay {
background-color: #02010170 !important;
} .widget-text-list .column.it-text-col ul.animate li {
list-style: none;
position: relative;
padding-left: 55px;
font-weight: 700;
}
.widget-text-list .column.it-text-col ul.animate li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 35px; 
height: 35px;
background-image: url(https://www.avo-elektro.at/wp-content/uploads/2025/10/check-check.svg);
background-size: contain;
background-repeat: no-repeat;
} .hero-section {
position: relative;
height: 100vh;
overflow: hidden;
}
.hero-section .hero-bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(0,0,0,0.0) 40%, rgba(0,0,0,0.6) 100%);
pointer-events: none;
z-index: 1;
}
.hero-text {
position: absolute;
z-index: 3;
text-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
} .tab-wrapper {
position: absolute;
bottom: 180px;
left: 50%;
transform: translateX(-50%);
width: 85%;
max-width: 1240px;
background: transparent;
z-index: 5;
}
.tab-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px;
}
.tab-menu li {
flex: 0 0 auto;
text-align: center;
background: var(--c-lightest-gray);
border-radius: 8px 8px 0 0;
padding: 14px 20px;
cursor: pointer;
color: var(--c-text);
transition: all 0.3s ease;
border-bottom: 3px solid transparent;
white-space: nowrap;
}
.tab-menu li.active {
background: #ffffff;
border-bottom: none;
position: relative;
z-index: 6;
}
.tab-menu li img {
vertical-align: middle;
width: 20px;
margin-right: 6px;
filter: grayscale(100%);
transition: filter 0.3s;
}
.tab-menu li.active img {
filter: none;
}
.tab-menu li:hover {
background: #fff;
}
.tab-content {
display: none;
transition: opacity 0.4s ease;
background: #ffffff;
border-radius: 0 0 18px 18px;
padding: 30px !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.tab-content.active {
display: block;
opacity: 1;
position: relative;
z-index: 5;
}
.tab-box {
display: flex;
justify-content: space-between;
gap: 40px;
align-items: center;
flex-wrap: wrap;
}
.tab-box > div {
flex: 1;
min-width: 260px;
}
.tab-box > div > div > p {
min-height: 2lh;
}
.tab-content .hero-tab-title {
margin-bottom: 8px;
}
.tab-box .button {
white-space: nowrap;
}
.tab-content p {
margin-bottom: 20px;
}
.tab-menu {
list-style: none;
padding: 0;
display: flex;
}
.tab-menu li {
padding: 10px 14px;
flex:1;
}
.tab-menu li:not(:last-child) {
margin-right: 0px;
}
.tab-box > div {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap:20px;
}
.tab-box > div > div {
display: flex;
flex-direction: column;
}
.tab-box h2,
.tab-box p {
margin: 0;
}
.tab-box div > button {
margin-left: 20px;
margin-bottom: 0;
}
.tab-menu li svg {
width: 24px;
height: 24px;
margin-right: 8px;
top: 5px;
position: relative;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
opacity: 1;
background-repeat: no-repeat;
}
.hero-section .tab-content:focus-visible,
.hero-section .tab-menu > li:focus-visible {
outline-style: dashed;
outline-width: 2px;
outline-color: var(--c-primary);
outline-offset: 2px;
}
.hero-section .tab-content:focus-visible {
outline-offset: -4px;
}
@media (max-width:1200px) {
.tab-menu li {
flex-basis: calc(100% / 3 - 24px);
}
}
@media (max-width:1080px) {
.tab-box {
display: block;
}
.tab-box > div:first-child {
margin-bottom: var(--gap-default);
}
.tab-box > div:last-child {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.tab-wrapper {
width: 95%;
left: 50%;
transform: translateX(-50%);
bottom: 100px;
}
.tab-menu {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
gap: 8px;
padding: 0;
margin: 0;
list-style: none;
justify-content: flex-start;
}
.e--ua-firefox .tab-menu {
scrollbar-width: thin; scrollbar-color: var(--c-gradient) #eaeaea; }
.tab-menu::-webkit-scrollbar {
height: 6px;
}
.tab-menu::-webkit-scrollbar-track {
background: #eaeaea;
border-radius: 6px;
}
.tab-menu::-webkit-scrollbar-thumb {
background: var(--c-gradient);
border-radius: 0px;
}
.tab-menu::-webkit-scrollbar-thumb:hover {
background: var(--c-gradient);
}
.tab-menu li {
flex: 0 0 auto;
white-space: nowrap;
padding: 10px 18px;
border-radius: 8px 8px 0 0;
background: #f2f2f2;
cursor: pointer;
scroll-snap-align: start;
font-size: 1.4rem;
scroll-snap-align: start;
flex-basis: 66%;
}
.tab-menu li.active {
background: #fff;
scroll-snap-align: start;
}
.tab-menu li svg {
width: 20px;
height: 20px;
margin-right: 6px;
}
.tab-content {
padding: 20px 16px;
}
.tab-box {
flex-direction: column;
gap: 20px;
flex-direction: column;
align-items: flex-start;
}
.tab-box > div {
width: 100%;
display:block;
}
.tab-box button {
align-self: flex-start;
margin-left: 0;
}
.tab-box p {
margin-bottom: var(--gap-default);
min-height: auto !important;
} } .beratung {
background: linear-gradient(to right in hsl, rgba(124, 146, 187, 1) 0%, rgba(66, 202, 165, 1) 100%);
}
.page-child .beratung .banner-overlay {
display:none;
} .pagination-list li .page-numbers {
color: var(--c-text);
border: none !important;
} button.scrolltop-btn {
padding: 0;
display: none;
} input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
background: white;
border-width: 2px;
border-radius: 8px;
padding: 9px var(--gap-half) !important;
line-height: var(--lh-m);
}
.wpcf7-form label {
display: block;
}
.wpcf7-form label .label-title {
left: var(--gap-half);
line-height: var(--lh-m);
}
input[type=submit].wpcf7-form-control.wpcf7-submit {
padding-right: 2rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
text-transform: none;
}
body #content textarea,
textarea.wpcf7-textarea  { padding: 9px var(--gap-half) !important;
} 
.wpcf7-list-item {
line-height: var(--lh-m);
margin-bottom: 5px !important;
margin-left: 0 !important;
}
body .wpcf7-list-item::after, body .wpcf7-list-item::before {
border-radius: 4px;
border-width: 2px;
top: 3px;
} .page-id-1134 .avo-footer-top {
padding-top: var(--space-l);
padding-bottom: var(--space-l);
}
.page-id-1134 .avo-footer-top-title {
display: none;
}
@layer overrides {
body #content textarea,
textarea.wpcf7-textarea  { padding: 9px var(--gap-half) !important;
}
}