

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

body {
	font-family: 'raleway', 'poppins', sans-serif;
	font-weight: 400;
	font-size: clamp(15px,1.2vw,20px);
	line-height: 180%;
	color: #2E3036;
	background-color: #fff;
}

/*Link Farbe */
a { color: #2E3036;}

/* Link in Editor-Texten */
:is(.res-content p, .res-content li) a:not(.nav-link, .dropdown-item) {
	font-weight: 600;
}

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

.brand-color {
	color: #4a90e2; 
}
.Brand-Color {
	background-color: #c3e978;
/*	background-color: #D1F48D;*/
}

b, strong{
	font-weight: 700;
}

/* Title clamp */
h1, h2, h3, h4, h5, h6 {
	font-family: 'outfit', 'poppins', sans-serif;
	font-weight: 600;
	line-height: 105%;
}
h1 {
	font-size: clamp(26px, 3.9vw, 300%);
/*	font-family: 'fluence', 'outfit', 'poppins', sans-serif;*/
/*	font-weight: 400;*/
/*	letter-spacing: 0.05em;*/
}
h2 {
	font-size: clamp(24px, 2.4vw, 230%);
}
h3 {
	font-size: clamp(17px, 1.5vw, 150%);
	font-weight: 500;
}
h4 {font-size: clamp(19px, 1.3vw, 120%);} 
h5 {font-size: clamp(18px, 1.5vw, 105%);} 
h6 {font-size: clamp(17px, 1.4vw, 100%);} 

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

/* Container align wide  */

.container {
    width: 74vw;
    max-width: 1600px;
}
.container-fluid{
    width: 92vw;
    max-width: 92vw;
}
.alignfull .inner-container.container-wide, .res-boxes.alignwide .inner-container.container-wide, .alignwide .inner-container.container-wide,.res-txt.alignfull .inner-container.container-wide {
    max-width: 92vw;
	padding-left: 15px;
	padding-right: 15px;
}
.res-txt.alignwide .inner-container.container-off, .res-boxes.alignwide .inner-container.container-off{
	max-width: 100%;
	width: 100%;
    padding: 0 0;
}
.container-small {    
	max-width: 50vw;
	margin: 0 auto;
}
.res-slider-content.alignfull .inner-container.container-off {
    padding: 0 0;
}
.alignwide {
    margin-left: calc(-9vw);
    margin-right: calc(-9vw);
}
.alignfull .inner-container.container-off {
        max-width: 100%;
}
.container.mx-auto {
   max-width: 72vw;
}

/* Grösser als HD */
@media only screen and (min-width: 1920px) {
.container-fluid{
    max-width: calc(1600px + 17vw + 30px);
}
}

/* Laptop Surface */
@media only screen and (max-width: 1450px) {
	.container, .container.mx-auto{	max-width: 82vw;width: 82vw;}
	.container-small {max-width: 60vw;}
	.container-fluid {width: 94vw; max-width: 94vw;}
    .res-block.alignwide .inner-container.container-wide{
        max-width: 94%; width: 94%; padding-left: 0; padding-right: 0;
    }
	.alignwide {
		margin-left: calc(-6vw);
		margin-right: calc(-6vw);
	}
}


/* Laptop Tablet */
@media only screen and (max-width: 1100px) {
	.container, .container.mx-auto{	max-width: 92%;width: 92%;}
	.container-small {max-width: 70vw;}
	.container-fluid {width: 92%;}
    .res-block.alignwide .inner-container.container-wide{
        max-width: 100%; width: 100%;
    }
	.alignwide {
		margin-left:0;
		margin-right: 0;
	}
}

/* Laptop Mobile */
@media only screen and (max-width: 970px) {
	.container-small {max-width: 100%;}
    .res-head.container-fluid {
        max-width: 100%; width: 100%;
    }
}



/* Logo */
.logo {
	padding-top: 4vh;
	padding-bottom: 4vh;
}

/* Logo Size  */
.logo img {
	width: clamp(100px, 17vw, 400px);
	height: auto;
}

/* Logo Mobile  */
@media only screen and (max-width: 970px) {
	.res-nav .logo-mobile img {
		height: 40px;
	}
    .res-nav .logo-mobile {
        padding: 15px 0 12px 8%;
    }
}


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

	.res-nav .nav-link {
		font-size: 100%;
		padding: 0.7rem 1.3rem;
		white-space: nowrap;
	}

	.res-nav .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: clamp(35px, 2.9vw, 65px);
	}

}


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

/* 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,
	.res-header.header-option-absolute:not(#res-nav-clone) .active .nav-link{
		font-weight: 500;
        color: #c3e978;
}
/* active Nav in dropdownn */
li.active .current-menu-item > a.dropdown-item {
    color: #2E3036;
	font-weight: 400;
}

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

/*  Fixnav */
.res-fixnav.show .logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.res-fixnav.show .logo img {
	width: clamp(90px, 10vw, 350px);
	height: auto;
}
/* Fixnav Desktop */
@media only screen and (min-width: 970px) {
	.res-fixnav.show { 
		background: #2E3036;
		border-radius: 0 0 20px 20px
	}
	.res-fixnav.show .res-nav li a {
		font-size: 90%;
		color: #fff;
	}
	.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: none;
	}
	.res-fix-nav-in-viewport:not(.page-on-top) .res-fixnav .res-mobile-bar {
		background-color: #fff;	
		border-radius: 0 0 18px 18px
	}
	.res-fix-nav-in-viewport .res-fixnav .res-mobile-bar {
		border-radius: 0 0 18px 18px;
		background: #fff;
	}
} 



/* Buttons */
.btn {
	padding: 0.40em 1.4em;
	border-radius: 40px;
	font-weight: 650;
	font-size: 105%;
    line-height: 120%;
}

.btn-primary{
    background-color: #2E3036;
    border: 2px solid #2E3036;
    color: #fff;
}
.btn-primary:link {
}
.btn-primary:visited {
}
.btn-primary:hover {
}
.btn-primary:active {
}
.btn-primary:focus {
}

.btn-secondary{
	border: 2px solid #2E3036;
	background-color: transparent;
	color: #2E3036;
}
.btn-outline{
	color: #2E3036;
	border: solid 2px #2E3036;
}
.btn-text-link {
	padding: 0!important;
	border-radius: 0;
	font-weight: 600;
	color: #80B527;
	border-bottom: none;
}
.btn-arrow {
	position: relative;
	padding: 0!important;
	margin: 0;
	border-radius: 0;
	transition: all .3s ease-in-out;
}

.btn-arrow:after {
	content: "\f178";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    margin-left: 8px;
    font-size: 100%;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.btn-sm {
	padding: 0.40em 1.4em;
	font-size: 88%;
} 


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


/* Footer */

.res-footer .container {
    transition: transform 0.1s ease-out;
}

.res-footer {
	border-top: 0px solid #eee;
	background-color: #2E3036;
	padding-top: 8vh;
	padding-bottom: 1vh;
}
.res-footer * {
	color: #fff;
}
.res-footer a:hover {
	color: #80B527;
}
.res-footer .container{
	max-width: 80vw;
	width: 80vw;
}
.res-footer .wp-block-columns{
	margin-bottom: 0;
}
.copy-spalte .wp-block-column:first-of-type{
	display: flex;
	align-items: center;
}
.res-widget-footer .footer-title {
    font-size: 90%;
    font-weight: 600;
    margin-bottom: 12px;
	color: #989898;
}
.res-widget-footer {
    font-size: 75%;
	letter-spacing: 0.01em;
}
.footer-social-box a {
	background: transparent;
	border: solid 2px #fff;
	border-radius: 100%;
}
.copyright-col2{
	padding-left: 0!important;
}
.res-footer-copyright {
    font-size: 11px;
    opacity: 1;
    font-weight: 400;
	letter-spacing: 0.03em;
}
.res-footer-copyright *{
	color: #989898;
}
.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: 45px;
	height: 45px;
	color: #fff;
}
.res-widget-footer.footer-social-icon span.fa-res-i {
    font-size: clamp(16px, 1.2vw, 20px);
}
.res-widget-footer .row{
	margin-right: 15%;
}
.footer-logo img {
	max-width: clamp(200px, 15.5vw,  320px)!important;
}
@media only screen and (max-width: 1500px) { 
.res-footer .container{
	max-width: 90vw;
	width: 90vw;
}
.res-footer .wp-block-columns {
    gap: 1em;
}
.res-footer .wp-block-columns:first-of-type .wp-block-column:first-of-type {
    flex-basis: 25%!important;
}
}

@media only screen and (max-width: 970px) { 
	#page {
		margin-bottom: 0!important;
	}
	.res-footer {
		padding-top: 5vh;
	}
	.res-footer .container{
    	 transform: translateY(0px)!important;
	}
}
@media only screen and (min-width: 1500px) { 
	.footer-social-box{
		text-align: right;
	}
}
@media only screen and (min-width: 970px) { 
#page {
    z-index: 1;
    background: #ffffff;
}
#footer-fade {
    position: fixed;
    bottom: 0;
    width: 100%;
}
	.modal-open #page {
    z-index: auto;
}
}

/* Blog Container 

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


/* Headline grosse Title  */

.headline-title h1  {
	font-size: clamp(220%, 4.2vw, 440%);
	line-height: 110%;
}
.headline-title h2  {
	font-size: clamp(240%, 3.8vw, 360%);
	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;
}
@media only screen and (min-width: 1500px) { 
#forminator-module-3354.forminator-design--material .forminator-label[class*="forminator-floating-"],.forminator-ui#forminator-module-3354.forminator-design--material .forminator-input, .forminator-ui#forminator-module-3354.forminator-design--material .forminator-input input, .forminator-ui#forminator-module-3354.forminator-design--material .forminator-iti-input .iti__selected-dial-code {
    font-size: 21px;
}
}

/* 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 {
}

/*Special*/
.oben-unten{
	position: relative;
}
.oben-unten:before, .oben-unten:after{
	position: absolute;
	content: "";
	width: 12vh;
	height: 12vh;
	background-image: url("img/ecke.svg");
	background-size: contain;
}
.oben-unten:before{
	top: -12vh;
	right: 0;
	transform: rotate(-90deg)
}
.oben-unten:after{
	bottom: -12vh;
	transform: rotate(90deg)
}

/*Hintergrund*/
.bg-light, .Grau {
    background-color: #F2F4F6 !important;
}


/*Navigation*/

.res-nav-right{
	margin-bottom: auto!important;
}

@media only screen and (min-width: 970px) {
	.megamenu .dropdown-submenu .dropdown-menu a {
		font-size: 130%;
	}
	ul .megamenu .dropdown-toggle::before {
        position: absolute;
        right: -1.5em;
		padding-top: 0.15em;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    border: none !important;
    opacity: .2;
    font-size: 70%;
    display: inline-block;
    transition: opacity 0.2s ease-in-out;
}
	ul .megamenu.show .dropdown-toggle::before {
    content: "\f077";
    opacity: .6;
}
	ul .megamenu:hover .dropdown-toggle::before {
    	opacity: .6;
	}
	.res-nav .nav-item:nth-last-of-type(1) .nav-link:hover {
        transform: none;
	}
    .res-header .res-nav-items{
        margin-top: 0!important;
    }
    .megamenu.current-menu-ancestor .dropdown-toggle{
		font-weight: 500;
        color: #c3e978!important;
    }
    .megamenu.show .dropdown-toggle::after {
        border-bottom: 12px solid #fff !important;
		z-index: 9999;
		margin-left: 1.5em;
    }
    .megamenu > .dropdown-menu.show {
        width: 55vw;
        margin-left: 0;
        left: 12%;
    }
    .megamenu > .dropdown-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding: 2.2em 2.65em;
        border-radius: 15px;
        background: #fff;
        color: #2E3036;
		box-shadow: 0 5px 15px rgba(0,17,34,0.35);
    }
    .megamenu > .dropdown-menu a, .show .megamenu .dropdown-menu a.dropdown-item{
        color: #2E3036;
    }    
    .megamenu .dropdown-submenu:first-of-type > a.dropdown-item {
        width: 90%;
        border-bottom: none;
        padding: 0 0 0px 0px;
        margin-bottom: 0px;
        font-size: 140%;
		font-weight: 600;
        color: #2E3036!important;
    }
    .megamenu .dropdown-submenu:last-of-type > a.dropdown-item {
        width: 90%;
        border-bottom: none;
        padding: 0 0 0.75em 0px;
        margin-bottom: 0px;
        font-size: 70%;
		line-height: 100%;
        color: #80b527;
    }
    .megamenu .dropdown-submenu .dropdown-menu a {
        padding: 0.5em 0px;
    }
    .megamenu .dropdown-menu .dropdown-menu:first-of-type{
        margin-right: 15%;
    }   
    .megamenu .dropdown-menu .dropdown:first-of-type .nav-item:first-of-type .dropdown-item {
        white-space: wrap;
        color: #2E3036!important;
    }
    .megamenu .dropdown-menu .dropdown:first-of-type .dropdown-item:hover {
    transform: translateX(0px);
        color: unset;
    }
    .megamenu .dropdown-menu .dropdown:first-of-type .nav-item:nth-of-type(2) .dropdown-item {
        background-color: #80b527;
		color: #fff!important;
		padding: 0.3em 2.2rem 0.45em 2.2rem;
		border-radius: 40px;
		font-size: 100%;
		max-width: fit-content;
		margin-top: 0.75em;
    }    
    .megamenu .dropdown-menu .dropdown:first-of-type .nav-item:nth-of-type(2) .dropdown-item:hover {
        background-color: #000;
    }    
    .navbar-expand-md .navbar-nav .dropdown-submenu .dropdown-menu {
        padding-left: 0em;
    }
}

@media only screen and (max-width: 970px) {
    .res-nav .navbar-collapse {
        margin: -22px 0 0;
        background: rgba(255, 255, 255, 1.0);
    }
    .res-nav .navbar-nav {
        min-height: calc(100vh - 45px);
        padding: 30px 8% 50px 8%;
    }
	.dropdown-item {
    white-space: wrap;
	}
}



/*Sticker*/
.cta-sticker {
    bottom: 2%;
    right: 1.5%;
}
.page-on-top .cta-sticker {
    bottom:5.5%;
    right: 3%;
}
.cta-sticker:hover {
    opacity: 1;
}
.cta-sticker a:hover {
    opacity: 1;
}
.cta-circle {
    width: 8.5vw;
    height: 8.5vw;
    color: #FFF;
    background: linear-gradient(45deg, #80B527 43%, #9ACF43, #80B527 60%);
    background-size: 450% 450%;
    transition: all 0.5s ease-in-out;
    background-position: 100% 50%;
}
.page-on-top .cta-circle {
	transform: scale(1.2);
}
.cta-circle:hover {
    background-position: 10% 50%;
    transition: all 0.5s ease-in-out;
}
.cta-circleTxt p.stickerTitle {
    font-size: 95%;
    font-weight: 500;
    line-height: 120%;
	margin-bottom: 0.2em;
	font-family: 'outfit', 'poppins', sans-serif;
}
.cta-circleTxt p.stickerTxt {
	margin-bottom: 0.5em;
}
.cta-circleTxt i {
    font-size: 180%;
    margin-bottom: 0.2em;
}
.cta-circleTxt {
    margin:1.5em 0.5em 1.75em 0.5em;
}

@media only screen and (max-width: 1450px) {
.cta-circle {
    width: 9vw;
    height: 9vw;
}
}
@media only screen and (max-width: 970px) {
.page-on-top .cta-sticker, .cta-sticker {
    bottom: 2.0%;
    right: 3.5%;
}
.page-on-top .cta-circle {
	transform: scale(1);
}
.cta-circle {
    width: 15vw;
    height: 15vw;
}
.cta-circleTxt i {
    font-size: 180%;
    margin-bottom: 0.0em;
        line-height: 140%;
}
.stickerTxt, .cta-circleTxt p.stickerTitle {
	display: none;
}
}


/*Sidebar*/
.side-bar-box i {
    font-size: 110%;
    font-weight: 400;
    padding-right: 12px;
}
.side-bar-box span {
    font-size: 85%;
    font-weight: 500;
}
@media only screen and (min-width: 970px) { 
.side-bar-box {
    padding: 0.9em 0.8em;
	color: #fff; 
	background-color: #989898; 
	border: solid 2px #989898;
    height: 2.9em;
    width: 2.9em;
	border-radius: 2.9em;
	box-shadow: none; 
	transition: all .3s ease-in-out;
    margin-bottom: 0.5em;
    white-space: nowrap;
}
.page-header-fixiert.page-on-top .side-bar-box {
	background-color: transparent; 
	border: solid 2px #fff;
}
.side-bar {
/*    top: 72%;*/
    margin-right: 1%;
	transition: all .2s ease-in-out;
    }

.page-on-top .side-bar {
/*    top: 68%;*/
}
.side-bar a:hover .side-bar-box {
    width: 250px;
}
.side-bar a:hover {
	opacity: 1 !important; 
}
}
@media only screen and (min-width: 970px) and (max-width: 1500px) { 
.side-bar a:hover .side-bar-box {
    width: 200px;
}
}
@media only screen and (max-width: 970px) { 
.side-bar {
	display: none
}
}


/*Headers*/
.res-header-video.alignfull .res-video-header-frame {
	border-radius: 0 0 0 12vh;
	overflow: hidden;
}
.res-header-image.alignfull.style-01 .res-header-img-outside{
	border-radius: 12vh 12vh 0 0 ;
	overflow: hidden;
}
.res-header-image.alignfull.style-02 .res-header-img-outside{
	border-radius: 0 0 0 12vh;
	overflow: hidden;
}
.res-header-image.style-01 .sloganBox p {
    font-size: 120%;
	font-weight: 550;
    line-height: 140%;
}
.res-header-image.style-01 .res-header-image-vertical-center, .res-header-image.style-01 .res-header-image-vertical-center div{
	height: 100%;
}
.res-header-image.style-01 .res-header-image-vertical-center .container-fluid{
	width: 100%;
	max-width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.res-header-image.style-01 .res-header-image-vertical-center .sloganbox-background{
	padding: 10vh 6vw 10vh 10vw;
	border-radius: 12vh 12vh 12vh 0 ;
	background-color: #c3e978!important;
}
.res-header-image.style-01 .res-header-image-vertical-center .sloganbox-background *:not(.btn){
	color: #2E3036;
}
.res-header-image.style-01 .sloganBox .btn-secondary, .res-header-image .sloganBox .btn-outline {
    background-color: transparent;
	color: #2E3036;
    border: 2px solid #2E3036;
}

@media only screen and (min-width: 970px) {
.res-header-image.style-01 .jarallax > div:last-of-type {
	margin-left: 25vw;
}
}
@media only screen and (max-width: 1450px) {
.res-header-image.style-01 .res-header-image-vertical-center .sloganbox-background{
	padding: 10vh 6vw 10vh 6vw;
}
}
@media only screen and (max-width: 970px) { 
.res-header-image.alignfull.style-01 .res-header-image-vertical-center {
    transform: translateY(-100%);
}
.res-header-image.alignfull.style-01 .res-header-img-outside{
	border-radius: 8vh 8vh 0 0 ;
}
.res-header-image.style-01 .res-header-image-vertical-center .sloganbox-background{
	padding: 6vh 8vw 6vh 8vw;
	border-radius: 8vh 8vh 0 0 ;
}
.res-header-image.style-01 .res-header-image-vertical-center, .res-header-image.style-01 .res-header-image-vertical-center div{
	height: auto;
}
}

	
/*Text*/
.res-txt.style-01 h3{
	line-height: 140%;
}


/*Boxen*/
.res-boxes .box-padding03 {
    padding: 1rem 1.5rem;
}
.res-boxes .box-padding04 {
    padding: 2.5rem 3.0rem;
}
.box-inner.bg-light, .box-inner.box-custom{
	overflow: hidden;
	border-radius: 7px 7px 45px 7px;
}
.box-inner.border{
	border: none!important;
	border-bottom: solid 2px #dee2e6!important;
}
.box-inner.box-custom .vorschau-text{
	display: none;
	font-size: 90%;
	line-height: 150%;
	hyphens: auto;
}
.box-inner.box-custom:hover .vorschau-text{
	display: block;
}
.boxlayout02 .btn-primary{
	background-color: #fff;
	border-color: #fff;
	color: #2E3036;
}
.box-item.boxlayout02:hover .box-overlayer {
    background: rgba(128,181,39,0.90)!important;
}
.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%;
	gap: 0.5em;
}
.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;
}
.res-boxes .flatbox img{
	border-radius: 7px 7px 45px 7px;
}
.res-boxes .teamContent h4 {
	margin-bottom: 0;
}
.res-boxes .teamContent {
	position: relative;
    gap: 0.25em;
}
.res-boxes .teamContent *{
	max-width: 90%;
}
.res-boxes .teamContent i {
	position: absolute;
	right: 0;
    color: #80B527;
    border: solid 2px #80B527;
	width: 2.15rem;
	height: 2.15rem;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
    font-size: 100%;
    display: flex;
    align-content: center;
	text-align: center;
	font-weight: 400;
}
.res-boxes .teamContent i:before {
	content: "\f061";
}
.modal-dialog {
    max-width: 50vw;
    margin: 1.75rem auto;
}
.modal-content {
    border: none;
	border-radius: 7px 7px 45px 7px;
}
.modal-content h3{   
	font-size: clamp(24px, 2.4vw, 230%);
	margin-bottom: 0.5em;
}
.modal-backdrop {
    background-color: #2E3036;
}
.modal-backdrop.show {
    opacity: .75;
}
.modal-open .modal.show {
	display: flex!important;
}
.modal-open .modal {
    backdrop-filter: blur(20px);
    flex-direction: column;
    justify-content: center;
}
.res-boxes .preis-boxen .flatbox{
	background-color: #fff;
	border-radius: 7px 7px 45px 7px;
	padding: 0.5em;
	overflow: hidden;
}
.res-boxes .preis-boxen .postContent{
	position: relative;
}
.res-boxes .preis-boxen .listen-punkt{
	border-bottom: solid 2px #dee2e6!important;
	padding: 0.25rem 0;
}
.res-boxes .preis-boxen .listen-punkt:first-of-type{
    font-weight: 600;
}
.res-boxes .preis-boxen .preis, .res-boxes .preis-boxen .preis-aktion{    
	font-size: clamp(24px, 2.4vw, 230%);
    font-weight: 600;
    color: #80B527;
}
.res-boxes .preis-boxen .preis{
	padding-bottom: 0.25em;
}
.res-boxes .preis-boxen .preis.mit-aktion{    
    color: #2E3036;
}
.res-boxes .preis-boxen .preis.mit-aktion b{    
	text-decoration: line-through;
	font-size: clamp(22px, 2.0vw, 180%);
}
.res-boxes .preis-boxen .preis span, .res-boxes .preis-boxen .preis-aktion span{    
    font-size: clamp(15px, 1.2vw, 20px);
}
.res-boxes .preis-boxen .preis-zusatz{    
    font-weight: 600;
    color: #80B527;
}
.res-boxes .preis-boxen .sticker-flag {
    position: absolute;
    right: -60px;
    top: 30px;
    transform: rotate(45deg);
    background-color: rgba(213,216,220,1.00);
    width: 210px;
    text-align: center;
    font-size: 80%;
	font-weight: 500;
}
.style-01 .box-inner.border .postContent{
	display: flex;
	flex-direction: row;
    padding-top: 22px;
	padding-bottom: 15px;
}
.style-01 .box-inner.border .postContent .btn{
    margin-bottom: .75rem;
	margin-left: 0.1em;
}
.res-slider-content .postContent .btn-sm.btn-text-link, .res-boxes .postContent .btn-sm.btn-text-link {
    padding: 0;
}
.logo-boxlayout01 .postImg{
    border-radius: 0px;
    aspect-ratio: 3 / 2;
    align-content: center;
    overflow: hidden!important;
    display: flex;
}
.logo-boxlayout01  .postImg img {
    padding: 30px;
    object-fit: contain;
}
.res-logo-slider .box-link:hover {
    border: none!important;
}
.Brand-Color .iconbox.border{
	border: none!important;
	background-color: #fff;
    border-radius: 7px 7px 45px 7px;
}
.iconbox p{
	margin-bottom: 0;
}

@media only screen and (max-width: 970px) {
.res-boxes .box-padding04 {
    padding: 1.5rem 2.0rem;
}
.res-boxes .preis-boxen .sticker-flag {
    right: -30px;
    transform: rotate(38deg);
    top: 15px;
    width: 150px;
}
.res-boxes h2 {
		  hyphens: auto; 
		  -webkit-hyphens: auto; 
}
.modal-dialog {
    max-width: 92vw;
    margin: 1.75rem auto;
}
.x-close {
    margin: 0px 0px 0 0;
}
.modal-open .modal.show {
	display: block!important;
}
.boxes-modal .modal-body {
    padding: 0 8% 2em 8%;
	font-size: 90%;
}
}

/*Slider*/
.slick-dots {
    margin: 0 0;
    text-align:left;
}
.res-slider-content .slick-dots li, .res-logo-slider .slick-dots li {
    width: 1rem;
	z-index: 5;
}
.res-slider-content .slick-dots li button, .res-logo-slider .slick-dots li button {
    width: 0.7rem;
    height: 0.7rem;
    padding: 0;
    background-color: #EDF1F7 ;
	z-index: 5;
    border-radius: 30px;
}
.res-slider-content .slick-dots li button:before, .res-logo-slider .slick-dots li button:before  {
    display: none;
}
.res-slider-content .slick-dots li.slick-active button, .res-logo-slider .slick-dots li.slick-active button {
    background-color: #80B527;
}
@media only screen and (max-width: 970px) {
.slider-outside-frame{
    overflow-x: hidden; 
}
.slick-dots {
    margin-left: calc(3vw + 15px)
}
.slick-list{
    padding-left: calc(3vw + 15px)!important; 
}
.res-logo-slider .inner-container {
    width: calc(100vw);
	padding: 0 0 0 0
}
 .res-logo-slider .slick-initialized .slick-slide {
    margin: 0 0 0 0!important;
}
.logo-boxlayout01 .postImg img {
    padding: 20px;
}
}

/*Text*/
.res-txt .layout-3 .btn-float-right .title-only-btns {
    font-size: 100%;
    padding-right: 0px;
}
@media only screen and (min-width: 970px) {
.btn-float-right h1{
	margin-bottom: 0;
}
}
@media only screen and (max-width: 970px) {
	.btn-float-right{
		flex-direction: column!important;
		align-items: flex-start !important;
	}
}

/*Text Bild*/
.txt-imagebox img{
	border-radius: 25px;
}

/*Logo Slider*/
.loop_item img{
	max-width: 70%!important;
}


/*Navigation*/
.res-navtab .tabs-acf .tab-links .nav-link{
	font-size: 80%;
    font-weight: 400;
    padding: 0 0;
}

/*Collapse*/
.res-collapse .card {
	margin-bottom: 0.5em;
    border-bottom: solid 2px #dee2e6 !important;
}
.res-collapse .card-header {
    border-bottom: none;
    padding: 1.75rem 0.75rem 1.75rem 0;
}
.res-collapse .card-body {
    padding: 0rem 1.75rem 1.25rem 0;
    border-bottom: none;
}
.res-collapse .collapse-icon {
    color: #80B527;
    border: solid 2px #80B527;
	width: 2.15rem;
	height: 2.15rem;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
    font-size: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.res-collapse .fa-chevron-down::before {
    content: "\2b";
	font-weight: 400;
}
.res-collapse a .rotate-icon {    
    transition: all .2s ease-in-out;
}
.res-collapse a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width: 970px) {
.res-collapse .card-header {
    border-bottom: none;
    padding: 1.25rem 0.75rem 1.25rem 0;
}
.res-collapse .card-header p.title-collapse {
    font-size: clamp(18px, 1.3vw, 160%);
}
}

/*Icons*/
small, .small {
    font-size: 75%;
}
.res-icons-text.style-01 .postContent li {
    padding-bottom: 0px;
    font-size: 90%;
	line-height: 150%;
}
@media only screen and (max-width: 970px) {
.res-icons-text .iconbox-side {
    margin-right: 0%!important;
}
.res-icons-text.style-01 .postContent ul {
   margin-bottom: 0;
}
}

/*Team*/
.single-team .res-content .postContent li {
    padding-bottom: 0;
    font-size: 90%;
    line-height: 155%;
}

/*Maps*/
.res-google-maps .google-maps{
	border-radius: 7px;
	overflow: hidden;
}

/*ABSTäNDE*/
.res-content-topspace {
    padding-top: 5vh;
}
@media only screen and (max-width: 1500px) {
.pb-5, .py-5 {
    padding-bottom: 6.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 6.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 6.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 6.5rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 4.5rem!important;
}
.pt-4, .py-4 {
    padding-top: 4.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 4.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 4.5rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 2rem!important;
}
.pt-3, .py-3 {
    padding-top: 2rem!important;
}
}
@media only screen and (max-width: 1350px) {
.res-content-topspace {
    padding-top: 3.5vh;
}
.pb-5, .py-5 {
    padding-bottom: 5.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 5.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 5.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 5.5rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 4rem!important;
}
.pt-4, .py-4 {
    padding-top: 4rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 4rem!important;
}
.mt-4, .my-4 {
    margin-top: 4rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1.75rem!important;
}
.pt-3, .py-3 {
    padding-top: 1.75rem!important;
}
body .wp-block-columns {
    margin-bottom: 1em;
}
}
@media only screen and (max-width: 1100px) {
.pb-5, .py-5 {
    padding-bottom: 5rem!important;
}
.pt-5, .py-5 {
    padding-top: 5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 5rem!important;
}
.mt-5, .my-5 {
    margin-top: 5rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 3.5rem!important;
}
.pt-4, .py-4 {
    padding-top: 3.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 3.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 3.5rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1.5rem!important;
}
.pt-3, .py-3 {
    padding-top: 1.5rem!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.8rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.8rem!important;
}
}

@media only screen and (max-width: 970px) {
.page-header-fixiert.home .res-content, .page-header-fixiert .res-content {
    margin-top: 0px;
}
.home .res-content, .res-content {
    margin-top: 60px;
}
.res-footer {
    margin-top: 0rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 4rem!important;
}
.pt-5, .py-5 {
    padding-top: 4rem!important;
}
.mb-5.pt-5, .my-5.pt-5 {
    padding-bottom: 0rem!important;
}
.mt-5.pt-5, .my-5.pt-5 {
    padding-top: 0rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 4rem!important;
}
.mt-5, .my-5 {
    margin-top: 4rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 3rem!important;
}
.pt-4, .py-4 {
    padding-top: 3rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 3rem!important;
}
.mt-4, .my-4 {
    margin-top: 3rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem!important;
}
p {
    margin-bottom: 0.5rem;
}
}
