/*************************************************************************/
/*  Theme Custom  */

/*
Indivisible Regular
font-family: "indivisible", sans-serif;
font-weight: 400;
font-style: normal;

Indivisible Italic
font-family: "indivisible", sans-serif;
font-weight: 400;
font-style: italic;

Indivisible SemiBold
font-family: "indivisible", sans-serif;
font-weight: 600;
font-style: normal;

Indivisible SemiBold Italic
font-family: "indivisible", sans-serif;
font-weight: 600;
font-style: italic;

Indivisible Bold
font-family: "indivisible", sans-serif;
font-weight: 700;
font-style: normal;

Indivisible Bold Italic
font-family: "indivisible", sans-serif;
font-weight: 700;
font-style: italic;
*/


body {
	font-family: "indivisible", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(17px,1.3vw,18px);
	line-height: 150%;
	color: #000;
	background-color: #fff;
}

/*Link Farbe */
a { color: #222;}

/* Link in Editor-Texten */
:is(.res-content p, .res-content li) a:not(.nav-link, .dropdown-item) {
	font-weight: 400;
    border-bottom: 1px solid #000;
}

:is(.desktop-nav, .navbar-nav) .current-page-ancestor a {
	color: #4a90e2; 
}
b, strong {
    font-weight: 600;
}

.brand-color {
	color: #4DAD32; 
}
.res-block.Brand-Color {
	background-color: #012B27;
}
.res-block.Brand-Color {
    color: #ffffff;
}
.res-block.Brand-Color .btn-primary {
	color: #ffffff;
}

.wp-block-columns.background-grau {
	background: #EDEDED;
}



/* Title clamp */
h1, h2, h3, h4, h5, h6 {
	font-family: "indivisible", sans-serif;
	font-weight: 700;
	line-height: 120%;
}
h1 {
	font-size: clamp(30px, 3.3vw, 60px);
}
h2 {
    font-size: clamp(26px, 2.5vw, 48px);
}
h3 {
	font-size: clamp(25px, 2vw, 34px);
}
h4 {font-size: clamp(22px, 1.6vw, 30px);} 
h5 {
    font-size: clamp(21px, 1.2vw, 21px);
}
h6 {font-size: clamp(20px, 1.1vw, 20px);} 

@media only screen and (max-width: 970px) {
	 h1, h2, h3, h4, h5, h6 { 
		 /* hyphens: auto; */
		 /* -webkit-hyphens: auto; */
		}
}

/* Container align wide  */

.container {
    max-width: 1200px;
}
.container-fluid {
    max-width: 93%;
}
.container-small {
	max-width: 900px;
	margin: 0 auto;
}
/* Laptop Surface */
@media only screen and (max-width: 1500px) {
	.container{	max-width: 85%;}
	.container-fluid {max-width: 94%;}
}

@media only screen and (max-width: 970px) {
	    .container {
        max-width: 90%;
    }
} 

@media only screen and (max-width: 768px) {
	    .container {
        max-width: 94%;
    }
	    .container-fluid {
        max-width: 95%;
    }
} 


/* Logo */
.logo {
	padding-top: 25px;
	padding-bottom: 25px;
}

@media only screen and (min-width: 768px) {
	.home .logo {
    padding-top: 40px;
    padding-bottom: 40px;
}
} 

/* Logo Size  */
.logo img {
    width: clamp(100px, 15vw, 140px);
    height: auto;
}
.home .logo img {
    width: 50px;
}

#search-overlayer .logo img {
    width: clamp(35px, 3vw, 50px);
}
/* Logo Mobile  */
@media only screen and (max-width: 970px) {
    .res-nav .logo-mobile img {
        height: 25px;
    }
}

@media only screen and (max-width: 768px) {
	   .home .res-nav .logo-mobile img {
        height: 35px;
    }
} 

/* RES Nav */
@media only screen and (min-width: 970px) {

    .res-nav .nav-link {
        font-size: 13px;
        letter-spacing: 0.08em;
        padding: 0.7rem 2.3rem !important;
        white-space: nowrap;
    }

    .res-nav .navbar-expand-md .navbar-nav .nav-link {
        padding-right: clamp(15px, 2.4vw, 45px);
        padding-left: clamp(15px, 2.4vw, 45px);
    }

}


/* Hover */
.res-nav-section li a:hover{
	color: #000;
}

/* active Nav */
	li.active > a.nav-link,
	.res-header li.current-page-ancestor .current-page-ancestor a,
	#burger-menu-nav li.current-page-ancestor .current-page-ancestor a,
	#burger-menu-nav li.current-page-ancestor > a.nav-link,
	.res-navtab .tabs .nav-link.active,
	.res-navtab .tab-links .nav-single-tab.active .nav-link,
	#res-menu-mobile .current-page-ancestor > a, 
	#res-menu-mobile .current-page-ancestor .dropdown-submenu.active > a, 
	#res-menu-mobile .dropdown-submenu.active > a {
		color: #000;
}
/* active Nav in dropdownn */
li.active .current-menu-item > a.dropdown-item {
    color: #eee;
	font-weight: 700;
}

.res-nav .dropdown a {
	display: flex;
	align-items: center;
}

/*  Fixnav */
.res-fixnav.show .logo {
	padding-top: 15px;
	padding-bottom: 17px;
}
.res-fixnav.show .logo img {
    width: clamp(90px, 7vw, 350px);
    height: auto;
}
/* Fixnav Desktop */
@media only screen and (min-width: 970px) {
	.res-fixnav.show { 
		background: rgba(255,255,255, 1.0);
	}
    .res-fixnav.show .res-nav li a {
        font-size: 14px;
    }
	.res-fix-nav-in-viewport:not(.page-on-top) .res-fixnav {
		box-shadow: 3px 8px 10px rgba(200, 200, 200, 0.3);
	}
}
/* Fixnav Mobile */
@media only screen and (max-width: 970px) {
	
	.res-fix-nav-in-viewport:not(.page-on-top) .res-fixnav {
		background: transparent;
		box-shadow: 3px 8px 10px rgba(200, 200, 200, 0.3);
	}
	.res-fix-nav-in-viewport:not(.page-on-top) .res-fixnav .res-mobile-bar {
		background-color: #fff;	
	}
} 



/* Buttons */
.btn {
	padding: 0.33rem 2.4rem;
	border-radius: 40px;
	font-weight: 600;
}

.btn-primary {
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
    color: #000;
    padding: 0px 20px 0px 0;
    background-color: transparent;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
	    z-index: 1;
}
.btn-primary::before {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    background: #4DAD32;
    color: #ffffff;
    position: relative;
    padding: 10px;
    border-radius: 50%;
    margin-right: 15px;
    transition: content 0.3s ease -in-out;
    height: 40px;
    width: 40px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    font-size: 176%;
    font-weight: 300;
}
.btn-primary:hover::before {
    content: "\f105";
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.btn-primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Startposition des Hintergrunds */
    width: 100%;
    height: 100%;
    background: #4DAD32;
    transition: left 0.4s ease-in-out;
    z-index: -1;
}

.btn-primary:hover::after {
    left: 0; /* Hintergrund fährt von links nach rechts */
}

.btn-primary:link {
}
.btn-primary:visited {
}
.btn-primary:hover {
	background-color: transparent;
    border-color: transparent;
	opacity: 1;
}
.btn-primary:active {
}
.btn-primary:focus {
}

.btn-secondary{
	border: 1px solid #000;
	background-color: transparent;
	color: #333;
}
.btn-outline{

}
.btn-text-link {
	padding: 0;
	border-radius: 0;
	font-weight: 400;
	border-bottom: 1px solid #000;
}
.btn-arrow {
	position: relative;
	padding: 0;
	margin: 0;
	border-radius: 0;
	font-weight: 400;
	transition: all .3s ease-in-out;
}

.btn-arrow:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: 0;
    margin-left: 8px;
    font-weight: 300;
    font-size: 160%;
    line-height: 100%;
    text-decoration: none;
    transition: all .3s ease-in-out;
    color: #4DAD32;
}

.btn-sm {
	font-size: 80%;
} 





.postContent a[href$=".pdf"] {
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
    color: #000;
    padding: 0px 20px 0px 0;
    background-color: transparent;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 14px;
    display: inline-flex
;
    align-items: center;
    z-index: 1;
    border-bottom: 0 !important;
    border-radius: 40px;
}
.postContent a[href$=".pdf"]::before {
    content: "\f33d";
    font-family: "Font Awesome 6 Pro";
    background: #4DAD32;
    color: #ffffff;
    position: relative;
    padding: 10px;
    border-radius: 50%;
    margin-right: 15px;
    transition: content 0.3s ease -in-out;
    height: 40px;
    width: 40px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    font-size: 150%;
    font-weight: 300;
}
.postContent a[href$=".pdf"]:hover::before {
    content: "\f105";
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.postContent a[href$=".pdf"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Startposition des Hintergrunds */
    width: 100%;
    height: 100%;
    background: #4DAD32;
    transition: left 0.4s ease-in-out;
    z-index: -1;
}

.postContent a[href$=".pdf"]:hover::after {
    left: 0; /* Hintergrund fährt von links nach rechts */
}

.postContent a[href$=".pdf"]:hover {
    background-color: transparent;
    border-color: transparent;
    opacity: 1;
    color: #ffffff;
}


/* Btns Mobile  */
@media only screen and (max-width: 970px) {
	.btn {font-size: 90%;}
	.btn-sm {font-size: 75%;} 
}	


/* Footer */

.res-footer {
    border-top: 0px solid #eee;
    background-color: #2B2B2B;
    color: #ffffff;
    padding-top: 5vw;
    font-size: 16px;
    line-height: 150%;
}
.res-footer a {
	color: #ffffff;
}

.res-widget-footer .footer-tile {
	padding-bottom: 15px;
}
.footer-social-box a {
	background: transparent;
	border-radius: 100%;
}
.res-widget-footer.footer-social-icon .fa-res-icon svg {
	fill: #fff;
	height: clamp(20px,1.0vw,80px);
} 
.res-widget-footer.footer-social-icon span.fa-res-icon, .res-widget-footer.footer-social-icon span.fa-res-i {
    width: auto;
    height: auto;
    color: #fff;
    margin-right: 10px;
}

.res-footer .wp-block-spacer {
    height: 8.06rem !important;
}

.res-footer .res-widget-footer {
    z-index: 1;
    position: relative;
}


/* Blog Container */

@media only screen and (min-width: 1400px) { 
	.res-blog .container {
/*		max-width: 1440px;*/
	}
}


/* Headline grosse Title  */

.headline-title h1  {
	font-size: clamp(240%, 4.2vw, 400%);
	line-height: 110%;
}
.headline-title h2 {
    font-size: clamp(240%, 3.3vw, 335%);
    line-height: 110%;
}
.headline-title h3  {
	font-size: clamp(240%, 3.3vw, 280%);
	line-height: 110%;
}
.res-boxes .headline-title h2,
.res-boxes .headline-title h3,
.res-slider-content .headline-title h2,
.res-slider-content .headline-title h3 {
	font-size: clamp(140%, 2.4vw, 330%);
	line-height: 110%;
}




/* Formular UI  */

.forminator-ui .forminator-required {
	color: #eee;
	opacity: 0.4;
}
.forminator-ui .forminator-label {
    font-size: 90%;
    font-family: inherit;
    font-weight: 300;
	padding-bottom: 0.5rem;
}

.forminator-ui .forminator-checkbox, 
.forminator-ui .forminator-checkbox__label, 
.forminator-ui .forminator-checkbox__label p {
    font-size: 90%;
    font-family: inherit;
    font-weight: 300;
}
/* forminator error-message font */
.forminator-ui.forminator-design--flat span.forminator-error-message {
    color: #000 !important;
	font-weight: 400 !important;
}
/* forminator Button */
.forminator-ui .forminator-button-submit {
	border-radius: 40px !important;
	padding: 0.4rem 2.4rem !important;
	font-size: 90% !important;
	font-weight: 300 !important;
}

/* Oversize 4k Monitor */
@media only screen and (min-width: 1980px) {
	.container,
	.res-blog .container {
		width: 85%;
    	max-width: 1880px;
	}
}



/*************************************************************************/
/*   Custom-CSS  */

.marker{
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #2b52b9;
	color: #2b52b9;
}
.style-standard{
/*	border: 1px solid #1863dc;*/
}

.style-01 {
}

.res-header .nav-link[target="_blank"]::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    margin-left: 13px;
    position: absolute;
    transform: rotate(-45deg);
    font-size: 19px;
}

.res-header a.nav-link {
    color: #939393;
}

.burger-lines {
    background: #939393;
    height: 2px;
    width: 30px;
}

.burger-lines:before, .burger-lines:after {
    background: #939393 none repeat scroll 0 0;
    width: 40px;
    height: 2px;
}

.home .burger-lines, .home.page-header-fixiert .burger-lines {
  background: #fff !important;
}

.home .burger-lines:before, .home .burger-lines:after, .home .page-header-fixiert .burger-lines:before, .home .page-header-fixiert .burger-lines:after {
    background: #fff none repeat scroll 0 0 !important;
}

.home.res-fix-nav-in-viewport .burger-lines {
    background: #939393 !important;
}



.burger-lines:before {
    top: 10px;
}

.burger-lines:after {
    top: -10px;
}

@media only screen and (min-width: 970px) {
	.res-head .res-nav, .overlayer-burgermenu .res-nav {
    margin-right: 10%;
}
} 
.home .burger-lines-button {
    right: 5%;
    top: 40px;
}

.toptitle {
    font-size: clamp(14px, 1.3vw, 18px);
    color: #4DAD32;
    letter-spacing: 0.04em;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
	text-transform: uppercase;
}

.res-txt .toptitle {
}

.res-txt.style-02 .txt-title-field h3 {
    color: #4DAD32;
}
.res-txt.style-02 .toptitle {
    color: #000000;
}

.res-txt.style-02 .txt-title-field h1 {
    color: #4DAD32;
}
.res-txt.style-02 .toptitle {
    color: #000000;
}



.var-2spalten.postContent {
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 120%;
}


.res-txt.style-01 .txt-title-field h3 {
    color: #4DAD32;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}


.res-section-scrolling .background-container {
    position: sticky;
    top: 0;

}
.res-section-scrolling .background-container-inner {
    background-image: url(img/KUB_Muster_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50vw;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 80vh;
    background-position-y: top;
}

.res-section-scrolling.Brand-Color {
    position: relative;

}
.res-section-scrolling.Brand-Color:after {
    content: "";
    position: absolute;
    top: 1%;
    right: -28%;
    height: 31%;
    width: 55%;
}


.res-footer .res-footer-copyright {
	background: #212121;
}

.footer-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #4DAD32;
}

.footer-links .nav-link {
    padding: 0;
    font-size: 16px;
    line-height: 150%;
}
#footer-fade {
    position: relative;
}
.res-footer:after {
    content: "";
    position: absolute;
    top: 1%;
    right: -28%;
    background-image: url(img/KUB_Muster_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 70%;
    width: 66%;
    filter: saturate(0);
    opacity: 0.4;
}


@media only screen and (min-width: 970px) {
		.res-footer .footer-zertifikate {
    display: flex;    
	align-items: center;
}
} 

.res-footer .footer-zertifikate h4 {
	font-size: clamp(14px,1.0vw,16px);
    text-transform: uppercase;
    text-wrap-mode: nowrap;
    letter-spacing: 0.08em;
    margin-right: 3vw;
    font-weight: 300;
}

@media only screen and (min-width: 970px) {
	.footer-zertifikat img {
    height: clamp(30px,5.0vh,45px);
    width: auto;
    margin-right:  clamp(15px,1.5vw,30px);
}
} 

.res-footer .copyright-col2 {
    opacity: .8;
    display: flex;
    align-items: end;
}

.footer-zertifikat img:hover {
}

.res-footer .swiss-made {
/*    margin: 0 7% 0 0%;*/
    align-content: center;
}
.res-footer-copyright {
    opacity: 1;
}
.res-footer-links-services .footer-links .nav-item:nth-child(5) {
    margin-top: 15px;
}

.res-btn.style-01 .btn-arrow {
    display: block;
    text-align: left;
    border-bottom: 1px solid #012B27;
    padding: 30px 0px;
    font-size: clamp(17px, 1.3vw, 21px);
    font-weight: 700;
	margin-right: 0;
}
.res-text-bild.style-01 .postBox-content {
    background: #012B27;
    color: #ffffff;
    height: 100%;
    align-content: center;
    padding: 15px 30px 75px 30px;
    display: flex;
    flex-direction: column;
	z-index: 0;
}

.res-text-bild.style-01.layout01 .toptitle {
    font-size: clamp(16px, 1.9vw, 20px);
    color: #ffffff;
    letter-spacing: 0.04em;
    font-weight: 600;
    display: block;
    margin-bottom: auto;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 0px;
}

.res-text-bild.style-01 .txt-text.postContent {
    margin-bottom: auto;
}
.res-text-bild.style-01 .txt-text.postContent .btn-arrow {
    color: #fff;
    text-align: right;
    opacity: 1;
}
.res-text-bild.style-01  .btn-primary {
    color: #ffffff;
}

.res-text-bild.style-01 .btn-arrow:after, .res-text-bild.style-02 .btn-arrow:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    right: auto;
    margin-left: 30px;
    font-weight: 300;
    font-size: 240%;
    line-height: 100%;
    text-decoration: none;
    transition: all .3s ease-in-out;
    color: #ffffff;
}

.res-text-bild.style-01 h3 {
    color: #4DAD32;
    font-weight: 600;
}

.res-text-bild.style-01 .btn-arrow, .res-text-bild.style-02 .btn-arrow {
    position: absolute;
    bottom: 40px;
    right: 40px;
    display: flex
;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.08em;
	    transition: all .3s ease-in-out;
}

.res-text-bild.style-01  .btn-arrow:hover:after, .res-text-bild.style-02 .btn-arrow:hover:after {
    color: #4DAD32;
	transform: translateX(-10px);
	    transition: all .3s ease-in-out;
}
.res-text-bild.style-01  .btn-arrow:hover, .res-text-bild.style-02 .btn-arrow:hover {
    transform: translateX(10px);
	    transition: all .3s ease-in-out;
}

.res-boxes.style-01 .box-img img {
    max-width: 90px;
}
.res-boxes.style-01 {
    z-index: 0;
    position: relative;
}

.res-boxes.style-01 h3 {
    font-weight: 600;
}
.box-item h4 {
    font-weight: 600;
}


.res-boxes .postBox, .res-slider-content .postBox{
	display: flex;
    flex-direction: column;
    height: 100%;
}
.res-boxes .postContent, .res-slider-content .postContent{
	display: flex;
    flex-direction: column;
    height: 100%;
}
.res-boxes .postContent .vorschau-text, .res-slider-content .postContent .vorschau-text{
	margin-bottom: 1rem;
}
.res-boxes .postContent .btn, .res-boxes .postContent i, .res-slider-content .postContent .btn,.res-slider-content .postContent i{
    margin-top: auto !important;
	max-width: fit-content;
}
.res-boxes .postImg, .res-slider-content .postImg {
    overflow: visible!important;
}

@media only screen and (min-width: 970px) {
	  .res-boxes.style-02 .row-cols-md-3 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

.res-boxes.style-02 .row-cols-md-3 .box-item.boxlayout02:first-child  {
    flex: 0 0 100%;
    max-width: 100%;
}
} 

.res-boxes.style-02 .btn-arrow {
    position: absolute;
    bottom: 40px;
    right: 40px;
    display: flex
;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.08em;
	color: #ffffff;
}
.res-boxes.style-02 .btn-arrow:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    position: relative;
    right: auto;
    margin-left: 30px;
    font-weight: 300;
    font-size: 240%;
    line-height: 100%;
    text-decoration: none;
    transition: all .3s ease-in-out;
    color: #ffffff;
}

.res-boxes.style-02 .boxlayout02 .box-content {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 30px;
}

.res-boxes.style-02 h3 {
    font-size: clamp(22px, 2.5vw, 48px);
}

.res-boxes.style-02 .boxlayout02 .toptitle {
    font-size: clamp(14px, 1.9vw, 18px);
    color: #ffffff;
    letter-spacing: 0.04em;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.res-text-bild.style-02.layout01 h1, .res-text-bild.style-02.layout01 h2, .res-text-bild.style-02.layout01 h3 {
	color: #4DAD32;
}
.res-text-bild.style-02.layout01 h3 {
    font-weight: 600;
}


.res-text-bild .layout-3 .txt-image50-50 {
        min-height: 100%;
    }

.res-text-bild .layout-3 .txt-image50-50 img {
        min-height: 100%;
        object-fit: cover;
    }
.res-text-bild .layout-3 .txt-text {
	background: #66BE5A;
	color: #fff;
  }

.res-text-bild .layout-3 .txt-content50-50 {
    min-height: 50%;
}
.res-text-bild .layout-3 .txt-text {
    min-height: 50%;
}

.res-text-bild .layout-3 .txt-text .postContent {
    max-width: 700px;
}
.res-text-bild .layout-3 .txt-content50-50 .postContent-top {
    max-width: 700px;
}


.res-slider-content .postContent .btn-sm.btn-text-link, .res-boxes .postContent .btn-sm.btn-text-link {
    padding: 0;
}


body.openBurgerMenu #burgermenu-section {
    background: #012B27;
}

#burgermenu-section .res-header a.nav-link {
    color: #BABABA;
}

body#burgermenu-section {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.overlayer-burgermenu .burgermenu-main-navigation li.active a.nav-link {
    font-weight: 700 !important;
    transition: all .3s ease-in-out;
    opacity: 1;
    font-size: 155%;
    color: #4DAD32;
}
.burgermenu-main-navigation {
    height: 75vh;
    align-content: center;
}

.overlayer-burgermenu .burgermenu-main-navigation li.active a.nav-link::before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-right: 18px;
    position: relative;
}
.overlayer-burgermenu .burgermenu-main-navigation li ul li a::before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-right: 18px;
    position: relative;
}
.overlayer-burgermenu ul .dropdown-toggle::after, .overlayer-burgermenu .dropdown-submenu > .dropdown-item::after {
	display: none;
}
@media only screen and (min-width: 970px) {
    .burgermenu-nav-section li:not(.megamenu) ul.dropdown-menu {
        right: auto;
        left: 45% !important;
        top: 0 !important;
        transform: none !important;
        background: none;
        box-shadow: none;
        position: absolute;
    }
} 

.burgermenu-nav-section li.active ul.dropdown-menu {
    display: block;
}
.res-search-header-icon i {
    margin-left: 10px;
    font-size: 15px;
}

#burgermenu-section .logo img {
    width: 50px;
    height: auto;
}

	.overlayer-burgermenu .overlayer-elements .navbar-nav li {
    max-width: 800px;
}
	.overlayer-burgermenu .overlayer-elements .navbar-nav li.dropdown {
    max-width: 40%;
}

@media only screen and (max-width: 1440px) {
			.overlayer-burgermenu .overlayer-elements .navbar-nav li {
    max-width: 600px;
}
}

@media only screen and (max-width: 1290px) {
		.overlayer-burgermenu .overlayer-elements .navbar-nav li {
    max-width: 500px;
}
}

@media only screen and (min-width: 970px) {
	.overlayer-burgermenu .overlayer-elements .navbar-nav li {
    width: 100%;
    overflow: hidden;
}
.overlayer-burgermenu .container {
    max-width: 1150px;
}
} 
.overlayer-burgermenu .dropdown-item:hover {
    transition: transform 0.2s ease-in-out;
    transform: translateX(3px);
    opacity: 1;
    color: #fff !important;
}

.burgermenu-nav-section .dropdown > .dropdown-menu a.dropdown-item {
    font-weight: 600;
    color: #BABABA;
    display: block;
    transition: transform 0.2s ease-in-out;
}

.burgermenu-nav-section li.active .current-menu-item > a.dropdown-item {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.burger-lines:before, .burger-lines:after {
    margin-right: 5px;
}

.modal#search-overlayer {
    opacity: 1;
    background: #012B27;
}

#search-overlayer .modal-dialog {
    margin-top: 0;
    max-width: 93%;
    padding: 0 15px 0 15px;
}
#search-overlayer .modal-header {
    padding: 0;
}

#search-overlayer .modal-header .close {
    padding: 0px;
    top: 40px;
    position: absolute;
    right: 0;
	    opacity: 1;
}

#search-overlayer .form-control {
    padding: .4rem 1rem;
    font-size: 90%;
    font-weight: 400;
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}

#search-overlayer .x-close:before {
    border-left: 2px solid #fff;
}
#search-overlayer .x-close:after {
    border-left: 2px solid #fff;
}


#search-overlayer .form-control {
    padding: .4rem 1rem;
    font-size: 170%;
    font-weight: 100;
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}

#search-overlayer .modal-body {
    margin-top: 30vh;
}
#search-overlayer .modal-content label {
    width: 80%;
    max-width: 1050px;
    margin: 0;
    padding: 0;
	position: relative;
}
#search-overlayer .modal-content label::after {
    content: "\f002";
    font-family: "Font Awesome 6 Pro";
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 210%;
    font-weight: 100;
}

#search-overlayer:after {
    content: "";
    position: absolute;
    top: 17vh;
    right: 0;
    background-image: url(img/KUB_Muster_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 70%;
    opacity: 0.2;
    width: 60%;
    z-index: -1;
}

.burger-lines-button {
    right: 5%;
    top: 16px;
}

.res-text-bild.alignfull.style-03 .container-fluid {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.res-text-bild.alignfull.style-03 .container-fluid .postBox-content {
    max-width: 640px;
    width: 85%;
}
.res-text-bild.alignfull.style-03 .container-fluid .flex-row-reverse .postBox-content {
    margin-left: 8%;
	align-self: self-start;
}

.res-text-bild.alignfull.style-03 .container-fluid .postBox-content {
    align-self: self-end;
    margin-right: 8%;
}

 .res-text-bild.alignfull.style-03 .container-fluid .txt-box, .res-text-bild.alignfull.style-03 .container-fluid .txt-imagebox {
    padding-right: 0;
    padding-left: 0;
}

.res-text-bild.alignfull.layout02 .container-fluid {
    max-width: 100%;
	    padding-left: 0;
    padding-right: 0;
}

.res-text-bild.alignfull.layout02 .container-fluid .txt-box {
    max-width: 660px;
    margin-left: 10%;
}

.res-text-bild.alignfull.layout02.style-02 .container-fluid h1 {
    font-size: clamp(31px, 3.3vw, 60px);
    color: #4DAD32;
}
.res-text-bild.alignfull.layout02.style-02 .container-fluid .toptitle {
    color: #000;
}

.res-text-bild.alignfull.layout02.style-02 img.jarallax-img {
    opacity: 0.6;
}
.res-text-bild.alignfull.layout02.style-02 .img-parallax-background {
    background: #000;
}

.wp-block-columns.alignfull .container-fluid {
    max-width: 100%;
}

.wp-block-columns.alignfull {
    justify-content: center;
}

.res-icons-text.style-01 .postContent { 
    font-size: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.res-icons-text.style-01 .row {
    align-items: center;
}

.res-collapse .collapsed .title-collapse {
    color: #000000;
    font-weight: 600;
}
.res-collapse .title-collapse {
    color: #4DAD32;
    font-weight: 600;
}

.res-collapse .collapse-icon {
    color: #2B2B2B;
    font-size: 150%;
    line-height: 150%;
}
.res-collapse .card-body {
    padding: 1.25rem 1.25rem 1.25rem 0rem;
}

.res-collapse.style-01 .card-body {
    padding: 0;
}

.res-collapse .card:first-child .card-header {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.res-collapse.style-01 .card-header {
    padding: 1.2rem 0rem 1.2rem 0rem;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}



.res-boxes.style-02 h4 {
    font-size: 18px;
}

.Brand-Color .btn {
    color: #ffffff;
}

.res-content .postContent li:before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    margin-left: -25px;
    text-decoration: inherit;
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
	color: #4DAD32;
}


.res-text-bild .image-wrapper figcaption {
    transform: translateY(-100%);
    background: transparent;
    color: #fff;
    padding: 5px 35px;
    margin-top: 0 !important;
}

.team-first-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.team-first-row  .toptitle {
    font-size: clamp(16px, 1.9vw, 16px);
}

.team-first-row .team-social-icon-link {
    margin-left: 5px;
}

.teamBox h4 {
    font-size: clamp(19px, 1.5vw, 28px);
    font-weight: 600;
}

.res-boxes .teamContent .team-infos .team-contact-icon-link span.contact-text {
    display: block;
}
.res-boxes .teamContent .team-infos .team-contact-icon-link i {
    display: none;
}
.res-boxes .team-infos {
    font-size: 18px;
}

.res-boxes .teamContent.box-no-paddding {
    padding-top: 5px;
}

.timeline-counter:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    right: 0;
    margin: 0 auto;
    height: 24px;
    width: 24px;
    border-radius: 0;
    background-color: #4dad32;
}
.timeline-start, .timeline-end {
    display: none;
}
.timeline-container.position-relative.py-3 {
	padding: 0 !important;
}

.res-timeline .timeline-jahreszahl {
    font-size: clamp(21px, 1.8vw, 34px);
    line-height: 100%;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 15px;
}


.res-timeline .highlight .timeline-counter:after {
    background-color: #000000;
}


@media only screen and (min-width: 970px) {
	.timeline.boxlayout02 .layout-timeline.row .timeline-counter {
    top: 0%;
}
	    .timeline .layout-timeline.row:nth-child(odd) .timeline-postContent {
        margin-right: 10%;
        text-align: right;
    }
	    .timeline.boxlayout02 .layout-timeline.row:nth-child(even) .timeline-postContent {
        margin-left: 10%;
        text-align: left;
    }
	
    .timeline .layout-timeline.row .timeline-postContent {
        padding-bottom: 30px;
        min-height: 200px;
    }
	
		    .timeline .layout-timeline.row:last-child .timeline-postContent {
				min-height: auto;
				padding-bottom: 0;
    }
} 

.res-blog .blog-box h3 {
    font-size: 155%;
    font-weight: 600;
    padding: 10px 0px 0px 0px;
}
.res-blog .blog-vorschau-txt {
    display: block;
    font-size: 100%;
    line-height: 140%;
    margin-right: 8px;
}

.res-blog h1.blog-category-title {
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.res-blog a:hover {
    opacity: 1;
}

.post-category {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}


.res-blog h2 {
    font-size: clamp(28px, 3.3vw, 60px);
    max-width: 540px;
}


.res-boxes .box-overlayer {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s ease-in-out;
    color: #fff;
    height: 100%;
    width: 100%;
}

.res-boxes .boxlayout02 .vorschau-text {
	font-size: 85%;
	line-height: 160%;
	margin-bottom: 10px;
}

.random-posts-section .box-item.boxlayout02 .box-overlayer {
    background: rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 970px) {
	.res-boxes.style-02 .random-posts-section.row-cols-md-3 .box-item.boxlayout02:first-child {
    flex: 0 0 50%;
    max-width: 50%;
}
} 

.res-boxes.style-02 .random-posts-section.row {
        margin-right: -10px;
        margin-left: -10px;
    }
.res-boxes.style-02 .random-posts-section .box-item {
        padding-right: 10px;
        padding-left: 10px;
    }

.res-singlepage .res-boxes.style-02 h4 {
    font-size: 34px;
	font-weight: 600;
	margin-bottom: 10px;
}

   .res-singlepage .alignwide {
        margin-left: -150px;
        margin-right: -150px;
    }

.res-content .footer-title {
    display: none;
}

.res-content .res-page-content .forminator-ui .forminator-button-submit {
    border-radius: 0px !important;
    padding: 0.8rem 1.4rem !important;
    font-size: 90% !important;
    font-weight: 600 !important;
    text-align: left !important;
    min-width: 250px !important;
    background: transparent !important;
    color: #000 !important;
    letter-spacing: 0.05em;
    border: 1px solid #4b4b4b;
    box-shadow: none !important;
}

.res-content .res-page-content .forminator-ui .forminator-button-submit:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: 1.4rem;
    margin-left: 8px;
    font-weight: 300;
    font-size: 140%;
    line-height: 100%;
    text-decoration: none;
    transition: all .3s ease-in-out;
    color: #000;
}

.forminator-ui#forminator-module-1262.forminator-design--default .forminator-label {
    font-size: 18px;
    font-family: inherit;
    font-weight: 300;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
    padding: 15px;
}

.res-collapse.style-standard.layout01 h5.card-title {
    font-size: clamp(19px, 1.9vw, 28px);
    font-weight: 600;
}

.res-collapse.style-standard.layout01 .card-body {
    padding: 0;
}

.res-text-bild figure {
    margin: 0;
}

.res-boxes.style-02 .btn-arrow:hover {
    transform: translateX(10px);
    transition: all .3s ease-in-out;
}
.res-boxes.style-02 .btn-arrow:hover:after {
    color: #4DAD32;
    transform: translateX(-10px);
    transition: all .3s ease-in-out;
}

body.single .res-single-scroll-bar-progress {
    height: 4px;
    background: #4DAD32;
}

.res-google-maps.alignfull .container-fluid {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.section_content h3 {
    padding-bottom: 0 !important;
}

.res-text-bild.style-standard.layout01 h3 {
    font-weight: 600;
}
.pt-5, .py-5 {
    padding-top: 15rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 15rem !important;
}
.pt-4, .py-4 {
    padding-top: 8.5rem !important;
}
.pb-4, .py-4 {
    padding-bottom: 8.5rem !important;
}
.pb-3, .py-3 {
    padding-bottom: 4.25rem !important;
}
.pt-3, .py-3 {
    padding-top: 4.25rem !important;
}
/*
.res-fix-nav-in-viewport #burgermenuX-btn {
    top: 10px !important;
}
*/

.res-header-image.alignwide, .res-header-video.alignwide {
    margin-left: calc(-90vw / 2 + 100% / 2);
    margin-right: calc(-90vw / 2 + 100% / 2);
    max-width: calc(90vw - var(--scrollbarWidth));
}

.res-fix-nav-in-viewport .burger-lines {
    background: #939393;
}
.res-fix-nav-in-viewport .burger-lines:before, .res-fix-nav-in-viewport .burger-lines:after {
    background: #939393 none repeat scroll 0 0;
}

.res-text-bild .layout-3 .postContent {
    font-size: clamp(16px, 1.4vw, 20px);
}

.sidebar {
    z-index: 15;
    bottom: 10%;
    padding-left: 3px;
}


@media only screen and (min-width: 970px) {
	.home.res-fix-nav-in-viewport .burger-lines:before, .home.res-fix-nav-in-viewport .burger-lines:after {
    background: #939393 none repeat scroll 0 0 !important;
}
} 

@media only screen and (min-width: 1100px) {
	.scroll-top-section {
    background-color: transparent !important;
    transform: translateY(0%);
    z-index: 99999999;
    position: absolute;
}
}

.res-text-bild.alignfull.layout01 .container-fluid {
    max-width: 100%;
    padding: 0;
}

 .res-text-bild .teaser-img-center-height .postBox-content {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* 1440px */
@media only screen and (max-width: 1440px) {
	.res-btn.style-01 .btn-arrow {
    padding: 20px 0px;
}
} 

@media only screen and (max-width: 1290px) {
	.res-footer.mt-5 {
    margin-top: 6.1rem !important;
}
	.footer-links .nav-link, .res-footer, .res-footer .footer-zertifikate h4 {
    font-size: 14px;
}
	.res-footer .swiss-made {
        margin-right: auto;
}
	.footer-title {
    font-size: 16px;
}
	.overlayer-burgermenu .container {
    max-width: 80%;
}
		.res-footer.mt-5 {
padding-top: 3vw; 
}
	.res-footer .wp-block-spacer {
    height: 6.06rem !important;
}  
	    .res-btn.style-01 .btn-arrow {
        padding: 20px 30px 20px 0px;
    }
	

}

@media screen and (max-width: 1100px) and (min-width: 970px) {
	
	    .container {
        max-width: 90%;
    }
		.res-icons-text.style-01 .col-3.icons-txt-img.pb-2.col-md-2 {
		padding: 0;
	}
	.res-icons-text.style-01 .postContent {
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
}

@media only screen and (max-width: 1100px) {
	
	.res-text-bild.alignfull.style-03 .container-fluid .postBox-content {
    margin-right: 3%;
}
		
	.burger-lines-button {
    top: 10px;
}
	
	.res-content-topspace {
    padding-top: 70px;
}
	
	.res-header .nav-link[target="_blank"]::after {
    margin-left: 8px;
}
	.wp-block-columns.alignfull .container-fluid {
    max-width: 85%;
}
	    .container-fluid {
        max-width: 91%;
    }
	.wp-block-columns.alignfull .container-fluid .inner-container.container-off {
    max-width: 100%;
    margin: 0 auto;
}
	
.pt-5, .py-5 {
    padding-top: 10rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 10rem !important;
}
.pt-4, .py-4 {
    padding-top: 6.5rem !important;
}
.pb-4, .py-4 {
    padding-bottom: 6.5rem !important;
}
	.res-text-bild.style-01 .toptitle {
    font-size: 13px;

} 
	.res-text-bild.style-01 .btn-arrow, .res-text-bild.style-02 .btn-arrow {
    bottom: 20px;
    right: 30px;
    font-size: 12px;
    letter-spacing: 0.08em;
}
	.btn-primary {
    font-size: 12px;

}
	.content50-50-padding {
    padding: 3rem;
}
	.res-text-bild.style-01 .postBox-content {
		font-size: 14px;
		line-height: 150%;
}
	.res-text-bild.style-01 .toptitle {
    padding-top: 10px;
}
	    .res-nav .nav-link {
        font-size: 12px !important;
    }
	.burgermenu-main-navigation {
    height: 65vh;
}
	.overlayer-burgermenu .overlayer-elements .navbar-nav li a.nav-link {
    font-size: 125%;
    line-height: 160%;
    padding: 10px 0;

}
	.dropdown-item {
    font-size: 100%;
}
	.team-first-row .toptitle {
    font-size: clamp(13px, 1.4vw, 16px);
}
	.res-boxes .team-infos {
    font-size: 16px;
}
}

@media only screen and (max-width: 970px) {
	
	.res-text-bild.style-01 .btn-arrow, .res-text-bild.style-02 .btn-arrow {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
}
	.res-text-bild.style-01 .btn-arrow:after, .res-text-bild.style-02 .btn-arrow:after {
    font-size: 200%;
}
	.res-text-bild.style-02 .btn-arrow {
        bottom: auto;
        right: auto;
        font-size: 12px;
        letter-spacing: 0.08em;
        position: relative;
        left: auto;
    }
	
	    .res-text-bild.style-standard.layout01 .teaser-img-center-height .postBox-content {
        max-width: 85%;
        margin: auto;
    }
	    .res-text-bild.style-02.layout02 .txt-para-box {
        margin-bottom: 30px;
    }
	
	.res-text-bild.alignfull.style-03 .container-fluid .flex-row-reverse .postBox-content {
    margin-left: 10%;
}
	.res-text-bild.alignfull.style-03 .container-fluid .postBox-content {
    margin-right: 5%;
}
	.res-section-scrolling.fixed {
    background-position: 60% 50%;
    background-size: 140vw;
}
	.var-2spalten.postContent {
    font-size: clamp(17px, 1.4vw, 20px);
    line-height: 150%;
}
	
	    .res-header-video .sloganBox a.btn {
        font-size: 80%;
    }
	
	    .timeline .layout-timeline.row .timeline-counter {
        left: 0px;
        min-width: 30px;
        min-height: 30px;
        font-size: 100%;
        background: none;
    }
    .burgermenu-nav-section li:not(.megamenu) ul.dropdown-menu {
        background: #012b27;
        position: relative !important;
        transform: none !important;
        padding-top: 0;
    }
	.burgermenu-nav-section .dropdown > .dropdown-menu a.dropdown-item {
    padding: 0.5rem 0.25rem 0.5rem 0rem;
    padding-left: 0;
    font-weight: 300;
    color: #fff;
}
	.overlayer-burgermenu .burgermenu-main-navigation li ul li a::before {
		display: none;
}
    .burgermenu-main-navigation {
        height: auto;
        padding-top: 28%;
    }
	    .home.res-fix-nav-in-viewport .res-header {
        background: transparent;
    }
	.res-header {
    top: 0px !important;
    position: fixed;
	background: #fff;
}
	#burgermenuX-btn {
    top: 10px !important;
}
	    .overlayer-burgermenu .container {
        max-width: 100%;
    }
	
	.timeline-counter:after {
    transform: none;
}
	
	
	#res-burgermenu-mobile .nav-link[target="_blank"]::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    margin-left: 10px;
    position: absolute;
    transform: rotate(-45deg);
    font-size: 19px;
}
	
	#res-burgermenu-mobile .sub-navigation a {
    font-size: 13px;
    font-weight: 100;
    line-height: 160%;
    padding: 10px 0;
    color: #BABABA;
}
	
	#res-burgermenu-mobile li.sub-navigation.first {
		padding-top: 30px;
}
	
.home:not(.page-on-top) .burger-lines {
  background: #333 !important;
}	
.home.page-on-top .burger-lines {
  background: #fff !important;
}
	
	.home:not(.page-on-top) .burger-lines:before, .home:not(.page-on-top) .burger-lines:after {
		background: #333 !important;
	}

	
	.burger-lines-button.x.closebutton .burger-lines {
    background: transparent none repeat scroll 0 0 !important;
}
	
	.burger-lines-button.x.closebutton .burger-lines:before, .burger-lines-button.x.closebutton .burger-lines:after {
    background-color: #fff !important;
}
	
	li.active > a.nav-link, .res-header li.current-page-ancestor .current-page-ancestor a, #burger-menu-nav li.current-page-ancestor .current-page-ancestor a, #burger-menu-nav li.current-page-ancestor > a.nav-link, .res-navtab .tabs .nav-link.active, .res-navtab .tab-links .nav-single-tab.active .nav-link, #res-menu-mobile .current-page-ancestor > a, #res-menu-mobile .current-page-ancestor .dropdown-submenu.active > a, #res-menu-mobile .dropdown-submenu.active > a {
    color: #4DAD32;
}
.res-boxes.style-02 .box-overlayer-img {
    width: 100%;
    height: 100%;
    display: flex;
	aspect-ratio: 1 / 1;
	
}

.res-boxes.style-02 .box-overlayer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
	
	    .footer-title {
        font-size: 18px;
    }
	
	    .res-footer-copyright .copyright-col2 span {
        padding: 0 10px 0 10px;
        display: inline-block;
    }
	
	    .res-footer-copyright .copyright-col2 span.impress {
        padding: 0 10px 0 0px;
    }
	
	    .res-footer .wp-block-spacer {
        height: 3.06rem !important;
    }
	.res-boxes.style-02 .btn-arrow {
    bottom: 20px;
    right: 20px;
    font-size: 13px;
    letter-spacing: 0.08em;
}
	
/*
	    .res-nav .logo-mobile {
        display: block;
        position: relative;
        width: 60%;
        padding: 15px 0 15px 8%;
    }
*/
	    .res-nav .logo-mobile {
        display: block;
        position: relative;
        width: 60%;
        padding: 20px 0 15px 20px;
    }
	
	.collapse-row.d-flex {
    display: block !important;
}
	
	
	   .collapse-contents .alignfull {
		margin-left: 0;
    	margin-right: 0;
        max-width: calc(100vw) !important;
    }
	
	.collapse-contents {
    background: #EDEDED;
    margin-top: 40px;
    position: relative;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
}
	
	.res-text-bild.style-02.layout01 .txt-imagebox {
    margin-bottom: 30px;
}
	
.txt-text.postContent.pt-2 {
    padding-top: 0.3rem !important;
}
	
	    .res-text-bild .img-parallax-background {
        width: 100%;
    }
	
    .res-text-bild.alignfull.layout02 .container-fluid .txt-box {
        max-width: 90%;
        margin-left: 7%;
        margin-right: auto;
        margin-bottom: 30px;
    }
	
	.wp-block-columns.alignfull {
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
	
	.res-icons-text.style-01.py-3 {
    padding-top: 0 !important;
}
	
	.res-icons-text.style-01 .postContent {
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
	
	    .wp-block-columns.alignfull .container .container-fluid {
        max-width: 100%;
			padding-left: 0;
			padding-right: 0;
    }
	
	
	.res-text-bild .layout-1 .txt-box, .res-text-bild .layout-2 .txt-box, .res-text-bild .layout-3 .txt-box {
		margin-top: 30px;
	}
	
	    .res-text-bild.style-01 .layout-1 .txt-box {
        margin-top: 0px;
    }	
	    .res-text-bild.style-02 .layout-1 .txt-box {
        margin-top: 0px;
    }
	    .res-txt.alignfull .inner-container.container-off {
        max-width: 90%;
        margin: 0 auto;
    }
	.res-content-topspace {
    padding-top: 50px;
}
	
	    .res-blog-sidebar.pt-4 {
        padding-top: 6.5rem !important;
    }
	    .container-fluid {
        max-width: 94%;
    }
	
	    #mobile-search-btn {
        position: fixed;
        top: 18px !important;
        right: 16%;
        z-index: 999;
        background: none;
        border: none;
        color: #333;
        font-size: 150%;
		display: block !important;
    }

	
		.res-content-layout, body{
    overflow-x: hidden;
}
	.home .res-fix-nav-in-viewport .burger-lines {
    background: #ffffff;
}
	.home .res-fix-nav-in-viewport .burger-lines:before, .home .res-fix-nav-in-viewport .burger-lines:after {
    background: #ffffff none repeat scroll 0 0;
}
	.burger-lines {
    width: 22px;
}
	.burger-lines:before, .burger-lines:after {
    background: #939393 none repeat scroll 0 0;
    width: 30px;
    height: 2px;
}
	

	
	   .home.page-on-top #mobile-search-btn {
        color: #ffffff;
    }
	
	.burger-lines:after {
    top: -8px;
}
	.burger-lines:before {
    top: 8px;
}
	
	#search-overlayer .modal-content label {
    width: 100%;
}
		.number-container-outer-mobile .number-container-neu .number_neu {
    font-size: calc(1.7rem + 2vw);
}
	
	.page-id-6 .res-content .container .wp-block-columns.is-layout-flex {
    gap: 0em;
}
	
	    .burgermenu-header {
        padding-top: 0 !important;
        background: transparent;
        left: 8%;
    }
	
	#burgermenu-section .logo img {
    width: 41px;
    height: auto;
}
	
	    .burger-lines-button.x.closebutton {
        right: 5%;
    }
	
	.overlayer-burgermenu .navbar-nav .nav-link:hover {
    opacity: 1;
    color: #4DAD32 !important;
}
		
	
} 


#mobile-search-btn {
    display: none;
}
	.overlayer-burgermenu .burgermenu-main-navigation li.show a::before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-right: 18px;
    position: relative;
		color: #4DAD32;
}



.openBurgerMenu .burger-lines-button.x.closebutton .burger-lines::before, .openBurgerMenu .burger-lines-button.x.closebutton .burger-lines::after {
    background-color: #fff !important;
}

.res-fix-nav-in-viewport.openBurgerMenu #burgermenuX-btn {
    top: 35px !important;
}

.home.res-fix-nav-in-viewport .burger-lines-button {
    top: 10px !important;
}

.res-fix-nav-in-viewport .burger-lines-button {
    top: 10px !important;
}

@media screen and (max-width: 970px) and (min-width: 480px) {
	.res-nav .logo-mobile {
        padding: 15px 0 15px 5%;
    }
	   .home .res-nav .logo-mobile img {
        height: 40px;
    }
	.res-fix-nav-in-viewport.openBurgerMenu #burgermenuX-btn {
    top: 10px !important;
}
	
	    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
	
	body .is-layout-flex {
	    flex-wrap: wrap !important;
		}
	
	    .container-fluid {
        max-width: 85%;
    }
	
	.res-footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {
    flex-basis: 40% !important;
}	
	.res-footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(2) {
    flex-basis: 40% !important;
}
	
	
}

@media only screen and (max-width: 768px) {
	
		    #mobile-search-btn {
        right: 25%;
    }
	
	.sidebar .sidebar-title {
    font-size: 10px;
}
	.sidebar {
    bottom: 5%;
    right: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 140px;
	padding-left: 1px;
}
	.pt-5, .py-5 {
    padding-top: 5rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 5rem !important;
}
.pt-4, .py-4 {
    padding-top: 3.5rem !important;
}
.pb-4, .py-4 {
    padding-bottom: 3.5rem !important;
}
    .res-btn.style-01 .btn-arrow {
        padding: 20px 35px 20px 0px;
        margin-right: 0;
    }
	    .wp-block-columns.alignfull .container-fluid {
        max-width: 95%;
    }
	.res-text-bild .teaser-img-center-height .postBox-content {
    padding-top: 20px;
    padding-bottom: 50px;
}
	.res-boxes .mb-2, .res-boxes .my-2 {
    margin-bottom: 1.3rem !important;
}
	.res-boxes.style-02 .boxlayout02 .box-content {
    padding-top: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 20px;
}
	
	.res-footer:after {
    content: "";
    position: absolute;
    top: 1%;
    right: 0;
    height: 81%;
    width: 66%;
}
		
		.res-footer .pt-3, .res-footer .py-3 {
    padding-top: 3.25rem !important;
}

.res-footer .pb-3, .res-footer .py-3 {
    padding-bottom: 3.25rem !important;
}
		    .res-footer .swiss-made {
        margin: 5% 0%;
        max-width: 120px;
    }


	
	.burgermenu-header {
    padding-top: 20%;
}
	
	.overlayer-burgermenu .burgermenu-main-navigation li.show a::before {
    content: "\f053";
}
	
	.section-scrolling-content .pt-2, .section-scrolling-content .py-2 {
    padding-top: 0rem !important;
}
	    .section_content .section-icon {
        max-width: 85px;
    }
	
	    .res-boxes.style-standard .postContent h4 {
        font-size: 135%;
    }	    
	.res-boxes.style-01 .postContent h3 {
        font-size: 135%;
    }
	
	    .res-boxes.style-02 .mb-2, .res-boxes.style-02 .my-2 {
        margin-bottom: 1.3rem !important;
    }
	
	    .content50-50-padding {
        padding: 2rem;
    }
	
	.layout-3.txt50-50.mb-3.mb-md-0 {
		        margin-bottom: 0 !important;
	}
	
	    .res-footer:after {
        content: "";
        position: absolute;
        top: 1%;
        right: 0;
        height: 50%;
        width: 86%;
			background-size: cover;
    }
	
	
	.footer-zertifikate {
    text-align: center;
    max-width: 100%;
}

.footer-zertifikate h4 {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.footer-zertifikate > h4 + .footer-zertifikat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

    .footer-zertifikat {
        flex: 1 1 auto;
        max-width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
    }

/* Bilder korrekt skalieren */
.footer-zertifikat img {
/*
    width: 100%;
    height: auto;
    max-width: 100%;
*/
}

	    .footer-zertifikat img {
        padding-right: 10px;
    }
	
    .swiss-made img {
        max-width: 110px;
        margin-top: 20px;
    }

	    .res-footer .swiss-made {
        margin: 5% 0%;
			display: inline;
    }
	
	.res-footer .footer-zertifikate h4 {
        font-size: 16px;
		margin-bottom: 30px;
    }
	
	.copyright-col2 {
    text-align: right;
}
	    .footer-zertifikat img {
        height: 30px;
        margin-right: 4px;
    }
	
	.footer-zertifikat:last-child img {
    padding-right: 0;
}
	    .timeline .layout-timeline.row .timeline-postContent {
        margin-bottom: 10vh;
    }
	
	.res-fix-nav-in-viewport.openBurgerMenu #burgermenuX-btn {
    top: 10px !important;
}
	.home.page-on-top .burger-lines:before, .home.page-on-top .burger-lines:after {
    background: #ffffff none repeat scroll 0 0 !important;
}
	    .res-content {
        margin-top: 58px;
    }
.home.openBurgerMenu .logo {
/*
    padding-top: 20px;
    padding-bottom: 40px;
*/
}
	
	#search-overlayer:after {
    top: -3vh;
    right: 0;
    background-image: url(img/KUB_Muster_01.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 70%;
    opacity: 0.2;
    width: 100%;
    z-index: -1;
}
	
	.col.res-logo.d-md-flex {
    padding-left: 0;
}
	
	    #burgermenu-section .logo img {
        width: 35px;
        height: auto;
    }

} 

@media screen and (max-width: 970px) and (min-width: 480px) {
	    .overlayer-burgermenu .container {
        max-width: 90%;
    }
    .swiss-made img {
        margin-left: 30px;
    }
		
	.footer-zertifikate {
    text-align: center;
    max-width: 100%;
}

.footer-zertifikate h4 {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.footer-zertifikate > h4 + .footer-zertifikat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

    .footer-zertifikat {
        flex: 1 1 auto;
        max-width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
    }


	    .footer-zertifikat img {
        padding-right: 10px;
    }
	
    .swiss-made img {
        max-width: 110px;
        margin-top: 20px;
    }

	    .res-footer .swiss-made {
        margin: 5% 0%;
			display: inline;
    }
	
	.res-footer .footer-zertifikate h4 {
        font-size: 16px;
		margin-bottom: 30px;
    }
	
	.copyright-col2 {
    text-align: right;
}
	    .footer-zertifikat img {
        height: 43px;
        margin-right: 5px;
    }
	
	.footer-zertifikat:last-child img {
    padding-right: 0;
}
	
} 

.forminator-ui#forminator-module-1262.forminator-design--default .forminator-input, .forminator-ui#forminator-module-1262 .forminator-textarea {
    border-color: #777771 !important;
    background-color: #EDEDED;
    color: #000000;
}

.res-collapse a:not(.collapsed) .card-header {
    border-bottom: 0;
}

@media only screen and (max-width: 970px) {
	    .collapse-mobile .card-body .alignfull .inner-container.container {
        max-width: 80%;
    }
} 

@media only screen and (min-width: 970px) {
	.res-fix-nav-in-viewport .burger-lines {
    width: 25px;
}
.res-fix-nav-in-viewport .burger-lines:after {
    top: -9px;
}
.res-fix-nav-in-viewport .burger-lines:before {
    top: 9px;
}
.res-fix-nav-in-viewport .burger-lines:before, .burger-lines:after {
    width: 37px;
}
.res-fix-nav-in-viewport .burger-lines-button {
    top: 7px !important;
}
} 

@media only screen and (max-width: 768px) {
	    .home .burgermenu-header .logo {
        padding-top: 20px;
        padding-bottom: 25px;
        padding-left: 2px;
    }
} 

.Grau{
	background-color: #EDEDED;
}


/*Collapse*/
@media only screen and (min-width: 970px) {
.collapse-row .card-boxes {
    max-width: 34%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 970px) {
	.res-collapse.alignfull.layout01 .container-fluid {
        max-width: 100%;
		padding: 0 0 0 0;
	}
	.res-collapse.alignfull.layout01 .container-fluid .card-boxes-body{
        max-width: 92%;
		padding: 0 15px;
		margin: 0 auto
	}
	.collapse-content::after {
		display: none;
}
}
		
@media only screen and (min-width: 970px) {
    body #burgermenuX-btn {
        display: block !important;
        top: 17px !important;
    }
    body #burgermenuX-btn.closebutton {
        top: 27px !important;
    }
    body.home #burgermenuX-btn {
        top: 40px !important;
    }
    body.res-fix-nav-in-viewport #burgermenuX-btn {
        display: block !important;
        top: 10px !important;
    }
} 


/*Nav*/
@media only screen and (min-width: 970px) {
   .search .res-header.header-option-absolute:not(#res-nav-clone) .nav-link {
        color: #939393;
    }
}

/*Burger*/
@media only screen and (max-width: 970px) {
#burgermenu-section{
    display: flex!important;
    flex-direction: column;
}
#burgermenu-section .burgermenu-footer{
	margin-top: auto;
	padding-bottom: 5vh;
}
}

/*50:50*/
@media only screen and (max-width: 1450px) and (min-width: 970px) {
.res-text-bild.alignfull.layout02 .container-fluid .txt-box{
	font-size: 90%;
	padding-top: 1em;
}
.res-text-bild.alignfull.layout02 .container-fluid .txt-box .txt-text{
	padding-top: 0!important;
}
.res-text-bild.alignfull.layout02 .container-fluid .txt-box .txt-text p{
	font-size: 90%;
	line-height: 160%;
    margin-bottom: 0.75rem;
}
}


/*Boxes*/
.res-boxes.style-04 .postImg{
    border-radius: 0px;
    aspect-ratio: 5 / 4;
    align-content: center;
    overflow: hidden!important;
    display: flex;
}
.res-boxes.style-04 .postImg img {
    padding: 20px;
    object-fit: contain;
}