/*
Theme Name: Diaphus
Template: twentytwentyone
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@font-face {
    font-family: 'League Gothic';
    src: url(./dist/fonts/LeagueGothic-Regular.ttf);
}

@font-face {
    font-family: 'Prata';
    src: url(./dist/fonts/Prata-Regular.ttf);
}

:root{
    --primary-color:#A6A599;
    --secodory-color:#BDC3C7;
}

body{background: #cacfd2 !important;font-family: "Inter";color: var(--primary-color);}


/* Header Style */
.custom-header{position: relative;top: 0;width: 100%;padding: 20px 0 90px;z-index: 100;}
/*.custom-header .navbar .main-menu{justify-content: end !important;}*/
.custom-header .navbar .main-menu ul{padding: 0;list-style: none;display: flex;gap: 30px;position: relative;margin: 30px 0 0;}
.custom-header .navbar .main-menu ul li a{text-decoration: none;text-transform: uppercase;font-size: 30px;font-weight: 700;line-height: 1.1;color: var(--primary-color);border-bottom: 2px solid transparent;}
.custom-header .navbar .main-menu ul li.current-menu-item > a {border-color: var(--primary-color);}
/*.custom-header .navbar .main-menu ul li:nth-child(2) a {border: 0;}
.custom-header .navbar .main-menu ul li:not(:last-child) a:before {position: absolute;content: "/";right: -16px;top: -5px;height: 100%;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: 0.13em;color: #000;padding-bottom: 25px;}
*/
.custom-header nav.navbar {display: flex;flex-direction: column;}
.custom-header nav.navbar a.navbar-brand,
.custom-header nav.navbar .header_menu {display: flex;width: 100%;flex-direction: row;justify-content: center;align-items: center;}
.custom-header nav.navbar a.navbar-brand img{ width:100%; }

/* Home Page */

.home-sec-1{padding: 0px}
.home-sec-1 .left-col .so-widget-sow-editor h3.widget-title{display: none;}
/* .home-sec-1 .left-col .so-widget-sow-editor .textwidget p{font-size: 45px;font-weight: 700;line-height: 1.1;color: var(--primary-color);} */
.home-sec-1 .left-col .ow-button-base .sowb-button{font-size: 14px;font-weight: 700;color: var(--primary-color) !important;background-color: transparent;border: 0;border-bottom: 1px solid var(--primary-color);padding: 0 0 3px;}
/* .home-sec-1 .left-col.panel-cell-style.panel-cell-style-for-w68516c8c7bc74-0-0 h2 {font-size: 45px; line-height: 1.1;color: var(--primary-color); font-weight: 500;} */
body .home_heading .textwidget h2{font-size: 45px;line-height: 1.1;color: var(--primary-color);}

body .home-sec-2{padding: 72px 0 0;}
body .home-sec-2 .left-col {}
body .home-sec-2 .right-col {padding-left: 2rem; padding-bottom: 17rem;}
body .home-sec-2 h3.widget-title{font-size: 22px;font-weight: 700;line-height: 28px;text-transform: uppercase;color: var(--primary-color);border-bottom: 2px solid;padding-bottom: 30px;margin: 0;}
body .home-sec-2 .ow-button-base .sowb-button{font-size: 14px;font-weight: 700;color: var(--primary-color) !important;background-color: transparent;border: 0;;padding: 0px;}
body .home-sec-2 .ow-button-base .sowb-button .sow-icon-image {width: 13px;background-size: contain;height: 13px;}
body .home-sec-2  .referenzen_btn .ow-button-base a {text-decoration: underline !important; text-underline-offset: 4px;
}

.home-sec-3 {padding: 6rem 0;}
.home-sec-3 .left-col h3.widget-title,
.home-sec-3 .left-col .textwidget *{font-size: 45px;font-weight: 700;line-height: 1.1;color: var(--primary-color);}


.home-sec-4 {padding: 90px 0 40px;}
.home-sec-4 .left-col h3.widget-title{color: var(--secodory-color); font-size: 30px;font-weight: 700;line-height: 1.1;padding-bottom: 40px;text-transform: uppercase;}
.home-sec-4 .left-col .textwidget p{font-size: 18px;font-weight: 400;line-height: 24px;}


.custom_accordion .sow-accordion {}
.custom_accordion .sow-accordion .sow-accordion-panel{border: 1px solid #000;border-radius: 30px;margin-bottom: 40px !important;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header{border-radius: 50px; padding: 25px !important;background-color: transparent !important;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-icon-ionicons[data-sow-icon]:before {opacity: 0;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {font-size: 24px;line-height: 30px;font-weight: 300;}

.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border,
.custom_accordion .sow-accordion .sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-content .sow-accordion-panel-border { padding-top: 0;background-color: transparent !important;font-size: 20px;line-height: 26px;font-weight: 300;/*max-width: 50%;*/}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content{position: relative;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content img.size-full {position: absolute;right: 30px;bottom: 15px;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content a:not(:has(img)) { cursor: pointer;text-transform: uppercase;background: #06FFFF !important;color: #000 !important;border-radius: 50px;border: 1px solid #06FFFF !important;font-family: Inter;font-size: 16px;font-weight: 700;text-decoration: none;padding: 10px 25px;display: inline-block;width: 25em;margin-top: 20px;position: relative;display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content a:not(:has(img))::before {content: '';background-image: url('./dist/images/black-right-arrow.png');background-repeat: no-repeat;background-size: contain;width: 23px;height: 19px;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-open-close-button::before {content: '';background-image: url('./dist/images/black-right-arrow.png');background-repeat: no-repeat;background-size: contain;width: 24px;height: 19px;position: absolute;right: 35px;top: 28px; transition: .7s;}
.custom_accordion .sow-accordion .sow-accordion-panel.sow-accordion-panel-open .sow-accordion-open-close-button::before { transform: rotate(90deg);}

.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border div{margin-bottom: 15px; }
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border div,
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border ul{display: none;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border > div:first-child {display: block;}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border.full_show div, 
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border.full_show ul{display:block}
.custom_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content a:hover { background: transparent !important;}
.form-control:focus {color: inherit;background-color: inherit;border-color: inherit;outline: 0;box-shadow: unset;}

/*  Footer Css */
.main_footer_row {padding: 200px 0 70px;}
.footer_inner_row, 
.footer_inner_row * {color: var(--primary-color);font-size: 30px;font-weight: 600;font-weight: 700;line-height: 1.1;}
.footer_inner_row {display: flex;flex-direction: column;gap: 30px;}
.footer_inner_row p {margin: 0;}

.footer_inner_row .footer_col_3 {margin-top: 25px;}
.footer_inner_row .footer_col_3 nav ul.menu {display: flex;list-style: none;padding: 0;gap: 30px;}
.footer_inner_row .footer_col_3 nav ul.menu li a {text-decoration: none;text-transform: uppercase;border-bottom: 2px solid transparent;}
.footer_inner_row .footer_col_3 nav ul.menu li.current-menu-item > a {border-color: var(--primary-color);}


.footer_inner_row .footer_col_4 {display: flex;gap: 30px;}
.footer_inner_row .footer_col_4 p, 
.footer_inner_row .footer_col_4 p * {font-size: 16px;line-height: 28px;font-weight: 600;text-decoration: none; text-transform: uppercase;}

header.entry-header.alignwide {display: none;}

.related_projects h2,
body .font_30_700 .widget-title,
body .font_30_700 .textwidget {font-size: 30px;font-weight: 700;line-height: 1.1;color: var(--primary-color);}

body .font_22_700 .widget-title{text-transform: uppercase; font-size: 20px;font-weight: 700;line-height: 28px;color: var(--primary-color);border-bottom: 2px solid;padding-bottom: 20px;margin-bottom: 20px;}
body .font_22_700 .textwidget {font-size: 20px;font-weight: 500;line-height: 28px;color: var(--primary-color);}
body .font_22_700 .textwidget p{margin: 0;}

body .about_us_sec_1 { padding-bottom: 60px;}
body .about_us_sec_2 .ow-button-base .sowb-button{font-size: 14px;font-weight: 700;color: var(--primary-color) !important;background-color: transparent;border: 0;;padding: 0px;}
body .about_us_sec_2 .ow-button-base .sowb-button .sow-icon-image {width: 13px;background-size: contain;height: 13px;}
body .about_us_sec_3 {padding: 7rem 0;}
body .about_us_sec_4  { padding-bottom: 3rem;}

/* Referenzen  */
body .referenzen_sec_1 { }
body .referenzen_sec_3 {padding: 4rem 0 2rem;}
.our_projects_main {margin-top: 5rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;}
.our_projects_main .project_col { margin-bottom: 3rem;}
/*.our_projects_main .project_col .project_img {background-size: cover;padding: 20rem 0;background-repeat: no-repeat;background-position: top center;}*/
.our_projects_main .project_col .project_img {height: 80%;}
.our_projects_main .project_col .project_img img {width: 100%;height: 100%;}
.our_projects_main .project_col .project_title {margin: 40px 0 20px;font-size: 22px;font-weight: 700;line-height: 28px;text-transform: uppercase;color: var(--primary-color);border-bottom: 2px solid;padding-bottom: 20px;}
.our_projects_main .project_col .project_permalink a {display: flex;align-content: center;justify-content: flex-start;align-items: center;gap: 14px;color: var(--primary-color);font-size: 14px;font-weight: 700;text-decoration: none;}
.our_projects_main .project_col .project_permalink a img {width: 13px;background-size: contain;height: 13px;}


body.single.single-our_projects {background-color: #9D9C90 !important;color: var(--secodory-color);}
body.single .single_project_main {padding: 2rem 0 13rem;}
body.single .single_project_main .single_project_img img {width: -webkit-fill-available;}

body.single .custom-header .navbar .main-menu ul li a,
body.single .footer_inner_row, 
body.single .footer_inner_row * {color: var(--secodory-color);}

body.single .single_project_main h1.main_title{font-size: 22px;font-weight: 700;line-height: 28px;text-transform: uppercase;border-bottom: 2px solid;padding-bottom: 20px; margin-bottom: 20px;}
body.single .single_project_main .project_content{font-size: 30px;font-weight: 500;line-height: 1.1;max-width: 80%;}
body.single .single_project_main .project_images {text-align: right;padding-top: 4rem;}


.home-post-slider .item,
.project-related-slider .item{display: flex;flex-direction: column;gap: 30px;}
.home-post-slider .item {width: 33%;}
.home-post-slider .item img {width: 100%;}

.home-post-slider .item h3.post_title{margin: 0;font-size: 30px;font-weight: 500;color: var(--secodory-color);position: relative;}

.home-post-slider .item .post_permalink a,
.project-related-slider .item .post_permalink a {display: flex;align-content: center;justify-content: flex-start;align-items: center;gap: 14px;color: var(--secodory-color);font-size: 14px;font-weight: 700;text-decoration: none;}

.home-post-slider .item .post_permalink a img,
.project-related-slider .item .post_permalink a img {width: auto;}

.related_projects {padding: 6rem 0;background-color: #E7EADF;color: var(--primary-color);}
.related_projects h2{margin-bottom: 4rem;}
.project-related-slider .item h3.post_title {font-size: 22px;font-weight: 700;border-bottom: 2px solid;padding-bottom: 20px;margin-bottom: 20px;}
.project-related-slider .item .post_permalink a{color: var(--primary-color);}
.project-related-slider .item .post_img {background-size: cover;padding: 25rem 0;background-repeat: no-repeat;background-position: top center;}

/* Partner Page */
body .partner_sec_1 { }
body .partner_sec_2 {padding: 5rem 0 2rem;}
body .partner_sec_2 .partner_logo_slider .owl-stage {display: flex;align-items: center;justify-content: center;}
body .partner_sec_2 .partner_logo_slider .item{}
body .partner_sec_2 .partner_logo_slider .item .logo_img {/*width: 80%;*/}

/* leistungen Page */
.leistungen_row { padding-bottom: 3rem;}
.page-template .panel-has-style:last-child .leistungen_row { margin-bottom: 5rem;}

/* Kontakt Page */
body .kontakt_sec_1 { }
body .kontakt_sec_2 {padding: 4rem 0 2rem;}
body .text_uppercase .textwidget {text-transform: uppercase;}
body .kontakt_sec_2 .ow-button-base .sowb-button{font-size: 14px;font-weight: 700;color: var(--primary-color) !important;background-color: transparent;border: 0;;padding: 0px;}
body .kontakt_sec_2 .ow-button-base .sowb-button .sow-icon-image {width: 13px;background-size: contain;height: 13px;}
body .kontakt_sec_2 .textwidget p {margin: 0;}


body.page-id-710 .footer_inner_row .footer_col_1, 
body.page-id-710 .footer_inner_row .footer_col_2 {display: none;}


@media (min-width:2133px) and (max-width:7680px) {
    .container22 > .panel-grid-cell:last-child {width: 48% !important;}
}

@media only screen and (min-width: 2133px){

}

@media only screen and (max-width: 1920px){
    .container{max-width: 94% !important;}
}   

@media (min-width:360px) and (max-width:1920px) {

}

@media (min-width:992px) and (max-width:1366px) {

}

@media only screen and (max-width: 1536px){

}

@media only screen and (max-width: 1280px){

}

@media only screen and (max-width: 1199px){

}

/*ipade pro*/
@media only screen and (max-width: 1024px)
{  
    .home-sec-1 .left-col .so-widget-sow-editor .textwidget p {font-size: 36px; margin: 0;}
    body .home-sec-2 {padding: 40px 0 0;}
    body .home-sec-2 .right-col {padding-left: 0rem;padding-bottom: 12rem;}
    

    .main_footer_row { padding: 60px 0 25px;}
    .footer_inner_row, 
    .footer_inner_row * {font-size: 18px;}
    .footer_inner_row {gap: 25px;}
    .main_footer_row .footer_col_1 { max-width: max-content;}
    .footer_inner_row .footer_col_3 {margin-top: 15px;}
    .footer_inner_row .footer_col_3 nav ul.menu {gap: 10px;flex-direction: column;margin: 0;}
    .footer_inner_row .footer_col_4 {gap: 25px;}
}

@media only screen and (max-width: 991px){
    .rmp-container .rmp-menu-wrap {padding: 25px !important;height: 100vh;}
    .rmp-container .rmp-menu-wrap ul.rmp-menu {height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center; gap: 20px;}
    .rmp-container .rmp-menu-wrap ul.rmp-menu li a.rmp-menu-item-link {padding-right: 0px !important;font-family: 'Inter' !important; text-transform: uppercase;}
    .custom-header .navbar-toggler {display: none;}
    body button.rmp_menu_trigger {top: 54% !important;}
    body button.rmp_menu_trigger.is-active {top: unset !important; bottom: 15px;}
	
	body .home_heading .textwidget h2,.home-sec-3 .left-col h3.widget-title, .home-sec-3 .left-col .textwidget * {font-size: 35px;}
	
	body .catisa_row, .sargans_row{display: flex !important; flex-direction: column !important;}
	body .catisa_row .ow-button-base, .sargans_row .ow-button-base{text-align: left !important;}
	body .sargans_row .panel-grid-cell, .catisa_row .panel-grid-cell  {width:100% !important;}

}

/*ipad*/
@media only screen and (max-width: 768px)
{ 
    .custom-header{padding:0;}
}

/* Mobile */
@media only screen and (max-width: 767px)
{     
    .container {max-width: 98% !important;}
    .custom-header {padding: 0 0 50px;}
    .custom-header nav.navbar {padding: 18px 0;}
    .custom-header nav.navbar a.navbar-brand { padding: 0;}
    .footer_coloumn {margin-bottom: 35px;}
	
	body .home_heading .textwidget h2 {font-size: 35px;}

    body .home-sec-1 .left-col .so-widget-sow-editor .textwidget p br{display: none;}
    body .home-sec-2 .panel-row-style .panel-grid-cell:first-child {order: 2;}
    body .home-sec-2 h3.widget-title {font-size: 18px;line-height: 22px;padding-bottom: 15px;}
    body .home-sec-2 .left-col { max-width: 56%;}
    body .home-sec-2 .right-col {padding-bottom: 3rem;}
    body .home-sec-2 .ow-button-base {margin-top: -15px;}
	body .catisa_row, .sargans_row{display: flex !important; flex-direction: column-reverse !important;}
	body .catisa_row .ow-button-base, .sargans_row .ow-button-base{text-align: left !important;}

    body .home-sec-3 {padding: 2rem 0 4rem;}
    body .home-sec-3 .left-col h3.widget-title, 
    body .home-sec-3 .left-col .textwidget * {font-size: 35px;margin: 0; word-wrap: break-word;}
    body .home-sec-3 .left-col .textwidget p br{display: none;}
	body .home-sec-3 .left-col .textwidget h2 {font-size: 30px;}

    body .home-sec-4 { padding: 45px 0 65px;}
    body .home-sec-4 .left-col h3.widget-title {font-size: 18px;line-height: 22px;max-width: 60%;}


 
    /*body .home-sec-2 .right-col p,
    body .home-sec-2 .right-col h3.widget-title,
    body .home-sec-2 .right-col,
    body .home-sec-3 .left-col h3.widget-title,
    body .home-sec-3 .left-col .textwidget,
    body .home-sec-4 .left-col .textwidget,
    body .home-sec-4 .right-col,
    body .home-sec-4 .right-col .textwidget ul li{max-width: max-content;}*/


    .footer_inner_row .footer_col_4 p, 
    .footer_inner_row .footer_col_4 p * {font-size: 13px;}
    .footer_inner_row .footer_col_3 {margin-top: 0;order: -1;}

    /*body .about_us_sec_2.font_22_700 .widget-title,
    body .about_us_sec_4.font_22_700 .widget-title {font-size: 18px;line-height: 22px;padding-bottom: 15px;margin-bottom: 15px;}

    body .about_us_sec_2.font_22_700 .textwidget,
    body .about_us_sec_4.font_22_700 .textwidget {font-size: 18px;line-height: 22px;}*/

    body .font_22_700 .widget-title {font-size: 18px;line-height: 22px;padding-bottom: 15px;margin-bottom: 15px;}
    body .kontakt_sec_2 .textwidget,
    body .font_22_700 .textwidget {font-size: 18px;line-height: 22px;}
    body .font_30_700 .textwidget p br,
    body .font_22_700 .textwidget p br{display: none;}

    body .about_us_sec_3 {padding: 6rem 0 5rem;}
    body .about_us_sec_4 {padding-bottom: 5rem;}

    .leistungen_row {padding-bottom: 30px;}
    .leistungen_row .panel-grid-cell {padding-bottom: 25px !important;}
    .page-template .panel-has-style:last-child .leistungen_row {margin-bottom: 1rem;}

    body .kontakt_sec_2 {padding: 3rem 0;}
    body .kontakt_sec_2 .ow-button-base {margin-top: -5px;}


    body .partner_sec_2 {padding: 3rem 0;gap: 40px;}
    body .partner_sec_2 .widget_media_image {width: 45%;}

    .our_projects_main {grid-template-columns: repeat(1, 1fr);}


}

@media only screen and (max-width: 580px)
{   

}