.elementor-kit-7{--e-global-color-primary:#0D2843;--e-global-color-secondary:#FBF9F1;--e-global-color-text:#FFFFFF;--e-global-color-accent:#A78C4E;--e-global-color-3e226c1:#D3BC86;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* -------------------------------- 

Global CSS

-------------------------------- */
/* -------------------------------- 

General

-------------------------------- */
body{
overflow-y: scroll;
overflow-x: hidden !important;
font-family: "DM Sans", sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}

.blur{
background:rgba(16,24,32,.9);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}

*:focus {
outline: none;
}

#kontaktformular input::placeholder, #kontaktformular textarea::placeholder {
    color: #0D2843 !important;
    opacity: 1 !important;
}
#homepage_newsletter_signup input::placeholder,#homepage_newsletter_signup  textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

#breadcrumbs{
font-size: 15px !important;
}
/*Navigation desktop*/
.e-n-menu-title-container:hover {
color: var(--lightgold) !important;
transition: all .1s ease !important;
}
.menu_custom_icon{
max-width:70px !important;
height:auto !important;
}
#nav_dnone{
display:none;
}
/*Formular*/
input::placeholder, textarea::placeholder {
    color: #006bb7 !important;
    opacity: 1 !important;
}
/* -------------------------------- 

BREAKPOINTS

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

}
@media screen and (max-width: 1112px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 576px) {

}
@media screen and (max-width: 340px) {

}
/* -------------------------------- 

MOBILE NAVIGATION

-------------------------------- */

.nav_desktop{
display:block;
}
.nav_mobile{
display:none;
}
@media (max-width: 1330px) {
.nav_desktop{
display:none;
}
.nav_mobile{
display:block;
}
}

/* -------------------------------- 

HELPER CLASSES

-------------------------------- */
.mt10{
margin-top:7px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt60{
margin-top:60px;
}
.mt90{
margin-top:90px;
}

.mt-10{
margin-top:-10px;
}
.mt-15{
margin-top:-15px;
}
.mb8{
margin-bottom:8px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
@media screen and (max-width: 992px) {
.footer_mobile .mt20{
margin-top:0px;
}
}
/* -------------------------------- 

Responsive Typography

-------------------------------- */


.display_l { 
font-size: 40px !important;
font-family: "DM Sans", sans-serif !important; 
cursor: default;
}
@media (min-width: 375px) { 
.display_l {
font-size: calc(40px + (82.5 - 40) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_l {
font-size: 82.5px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}


h1, .h1 { 
font-size: 34px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 400 !important; 
}
@media (min-width: 375px) { 
h1, .h1 {
font-size: calc(34px + (76 - 34) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h1, .h1 {
font-size: 76px; 
font-family: "DM Sans", sans-serif !important; 
}
}

.sub_h1 { 
font-size: 20px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 400 !important; 
line-height: 1.2 !important;
}
@media (min-width: 375px) { 
.sub_h1 {
font-size: calc(20px + (22 - 20) * ((100vw - 375px) / (1440 - 375))) !important;
}
}
@media (min-width: 1440px) { 
.sub_h1 {
font-size: 22px !important; 
font-family: "DM Sans", sans-serif !important; 
line-height: 1.5 !important;
}
}

.pre_h { 
font-size: 24px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 700 !important; 
}
@media (min-width: 375px) { 
.pre_h {
font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (1440 - 375))) !important;
}
}
@media (min-width: 1440px) { 
.pre_h {
font-size: 26px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}


h2, .h2 { 
font-size: 30px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 500 !important; 
letter-spacing:-2px;
}
@media (min-width: 375px) { 
h2, .h2 {
font-size: calc(30px + (46 - 30) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h2, .h2 {
font-size: 46px; 
font-family: "DM Sans", sans-serif !important; 
}
}


h3, .h3 { 
font-size: 28px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 700 !important; 
}
@media (min-width: 375px) { 
h3, .h3 {
font-size: calc(28px + (32 - 28) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h3, .h3 {
font-size: 32px; 
font-family: "DM Sans", sans-serif !important; 
}
}

h4, .h4 { 
font-size: 22px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 700 !important; 
}
@media (min-width: 375px) { 
h4, .h4 {
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h4, .h4 {
font-size: 26px; 
font-family: "DM Sans", sans-serif !important; 
}
}

h5, .h5{ 
font-size: 20px; 
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 700 !important; 
}
@media (min-width: 375px) { 
h5, .h5 {
font-size: calc(20px + (22 - 20) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h5, .h5 {
font-size: 22px; 
font-family: "DM Sans", sans-serif !important; 
}
}

h6{ 
font-size: 15px; 
cursor: default;
letter-spacing: 3px;
font-weight:900;
text-transform: uppercase;
}


.display_xl, .display_l, .display_m{ 
line-height: 1 !important;
}
h1{ 
line-height: 1.2 !important;
letter-spacing:-3px;
}
h2{ 
line-height: 1.2 !important;
}
h3{ 
line-height: 1.2 !important;
}
h4{ 
line-height: 1.2 !important;
}
h5{ 
line-height: 1.3 !important;
}
h6{ 
line-height: 1.2 !important;
}
@media (max-width: 767px) {
.display_xl, .display_l, .display_m{ 
line-height: 1.2 !important;
}
}

.lh1{ 
line-height: 1 !important;
}
.lh12{ 
line-height: 1.2 !important;
}

p, .p1{ 
font-size: 16px !important;
cursor: default;
font-family: "DM Sans", sans-serif;
font-weight: 500 !important; 
line-height:1.5;
}
@media (min-width: 375px) { 
p, .p1 {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
p, .p1 {
font-size: 18px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}

.p1b{ 
font-size: 16px !important;
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 700 !important; 
line-height:1.5;
}
@media (min-width: 375px) { 
.p1b {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
.p1b {
font-size: 18px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}

.p1b_fw5{ 
font-size: 16px !important;
cursor: default;
font-family: "DM Sans", sans-serif !important; 
font-weight: 500 !important; 
line-height:1.5;
}
@media (min-width: 375px) { 
.p1b_fw5 {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
.p1b_fw5 {
font-size: 18px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}

.p2{
font-family: "DM Sans", sans-serif;
font-weight: 500 !important; 
font-size: 16px !important;
cursor: default;
line-height:1.5;
}

.p3{
font-family: "DM Sans", sans-serif;
font-weight: 400 !important; 
font-size: 14px !important;
cursor: default;
line-height:1.5;
}


ul{
font-size:16px !important;
font-family: "DM Sans", sans-serif !important; 
line-height:1.5;
cursor:default;
}
@media (min-width: 375px) { 
ul {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
ul {
font-size: 18px !important; 
font-family: "DM Sans", sans-serif !important; 
}
}
.fw9{
font-weight:900 !important; 
}
.fw8{
font-weight:800 !important; 
}
.fw7{
font-weight:700 !important; 
}
.fw6{
font-weight:600 !important; 
}
.fw5{
font-weight:500 !important; 
}
.fw4{
font-weight:400 !important; 
}

.italic{
font-style: italic;
}

.uppercase{
text-transform: uppercase;
}

.dmsans{
font-family: "DM Sans", sans-serif;
}
.ls3{
letter-spacing: 3px;
}
.fs16{
font-size: 16px;
}
.fs20{
font-size: 20px;
}


/* -------------------------------- 

Hyperlinks

-------------------------------- */
a:link{
cursor:pointer !important;
}
.mm_hyper{
color: var(--dark);
text-decoration: none;
}
.mm_hyper:hover{
color: var(--gold);
text-decoration: underline;
transition: all .3s ease-out;
}
.datenschutz_link{
color: var(--dark) !important;
text-decoration: underline !important;
}
.datenschutz_link:hover{
color: var(--gold);
text-decoration: underline;
}
/* -------------------------------- 

Animated Custom Buttons

-------------------------------- */
.btn_custom_gold{
position:relative;
display:inline-block;
padding: 16px 24px 16px 24px;
font-family: "DM Sans", sans-serif;
font-size:16px;
letter-spacing: -1px;
color:#fff;
font-weight:500;
text-decoration: none;
transition: all 0.3s ease;
z-index:5;
}
.btn_custom_gold:hover{
position:relative;
display:inline-block;
padding: 16px 24px 16px 24px;
font-family: "DM Sans", sans-serif;
letter-spacing: -1px;
font-size:16px;
color:#A78C4E;
font-weight:500;
text-decoration: none;
transition: all 0.3s ease;
z-index:5;
}
.btn_custom_gold:hover .center_box_gold{
width:calc(100% - 0px);
height:calc(100% - 0px);
transition: all 0.3s ease;
background-color:#fff;
}
.center_box_gold{
z-index:-1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:calc(100% - 8px);
height:calc(100% - 8px);
background-color:#A78C4E;
transition: all 0.3s ease;
}
.interrupt_top_gold{
z-index:-1;
position:absolute;
top:0px;
right:0px;
border-top:2px solid #fff;
height:2px;
width:calc(100% - 16px);
}	
.interrupt_right_gold{
z-index:-1;
position:absolute;
top:0px;
right:0px;
border-right:2px solid #fff;
width:12px;
height:calc(100% - 16px);
}	
.interrupt_bottom_gold{
z-index:-1;
position:absolute;
bottom:0px;
left:0px;
border-bottom:2px solid #fff;
height:2px;
width:calc(100% - 16px);
}	
.interrupt_left_gold{
z-index:-1;
position:absolute;
bottom:0px;
left:0px;
border-left:2px solid #fff;
width:2px;
height:calc(100% - 16px);
}	
	
.btn_custom_blue{
position:relative;
display:inline-block;
padding: 16px 24px 16px 24px;
font-family: "DM Sans", sans-serif;
font-size:16px;
letter-spacing: -1px;
color:#fff;
font-weight:500;
text-decoration: none;
transition: all 0.3s ease;
z-index:5;
}
.btn_custom_blue:hover{
position:relative;
display:inline-block;
padding: 16px 24px 16px 24px;
font-family: "DM Sans", sans-serif;
letter-spacing: -1px;
font-size:16px;
color:#fff;
font-weight:500;
text-decoration: none;
transition: all 0.3s ease;
z-index:5;
}
.btn_custom_blue:hover .center_box_blue{
width:calc(100% - 0px);
height:calc(100% - 0px);
transition: all 0.3s ease;
background-color:#A78C4E;
}
.center_box_blue{
z-index:-1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:calc(100% - 8px);
height:calc(100% - 8px);
background-color:#0D2843;
transition: all 0.3s ease;
}
.interrupt_top_blue{
z-index:-1;
position:absolute;
top:0px;
right:0px;
border-top:2px solid #A78C4E;
height:2px;
width:calc(100% - 16px);
}	
.interrupt_right_blue{
z-index:-1;
position:absolute;
top:0px;
right:0px;
border-right:2px solid #A78C4E;
width:12px;
height:calc(100% - 16px);
}	
.interrupt_bottom_blue{
z-index:-1;
position:absolute;
bottom:0px;
left:0px;
border-bottom:2px solid #A78C4E;
height:2px;
width:calc(100% - 16px);
}	
.interrupt_left_blue{
z-index:-1;
position:absolute;
bottom:0px;
left:0px;
border-left:2px solid #A78C4E;
width:2px;
height:calc(100% - 16px);
}	

/* -------------------------------- 

Color
color:var(--red);
-------------------------------- */
:root {
--dark: #0D2843;
--light: #FBF9F1;
--white: #ffffff;
--gold: #A78C4E;
--lightgold: #D3BC86;
}
.dark{
color: #0D2843;
}
.light{
color:#FBF9F1;
}
.white{
color:#ffffff; 
}
.gold{
 color:#A78C4E;
}
.lightgold{
 color:#D3BC86;
}

/* -------------------------------- 

Single Post Template

-------------------------------- */
.post_certificate_module_right{
background: url("https://consulant.ch/wp-content/uploads/2024/10/post_certificatemodule_bgimage.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
}

/* -------------------------------- 

Footer

-------------------------------- */
#footer_wrapper{
background-image: url("https://consulant.ch/wp-content/uploads/2024/10/footer_rectangle_whiteandstripes.svg");
background-position: left top;
background-repeat: no-repeat;
background-size: auto 100px;
}

#footer_images{
background-image: url("https://consulant.ch/wp-content/uploads/2024/10/footer_bluerectangle_01.webp"), url("https://consulant.ch/wp-content/uploads/2024/10/footer_bluerectangle_02.webp"), url("https://consulant.ch/wp-content/uploads/2024/10/footer_image_lossy.webp");
background-position: left top, right bottom, center center;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 100px auto, 100px auto, cover;
}

.footerlink{
color:var(--lightgold);
text-decoration: underline !important;
}
.footerlink:hover{
color:var(--lightgold);
text-decoration: underline;
transition: all 0.3s ease; 
}
.footer_smallheadline{
min-height:54px;
}
/* -------------------------------- 

Homepage HERO Section

-------------------------------- */

#hero_homepage{
background-image: url("https://consulant.ch/wp-content/uploads/2024/10/hero_stripes.svg"), url("https://consulant.ch/wp-content/uploads/2025/02/homepage_header_02.webp");
background-position: right bottom, center center;
background-repeat: no-repeat, no-repeat;
background-size: 100px auto, cover;
}
#homepage_woman{
background-image: url("https://consulant.ch/wp-content/uploads/2025/02/Consulant-Yves.webp");
background-position: left bottom;
background-repeat: no-repeat;
background-size: auto 90%;
}
@media screen and (max-width: 1280px) {
#homepage_woman{
background-size: auto 70%;
}
}

.grid_pos_absolute{
position:absolute;
top:0px;
left:0px;
}
@media screen and (max-width: 992px) {
.grid_pos_absolute{
position:relative;
}
}
.custom_list li {
display: flex;
align-items: start;
margin: 10px 0;
line-height: 1.2;
list-style: none;
}
.custom_list li:before {
display: block;
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 13px;
margin-top:4px;
vertical-align: middle;
background: url("https://consulant.ch/wp-content/uploads/2024/10/custom_bullet.svg") no-repeat left center;
background-size: contain;
content: '';
}

.iso_wrap {
position: relative;
width: 100%;
}
.iso_image {
display: block;
width: 100%;
height: auto;
}
.iso_image_mobile {
display: none;
width: 100%;
height: auto;
}

.iso_overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
width: 100%;
height: 38%;
transition: .5s ease;
padding:20px 40px 20px 40px;
background: rgb(13,40,67);
background: linear-gradient(0deg, rgba(13,40,67,1) 0%, rgba(13,40,67,0.4976584383753502) 48%, rgba(13,40,67,0.248358718487395) 70%);
}
.iso_wrap:hover .iso_overlay {
height:85%;
}
.iso_text_pre{
color: var(--dark);
font-size: 18px;
padding:4px 12px 3px 12px;
background-color: var(--white);
border:3px solid var(--lightgold);
display:inline-block;
font-family: "DM Sans", sans-serif;
font-weight: 700;
letter-spacing:1px;
}
.iso_text_h{
color: var(--white);
font-size: 32px;
font-family: "DM Sans", sans-serif;
font-weight: 700;
margin-top:10px;
}
.iso_text_h h3{
line-height:1 !important;
}
.iso_text_dscr{
color: var(--white);
font-size: 18px;
font-family: "DM Sans", sans-serif;
font-weight: 500;
margin-top:65px;
}
.iso_hyperlink_wrap{
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
}
.iso_hyperlink, .iso_hyperlink:hover{
position:relative;
color: var(--lightgold);
font-size: 18px;
font-family: "DM Sans", sans-serif;
font-weight: 700;
}
.iso_hyperlink i{
margin-left:8px;
}
.fake_button{
color: var(--gold) !important;
font-size: 17px;
font-family: "DM Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
display:inline-block;
margin-top:15px;
}
.fake_button i{
background-color:var(--gold) !important; 
color: var(--dark) !important;
margin-left:8px;
vertical-align:7%;
padding:2px 2px 2px 2px;
font-size: 13px;
aspect-ratio: 1;
}
@media screen and (max-width: 1280px) {
.iso_overlay {
height: 34%;
padding:20px 20px 20px 20px;
}
.iso_wrap:hover .iso_overlay {
height: 82%;
}
.iso_text_h{
font-size: 28px;
margin-top:0px;
}
}
@media screen and (max-width: 1040px) {
.iso_overlay {
height: 36%;
padding:15px 15px 15px 15px;
}
.iso_wrap:hover .iso_overlay {
height: 82%;
}
.iso_text_h  h3{
font-size: 28px;
margin-top:0px;
}
}
@media screen and (max-width: 992px) {
.iso_overlay {
height:60%;
padding:15px 15px 15px 15px;
}
.iso_wrap:hover .iso_overlay {
height: 60%;
}
.iso_text_h h3{
font-size: 28px;
margin-top:0px;
}
.iso_text_dscr{
margin-top:15px;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.iso_overlay {
height:66%;
padding:15px 15px 15px 15px;
}
.iso_wrap:hover .iso_overlay {
height: 66%;
}
.iso_text_h h3{
font-size: 24px;
}
}
@media screen and (max-width: 638px) {
.iso_overlay {
height:75%;
padding:10px 15px 15px 15px;
}
.iso_wrap:hover .iso_overlay {
height:75%;
}
.iso_text_h h3{
font-size: 22px;
}
.iso_text_dscr{
margin-top:15px;
font-size: 16px;
}
}
@media screen and (max-width:576px) {
.iso_image {
display: none;
width: 100%;
height: auto;
}
.iso_image_mobile {
display: block;
width: 100%;
height: auto;
}
.iso_overlay {
height:80%;
padding:10px 15px 15px 15px;
}
.iso_wrap:hover .iso_overlay {
height:80%;
}
.iso_text_h h3{
font-size: 22px;
}
.iso_text_dscr{
margin-top:10px;
font-size: 16px;
}
}
@media screen and (max-width:540px) {
.iso_overlay {
height:50%;
padding:5px 10px 5px 10px;
}
.iso_wrap:hover .iso_overlay {
height:50%;
}
.iso_text_h h3{
font-size: 20px !important;
}
.iso_text_dscr{
margin-top:10px;
font-size: 16px;
line-height:1.2 !important;
}
}
@media screen and (max-width:480px) {
.iso_overlay {
height:60%;
padding:5px 10px 5px 10px;
}
.iso_wrap:hover .iso_overlay {
height:60%;
}
.iso_text_h h3{
font-size: 20px !important;
}
.iso_text_dscr{
margin-top:10px;
font-size: 16px;
line-height:1.2 !important;
}
}
@media screen and (max-width:480px) {
.iso_overlay {
height:70%;
padding:5px 10px 5px 10px;
}
.iso_wrap:hover .iso_overlay {
height:70%;
}
.iso_text_h h3{
font-size: 20px !important;
}
.iso_text_dscr{
margin-top:10px;
font-size: 15px;
line-height:1.2 !important;
}
}
@media screen and (max-width:480px) {
.iso_overlay {
height:80%;
padding:5px 10px 5px 10px;
}
.iso_wrap:hover .iso_overlay {
height:80%;
}
.iso_text_h h3{
font-size: 18px !important;
}
.iso_text_dscr{
margin-top:10px;
font-size: 14px;
line-height:1.2 !important;
}
}
/* -------------------------------- 

Dienstleistungen

-------------------------------- */

.pakete_cell_01{
height:25px;
}
.pakete_cell_02{
padding-left:20px;
}
.pakete_headline{
color: var(--lightgold);
font-size: 32px;
font-family: "DM Sans", sans-serif;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.pakete_cell_01{
height:16px;
}
.pakete_headline{
font-size: 22px;
}
}
.cl_services{
padding-left:20px;
padding-bottom:0px;
}
.cl_services li {
display: flex;
align-items: start;
margin: 10px 0;
line-height: 1.2;
list-style: none;
color:rgba(255,255,255,.8);
}

.cl_services li:before {
display: block;
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 13px;
margin-top:4px;
vertical-align: middle;
background: url("https://consulant.ch/wp-content/uploads/2024/10/custom_bullet_lightgold.svg") no-repeat left center;
background-size: contain;
 content: '';
}

#whitebox{
background-image: url("https://consulant.ch/wp-content/uploads/2024/10/whitebox.svg");
background-position: right top;
background-repeat: no-repeat;
background-size: 100px auto;
}

/* -------------------------------- 

Über uns

-------------------------------- */

.info_icon{
pointer-events: none;
}

.popup_email{
font-family: "DM Sans", sans-serif;
font-weight: 500;
font-size: 18px;
color: var(--gold);
text-decoration: underline;
}
.popup_email:hover{
font-family: "DM Sans", sans-serif;
font-weight: 500;
font-size: 18px;
color: var(--gold);
text-decoration: underline;
}
.about_services{
padding-left:0px;
}
.about_services li {
display: flex;
align-items: start;
margin: 10px 0;
line-height: 1.2;
list-style: none;
border-bottom:1px solid #CDCABF;
padding-bottom:5px;
}

.about_services li:before {
display: block;
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 13px;
margin-top:4px;
vertical-align: middle;
background: url("https://consulant.ch/wp-content/uploads/2024/10/custom_bullet_lightgold.svg") no-repeat left center;
background-size: contain;
 content: '';
}

/* -------------------------------- 

Branchen

-------------------------------- */
.branchen_services{
padding-left:0px;
}
.branchen_services li {
display: flex;
align-items: start;
margin: 10px 0;
line-height: 1.2;
list-style: none;
border-bottom:1px solid #2F4A65;
padding-bottom:10px;
margin-top:20px;
color:rgba(255,255,255,.8);
}

.branchen_services li:before {
display: block;
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 13px;
margin-top:4px;
vertical-align: middle;
background: url("https://consulant.ch/wp-content/uploads/2024/10/custom_bullet_lightgold.svg") no-repeat left center;
background-size: contain;
 content: '';
}

#branchen_bg{
background-image: url("https://consulant.ch/wp-content/uploads/2024/11/branchen_bg_01-scaled.webp");
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
}

/* -------------------------------- 

ISO Zertifizierungen
-------------------------------- */
.iso_list{
padding-left:20px;
padding-bottom:0px;
}
.iso_list li {
display: flex;
align-items: start;
margin: 10px 0;
line-height: 1.2;
list-style: none;
}

.iso_list li:before {
display: block;
flex-shrink: 0;
width: 13px;
height: 13px;
margin-right: 13px;
margin-top:4px;
vertical-align: middle;
background: url("https://consulant.ch/wp-content/uploads/2024/10/custom_bullet_lightgold.svg") no-repeat left center;
background-size: contain;
 content: '';
}

/* -------------------------------- 

Blog
e-font-icon-svg e-fas-long-arrow-alt-right
-------------------------------- */
.wp-block-heading{
margin-top:40px;
}

.loop_grid_btn_icon .e-font-icon-svg{
fill: var(--gold) !important;
}


.loop_grid_btn_icon .elementor-button-icon svg{
width:45px;
height:auto;
margin-top:0px;
}/* End custom CSS */