div#page {
overflow: hidden;
max-width: 1920px;
margin: 0 auto;
background-color: #fff;
}  .clearfix {
overflow: auto;
}
.sep_line_white{
border-bottom: 8px solid #fff;
width: 65px;
}
.sep_line_primary{
border-bottom: 8px solid var(--prim-clr);
width: 65px;
}
.sep_line_white_short{
border-bottom: 2px solid #fff;
width: 48px;
margin: auto;
}
.widget .widgettitle{
display: none;
}
::placeholder {
color: #000;
opacity: 1; }
:-ms-input-placeholder { color: #000;
}
::-ms-input-placeholder { color: #000;
}
.equalheightfix {
height: 100%;
}  fieldset {
border: none !important;
}  .hdr_slide_container {
max-width: 1170px;
margin: auto;
position: relative;
}
.header_container .header_container_img {
width: 100% !important;
padding: 0;
right: -48px;
top: -64px;
position: absolute;
z-index: 1;
}
.custom_slider_img_overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.2;
}
.hdr_bgclr_container {
position: absolute;
width: calc(100% - 70px);
height: 100%;
}
h2.hdr_spl_text_h2.h1 {
margin-left: -48px;
}
.hdr_spl_text_cpt {
margin-bottom: 32px;
}
.custom_slider_img {
padding: 0;
right: 0;
top: -64px;
position: absolute;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 712px;
height: 518px;
background-color: #fff;
opacity: 1;
}
.header_container .header_container_text{
width: 60% !important;
padding: 120px 0 120px 96px;
right: 0;
z-index: 999;
position: relative;
}
.header_container_text.hdr_slider_textbox {
padding: 120px 0 120px 115px;
}
.header_container .header_container_text h1 {
margin-left: -48px;
}
.header_container .header_container_text p {
line-height: 26px;
max-width: 370px;
}
@media(max-width:1180px) {
.custom_slider_img {
width: 50%;
height: auto;
aspect-ratio: 714 / 518;
}
.header_container .header_container_text {
width: 50% !important;
}
}
@media(max-width:999px) {
h2.hdr_spl_text_h2.h1 {
margin-left: 0px;
}
.header_container_text.hdr_slider_textbox {
padding: 64px 0 64px 64px;
}
}
@media(max-width:768px) {
.custom_slider_img {
width: 100%;
height: auto;
aspect-ratio: 714 / 518;
position: relative;
}
.hdr_bgclr_container {
position: absolute;
width: calc(100% - 0px);
height: 100%;
}
}
.header_container .header_container_text a.btn-big{
background-color: #000;
color: #fff;
margin-top: 16px;
}
.header_container .header_container_text a.btn-big:hover{
background-color: #fff;
color: #000;
}
.header_container_img_right .kc_single_image {
background-color: #fff;
}
.header_container_img_right img {
opacity: ;
}
@media (max-width: 768px){
.header_container {
padding-top:0;
}
.header_container_img_right img {
opacity: 1;
}
.header_container .header_container_text h1{
margin-left: 0;
}
.header_container_img_right{
width: 100% !important;
}
.header_container .header_container_img{
left: 0;
right: 0;
margin-bottom: 32px;
margin:auto;
}
}
@media (max-width: 576px){
.header_container .header_container_text{
padding: 220px 0 96px 48px;
}
.header_container .header_container_text h1{
margin-left: 0;
overflow-wrap: break-word;
}
.header_container_img_right{
width:100% !important;
}
.header_container .header_container_img{
left: 0;
}
}  .header_section {
padding: 20px 0 0 0;
} .nav_container {
margin-left: -54px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
font-family: var(--hdl_fnt);
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
display: flex;
align-items: center;
letter-spacing: 0.05em;
text-transform: uppercase;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
font-family: var(--hdl_fnt);
font-weight: 500;
}
.mega-current_page_item a.mega-menu-link {
font-weight: 500 !important;
} #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link {
padding-left: 0px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link:before {
content: '|';
padding-right: 8px;
position: relative;
line-height: 1;
font-size: 20px;
margin-top: -10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link:before:hover {
color: #000;
} #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm a.mega-menu-link {
font-size: 13px;
font-weight: 400;
padding: 0 12px 0 12px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm a.mega-menu-link:hover {
font-size: 13px;
font-weight: 400;
}
@media (max-width: 998px){
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo{
max-height: 70px;
padding-top: 4px;
padding-left: 8px;
}
div#mega-toggle-block-2 {
padding-top: 14px;
}
}     .page_footer_logo_overlay {
position: relative;
text-align: center;
margin-bottom: 48px;
margin-top: -143px;
}
.page_footer_logo_overlay img {
width: 160px;
height: 160px;
}
.page_footer_section {
background-color: #D9DDD8;
text-align: center;
padding: 60px 0 96px 0;
}
.page_footer_inner {
max-width: 815px;
width: 100%;
margin: auto;
}
.page_footer_section .kc_title {
font-family: var(--poly_fnt);
text-transform: none;
margin-top: 8px;
line-height: 3.2rem;
}
.page_footer_section .kc_text_block p {
margin-top: 24px;
}
.page_footer_section .btn-small{
margin-top: 8px;
}  .footer_section {
padding: 64px 0 32px 0;
}
.footer_section h4 {
margin: 0 0 .5rem 0;
}
.social_menu_headline {
margin-bottom: 16px;
}
.bottom_footer_section {
padding:  32px 0 22px 0;
}
.bottom_footer_copy {
color: #000;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.05em;
}  @media screen and (max-width:999px) {
.service_box_container_home {
display: flex;
}
}  @media screen and (max-width:768px) {
.reverse_column {
display: flex !important;
flex-direction: column-reverse;
}
}  .portfolio_menue{
margin: 0;
padding: 0;
}
.portfolio_menue p::after{
content: url(https://dermayrhofer.at/wp-content/uploads/2021/06/arrow_small.svg);
margin: 4px 0 0 8px;
}
#menu-portfolio li{
float: left;
margin-right: 48px;
font-family: var(--cpy_fnt);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
letter-spacing: 0.36px;
color: inherit;
padding: 6px 0px 6px 8px;
}
#menu-portfolio li::marker {
content: "/  ";
font-size: 1.5rem;
margin-right: 8px;
}
@media(max-width:479px) {
#menu-portfolio li::marker {
content: none;
}
}    .team_item_first {
padding: 26px 20px;
height: 260px;
}
.team_item_first h2.team_h2 {
margin: 0 0 .5rem 0;
font-size: clamp(28px, 5vw, 40px);
line-height: clamp(2.2rem, 2.2rem, 3.2rem);
}
.team_item_first h3.team_h3 {
margin: 0 0 0 0;
}
.team_item {
width: calc(25% - 24px);
float: left;
margin: 0 12px 32px 12px;
min-width: 250px;
}
.team_item img {
width: 100%;
}
.team_item h4 {
margin: .5rem 0 .5rem 0;
}
.team_item .overline {
margin: 0 0 .5rem 0;
}
.team_overline{
font-size: 10px;
}  .filters .ui-group{
padding-right: 10px
}
.abv_gal_container {
padding: 92px 0 92px 0;
}
.abv_gal_item {
width: 72px;
height: 72px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin: 8px;
cursor: pointer;
}
.abv_gal_item_first {
width: 100%;
height: 100%;
min-height: 450px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin: 8px;
}
.abv_gal_container h3.kc_title {
margin: 0 0 .5rem 0;
}
.abv_grid {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.abv_sh_gal_item {
margin: 0 10px 30px 10px;
width: calc(25% - 20px);
cursor: pointer;
}
.gal_imgheader {
width: 100%;
height: 270px;
}
.abv_price_box {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
float: left;
gap: 25px;
margin: 32px 0;
}
.statt_txt{ }
.preis-txt{
font-size: 32px;
color: var(--pri_clr);
font-weight: 800;  }
.prozente-txt{
font-size: 32px;
color: var(--err_clr);
font-weight: 800;  }
.h2_produkte,
.subline_produkte{
text-align: center;
}
.subline_produkte{
padding: 16px 0 48px 0;
}
.produkt_adresse_txt p{
line-height: 0.5rem;
}
.gal_textblock .overline{
padding-bottom: 8px;
}
.ov_price_statt {
font-family: var(--hdl_fnt);
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
letter-spacing: 0.05em;
text-decoration-line: line-through;
color: #000000;
float: left;
padding-top: 4px;
}
.ov_price_now {
font-family: var(--hdl_fnt);
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
display: flex;
align-items: center;
text-align: left;
letter-spacing: 0.02em;
color: #768470;
float: left;
padding-left: 16px;
}
div.abv_adress p{
line-height: 1.5rem;
letter-spacing: 0.05rem;
}
.abverkauf-template div p a.btn-small{
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.abverkauf-template div p a.btn-small:hover{
background-color: #fff;
color: #000;
border: 1px solid #000;
}
.abverkauf-template .btn_big_outline:hover{
background-color: #000;
border: 1px solid #000;
}
.abverkauf-template .btn-big-white {
padding-top: 0;
}
.abverkauf-template a.btn-big-white {
line-height:1rem;
}
@media (max-width: 576px) {
div.sh_gal_item {
margin-bottom: 48px;
}
}  @media (max-width: 1230px) { .nav_container {
margin-left: 0px;
}
}
@media (max-width: 1180px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-logo {
width: 116px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
padding: 0 6px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm a.mega-menu-link {
padding: 0 6px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link {
padding-left: 4px !important;
}
}
@media (max-width: 1170px) {}
@media (max-width: 1024px) {}
@media (max-width: 999px) {
.header_container .header_container_text h1 {
margin-left: 0px;
}
.abv_gal_item_first {
min-height: inherit;
}
.abv_gal_container {
padding: 64px 0 64px 0;
}
.abv_col_container {
height: 560px !important;
}
.header_section {
padding: 8px 0 0 0;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
line-height: 45px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
padding: 0 20px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
color: #768470;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link {
padding-left: 20px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm a.mega-menu-link {
padding: 0 20px;
font-size: 12px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm a.mega-menu-link:hover {
padding: 0 20px;
font-size: 12px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.menu_main_sm_trenner a.mega-menu-link:before {
content: none;
}
}
@media (max-width: 768px) {
.start_news_container {
display: flex;
flex-direction: column;
margin-bottom: 64px;
}
.start_news_head_container {
min-height: 156px;
margin-bottom: 32px;
}
.abv_gal_container {
padding: 32px 0 32px 0;
}
.abv_gal_container_col {
margin-bottom: 64px;
}
.abv_col_container {
height: 420px !important;
}
section.kc-elm.kc_row.footer_section {
text-align: center;
}
.social_menu_headline {
margin: 48px 0 8px 0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 {
text-align: center;
line-height: 32px;
}
.bottom_footer_copy {
text-align: center;
margin-bottom: 24px;
}
#mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4 {
text-align: center;
}
.abv_sh_gal_item {
width: calc(50% - 20px);
}
}
@media (max-width: 650px) {
.abv_price_box {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
align-content: center;
float: left;
gap: 0;
flex-direction: column;
margin:  0 0 32px 0;
}
}
@media (max-width: 730px) {}
@media (max-width: 479px) {
.abv_col_container {
height: 320px !important;
}
.abv_sh_gal_item {
margin: 0 5px 30px 5px;
width: calc(100% - 10px);
}
} #service_home{
margin: 60px 0;
padding: 0 0;
}
.service_box_home{
padding: 0 0;
margin: 0 0;
}
.service_box_home .kc_single_image img {
width: 100%;
}
.service_box_home .kc_wrapper.kc-col-inner-container{
background-color: #e3ded3;
float: left;
}
.service_box_home  .kc_column_inner{
padding: 48px 64px;
} .ms-bullets{
left: 0;
margin-left: -48px;
}   .content_image_text{
margin: 60px 0;
}
.content_image_text .kc_col-sm-12{
right: -64px;
padding-right:32px;
}
.content_image_text .content_image_text_right{
padding: 56px 64px 56px 0;
}
.content_image_text .content_image_text_left{
top: 64px;
left: -64px;
}  .content_text_image{
margin: 60px 0;
}
.content_text_image .overline,
.content_text_image  h2,
.content_text_image p,
.content_text_image li{
color: #000;
}
.content_text_image .content_text_image_right{
top: 64px;
left: 64px;
}
.content_text_image .content_text_image_left{
padding: 56px 0 56px 56px;
}
@media only screen and(max-width: 576px){
.content_text_image .content_text_image_right{
top: 24x;
left: 0;
}
}  article .post-thumbnail img {
max-width: 100%;
height: auto;
} .stellenanzeige .btn_small_outline_container{
width: 50% !important;
}
.stellenanzeige .btn_small_outline{
width: 330px;
float: left;
} .post_content_img {
max-width: 30%;
float: left;
}
.post_content_img img {
max-width: 100%;
height: auto;
}
.post_content_info {
float: left;
max-width: 70%;
padding-left: 30px;
}
.start_news_txt strong {
text-transform: uppercase;
font-size: 24px;
margin: 0 0 8px 0;
line-height: 2em;
}
.entry-content {
max-width: 960px;
margin: 0 auto 120px auto;
}
article .entry-header{
margin: 270px 0 0;
}
article .post-thumbnail{
text-align: center;
}
article h1{
text-align: center;
margin: 0 auto;
max-width: 1140px;
}
article .entry-meta{
text-align: center;
padding: 24px 0 64px 0;
}
article h2{
padding: 48px 0 24px 0;
}
article .kc_video_play{
text-align: center;
margin-top: 64px;
}
.edit-link,
.cat-links{
display: none;
} float: left;
} */
.blog_post_container .post-content h3,
.blog_post_container .post-content .kc-entry_meta,
.blog_post_container .post-content .text{
max-width: 70%;
float: left;
}
.blog_post_container .post-content h3{
margin-top: 0;
}
.blog_post_container .kc-read-more {
float: left;
padding: 0;
border: none;
border-radius: none;
font-weight: 600;
color: #000;
transition: all .3s ease 0s;
text-decoration: underline;
}
.blog_post_container .kc-read-more:hover {
color: var(--pri_alt_clr);
background-color: transparent;
}
.blog_post_container .list-item{
border-bottom: none !important;
padding-bottom: 0 !important;
}
@media (max-width: 575.98px){
.blog_post_container .list-item{
margin-bottom: 48px !important;
}
.post_content_info {
float: left;
max-width: 70%;
padding-left: 0px;
padding-top: 30px;
}
}
.start_news_container {
display: flex;
}
.start_news_img {
min-width: 194px;
min-height: 160px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.start_news_head_container {
display: flex;
background: #768470; color: #fff;
flex-direction: column;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
padding: 0 60px 0 34px;
min-width: 44%;
}
.start_news_head_container h3 {
margin: 0;
}
.start_news_txt_container {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 34px;
}
.start_news_txt_readmore {
margin-top: .5rem;
}
.start_news_txt_readmore a {
text-decoration: underline;
font-weight: 700;
}
@media screen and (max-width:660px) {
}
@media (max-width: 575.98px){
.blog_post_container div{
max-width: 100%;
width: 100%;
}
.blog_post_container .post-content h3,
.blog_post_container .post-content .kc-entry_meta,
.blog_post_container .post-content .text{
max-width: 100%%;
float: left;
margin: 0;
padding: 0;
}
}
.entry-title{
padding-bottom: 48px;
}
@media only screen and (max-width: 999px){
.service_box_home {
width: 50% !important;
}
.service_box_home .kc-col-inner-container{
background-color: #e3ded3 !important;
}
.service_box_home  ul{
padding: 8px 0 16px 20px;
}
}
@media only screen and (max-width: 1100px){
.header_container.header_container_kontakt .header_container_img {
position: relative;
width: 100%;
}
.header_container.header_container_kontakt .header_container_text{
width: 100% !important;
padding: 64px 64px 64px 60px;
}
.header_container.header_container_kontakt .header_container_text {
margin-bottom: 64px;
}
.header_container.header_container_kontakt .header_container_img_right {
width: 100% !important;
}
.header_container.header_container_kontakt .header_container_img {
right: -15px;
}
}
@media only screen and (max-width: 768px){
.start_news_img {
display: none;
}
.content_text_image .content_text_image_right {
top: 64px;
left: auto;
}
.header_container .header_container_img {
position: relative;
}
.header_container .header_container_text{
width: 100% !important;
padding: 64px 15px 64px 15px;
}
.service_box_home {
width: 100% !important;
}
.kc_image_gallery.kc-grid .item-grid.grid-2 {
width: 100% !important;
}
.header_container_text {
margin-bottom: 64px;
}
.content_image_text .content_image_text_right {
padding: 112px 64px 56px 20px;
}
}
@media only screen and (max-width: 576px){
.header_container.header_container_kontakt .header_container_text{
width: 100% !important;
padding: 64px 15px 64px 15px;
}
.content_text_image .content_text_image_left {
padding: 56px 15px 56px 15px;
}
.service_box_home  .kc_column_inner{
padding: 32px 40px 40px 40px;
}
.content_image_text .kc_col-sm-12 {
right: -15px;
padding-right: 0;
}
}
@media only screen and (max-width: 479px){
#menu-portfolio li {
width: 100%;
}
.content_image_text .content_image_text_left {
left: -0;
}
.content_image_text .kc_col-sm-12 {
right: 0;
}
.header_container .header_container_text h1{
overflow-wrap: break-word;
}
.start_news_head_container {
padding: 0 20px;
}
.start_news_head_container h3 {
margin: 0;
}
.start_news_txt_container {
margin: 0 20px;
}
} .meta-details{
display: none !important;
}
.cool_timeline h2.content-title{
color: #000000 !important;
padding-top: 0 !important;
}
.cool_timeline .content-details{
padding-top: 0 !important;
margin-top: -8px !important;
}
.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title,
.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title  {
color: #000;
margin-bottom: 0;
padding-bottom: 0;
background-color: rgba(255, 255, 255, 0) !important;
}
.cool-timeline.white-timeline .timeline-post.even .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full {
background: #000000 !important;
}
.cool-timeline .timeline-post{
margin-bottom: 0 !important;
}
.cooltimeline_cont{
padding: 0 !important;
overflow: hidden !important;
}
.timeline-content.clearfix.aos-init.aos-animate{
overflow: hidden !important;
}
.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
background: #000 !important;
}
.ctl-timeline-date{
font-size: 18px !important;
}
.ctl-title {
color: #000 !important;
}
.ctl-story-left .ctl-title,
.ctl-story-left .ctl-description {
text-align: right !important;
}
.wpcf7-list-item {
margin: 0;
} .totop {
right: 50px;
bottom: 100px;
position: fixed;
z-index: 2;
}
@keyframes totopbounce {
0%   {top: -29px}
50%  {top: -40px}
100% {top: -29px}
}
a#totopbtn {
width: 56px;
height: 56px;
display: block;
position: absolute;
right: 0;
top: -28px;
transition: all .4s ease;
animation-name: totopbounce;
animation-duration: 4s;
animation-iteration-count: infinite;
}
#totopbtn img {
display: block;
width: 100%;
height: 100%;
position: relative;
filter: drop-shadow(0px 4px 8px rgba(124, 120, 164, 0.2));
transition: filter .4s ease;
}
a#totopbtn:hover {
width: 65px;
height: 65px;
display: block;
position: absolute;
right: -6px;
top: -32px;
transition: all .4s ease;
}
#totopbtn:hover img {
filter: drop-shadow(0px 4px 15px rgba(124, 120, 164, 0.2));
transition: filter .4s ease;
}
@media(max-width:768px) {
.totop {
right: 25px;
bottom: 50px;
}
a#totopbtn {
width: 48px;
height: 48px;
}
a#totopbtn:hover {
width: 56px;
height: 56px;
display: block;
position: absolute;
right: -4px;
top: -24px;
}
}