

/* Variables */

:root {
    --site-width: 1600px;
    --transition-standard: 0.35s ease all;

    --accent-color-1: #55af31 ;
    --accent-color-2: #a2c31a ;
    --gradient-color-1: #f6e800;
    --gradient-color-2: #009256;
    --gradient-color-3: #00899d;
    --gradient-color-blue1: #9bd4ef;
    /* --accent-color-3: #115db7 ;
    --accent-color-4: #003d81 ; */
    /* --bg--alt: #f6f7f8; */
    --bg--alt: #f0f3f5;
    
}


a, a .brxe-text-basic {
    transition: var(--transition-standard)!important;
}

/* Hintergrund bei 1600px - 2000px */
/* 
@media (min-width: 1601px) and (max-width: 2000px) {
   html {
    background: linear-gradient(172deg, white 25%, #f9ea00 25%, #27a737 40%, white 40%, white 42%, #27a737 42%, #0080c8 57%, white 57%, white 59%, #0080c8 59%, #0080c8 74%, white 74%);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
} */

/* .btn--gradient, .x-read-more_link  {background: linear-gradient(90deg, var(--accent-color-1), var(--accent-color-1) 51%, var(--accent-color-1)) var(--x, 0)/ 200%;} */

.btn--gradient, .x-read-more_link   {
     background: var(--action);
}

.btn--gradient:hover, .x-read-more_link:hover {
     /* --x: 100%; */
     background: var(--accent-color-1);
}

.header-topbar-contact-icon svg {background: linear-gradient(90deg, var(--accent-color-1), var(--accent-color-1) 51%, var(--accent-color-1)) var(--x, 0)/ 200%;}



/* Read More */
.x-read-more_link {
   transition: var(--transition-standard)
}



/* Standard Link Transition  */
a {
    transition: var(--transition-standard);
}



/* Bricks Section Spacing 
section {
    padding: 90px 30px;
}*/



/* html {
  scroll-behavior: smooth;
} */


/* Focus Outline */
*:focus:not(:focus-visible), button:focus:not(:focus-visible), *:focus, button:focus {
outline: none!important;
}



/* Auswahlfarbe, z.B. wenn Besucher Text markiert */
::selection {
  background: #ccc; /* WebKit/Blink Browsers */
	/* color: #000; */
}
::-moz-selection {
  background: #ccc; /* Gecko Browsers */
	/* color: #000; */
}


/* Scrollbar */
html {
  --scrollbarBG: #efefef;
  --thumbBG: #c8c8c8;
}
body::-webkit-scrollbar {
  width: 15px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
    box-shadow: inset 0 0 9px rgb(0 0 0 / 10%);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
 /* border-radius: 6px;
  border: 3px solid var(--scrollbarBG); */
}



/* Fluent Forms */
.fluentform .ff-el-form-control:focus {
    border-color: #9f9f9f!important;
}
.ff-btn-submit:hover {
    transition: var(--transition-standard);
}
.ff_tc_label {
    font-size: var(--text-s);
}

.fluentform input, .fluentform textarea {
    border-radius: 0!important;
}

.fluentform * {
    font-size: var(--text-m)!important;
}

.ff-el-tc * {
    font-size: var(--text-xs)!important;
}

.ff_submit_btn_wrapper {
    margin-bottom: 0!important;
}


/* Gutenberg */
.wp-block-separator {
    margin: 50px 0;
    border: none;
    border-top: 1px solid gainsboro;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.gutenberg-content h2 {
    font-size: var(--text-l);
}

/* Gutenberg Overrides 
.gutenberg-content h2 {
    margin: 20px 0;
}

.gutenberg-content h3 {
    margin: 12px 0;
}*/ 



/* Prev-Next Styling */
/*
.prevnext-inner:nth-of-type(2) {
    flex-direction: row-reverse!important;
}
.prevnext-inner:nth-of-type(2) .prevnext-textdiv {
    align-items: flex-end;
}

.prevnext-inner:nth-of-type(2) .prevnext-titel {
text-align: right;
} */




/* Sidebar */

.wpwidget .bricks-widget-title {
    margin-bottom: 10px;
}

.phpcatlist li {
    margin-bottom: 8px;
}



/* Links */
.link--white a:hover {
    color: white;
    opacity: .8;
}

/* Externer Link */ 
/* .external-link:after {
    content: "";
    width: 11px;
    height: 11px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='bold' height='512' viewBox='0 0 24 24' width='512'%3E%3Cg%3E%3Cpath d='m18 23h-14c-1.654 0-3-1.346-3-3v-14c0-1.654 1.346-3 3-3h8c.552 0 1 .447 1 1s-.448 1-1 1h-8c-.551 0-1 .448-1 1v14c0 .552.449 1 1 1h14c.551 0 1-.448 1-1v-8c0-.553.448-1 1-1s1 .447 1 1v8c0 1.654-1.346 3-3 3z'%3E%3C/path%3E%3C/g%3E%3Cpath d='m22 1h-6c-.404 0-.769.243-.924.617s-.069.804.217 1.09l2.293 2.293-7.293 7.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l7.293-7.293 2.293 2.293c.191.191.447.293.707.293.129 0 .259-.024.383-.076.373-.154.617-.52.617-.924v-6c0-.553-.448-1-1-1z'%3E%3C/path%3E%3C/svg%3E ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.external-link {
    display: flex;
    flex-direction: row!important;
    align-items: center;
}

.external-link-white:after {
    filter: invert(1);
} */


/* Externer Link */ 
.external-link a:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 8px;
    margin-top: 3px!important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='bold' height='512' viewBox='0 0 24 24' width='512'%3E%3Cg%3E%3Cpath d='m18 23h-14c-1.654 0-3-1.346-3-3v-14c0-1.654 1.346-3 3-3h8c.552 0 1 .447 1 1s-.448 1-1 1h-8c-.551 0-1 .448-1 1v14c0 .552.449 1 1 1h14c.551 0 1-.448 1-1v-8c0-.553.448-1 1-1s1 .447 1 1v8c0 1.654-1.346 3-3 3z'%3E%3C/path%3E%3C/g%3E%3Cpath d='m22 1h-6c-.404 0-.769.243-.924.617s-.069.804.217 1.09l2.293 2.293-7.293 7.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l7.293-7.293 2.293 2.293c.191.191.447.293.707.293.129 0 .259-.024.383-.076.373-.154.617-.52.617-.924v-6c0-.553-.448-1-1-1z'%3E%3C/path%3E%3C/svg%3E ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
     display: inline-block; 
}

.external-link a {
    display: flex;
    flex-direction: row!important;
    align-items: center;
}

.external-link-white a:after {
    filter: invert(1);
}



/* List Icons */
ul.ul-checkmark, .richtext-ul-checkmark ul {
    margin: 0;
	list-style: none;
	padding-left: 0;
    
}

ul.ul-checkmark li, .richtext-ul-checkmark ul li, .content-checkmark {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
    position: relative;
}

ul.ul-checkmark li::before, .richtext-ul-checkmark ul li::before, .content-checkmark::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs'  x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23006db0' d='M256 0C114.836 0 0 114.836 0 256s114.836 256 256 256 256-114.836 256-256S397.164 0 256 0zm0 0' data-original='%232196f3' class=''%3E%3C/path%3E%3Cpath fill='%23ffffff' d='M385.75 201.75 247.082 340.414c-4.16 4.16-9.621 6.254-15.082 6.254s-10.922-2.094-15.082-6.254l-69.332-69.332c-8.344-8.34-8.344-21.824 0-30.164 8.34-8.344 21.82-8.344 30.164 0l54.25 54.25 123.586-123.582c8.34-8.344 21.82-8.344 30.164 0 8.34 8.34 8.34 21.82 0 30.164zm0 0' data-original='%23fafafa' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
} */
/* background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><style>.cls-1{fill:%23fff;}.cls-2{fill:url(%23linear-gradient);}</style><linearGradient id="linear-gradient" x1="0" y1="256" x2="512" y2="256" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23a2c31a"/><stop offset="1" stop-color="%2357b031"/></linearGradient></defs><path class="cls-2" d="m256,0C114.84,0,0,114.84,0,256s114.84,256,256,256,256-114.84,256-256S397.16,0,256,0Z"/><path class="cls-1" d="m385.75,201.75l-138.67,138.66c-4.16,4.16-9.62,6.25-15.08,6.25s-10.92-2.09-15.08-6.25l-69.33-69.33c-8.34-8.34-8.34-21.82,0-30.16,8.34-8.34,21.82-8.34,30.16,0l54.25,54.25,123.59-123.58c8.34-8.34,21.82-8.34,30.16,0s8.34,21.82,0,30.16Z"/></svg>'); */



background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><style>.cls-1{fill:%23fff;}.cls-2{fill:%2355af31;}</style></defs><path class="cls-2" d="m256,0C114.84,0,0,114.84,0,256s114.84,256,256,256,256-114.84,256-256S397.16,0,256,0Z"/><path class="cls-1" d="m385.75,201.75l-138.67,138.66c-4.16,4.16-9.62,6.25-15.08,6.25s-10.92-2.09-15.08-6.25l-69.33-69.33c-8.34-8.34-8.34-21.82,0-30.16,8.34-8.34,21.82-8.34,30.16,0l54.25,54.25,123.59-123.58c8.34-8.34,21.82-8.34,30.16,0s8.34,21.82,0,30.16Z"/></svg>');
} 

.content-checkmark::before {
    top: 3px;
}





/* Checkmark Pfeil */


.list-checkmark ul {
    list-style: none;
    padding-left: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.list-checkmark li {
    position: relative;
    padding-left: 26px;
}

.list-checkmark li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMS4yNjk5OTk5OTk5OTk5OTk2LDMuMTEwNjAyODY5ODM0Mjc0N2UtMTYsLTMuMTEwNjAyODY5ODM0Mjc0N2UtMTYsMS4yNjk5OTk5OTk5OTk5OTk2LC0xMy40ODcyODk2NzY2NjYxOCwtMTMuNDk5MDk4Nzc3NzcwOTg5KSI+PHBhdGggZD0iTTUwIDEwLjc1Yy0xOC4yNjYgMC0zNC41NjIgMTMuMTI5LTM4LjM4MyAzMS4wMDctMS45MDkgOC45MzMtLjYyMyAxOC40MzIgMy42MzYgMjYuNTE1IDQuMDk5IDcuNzc5IDEwLjgxOSAxNC4wNjYgMTguODU5IDE3LjYyOSA4LjM2MyAzLjcwNyAxNy45NjQgNC4zNTMgMjYuNzU0IDEuODI1IDguNDgtMi40MzggMTUuOTk5LTcuNzg5IDIxLjExOC0xNC45NzIgMTAuNzAzLTE1LjAxNyA5LjI3Mi0zNi4xMTEtMy4zMi00OS41NjdDNzEuMjg0IDE1LjMwMSA2MC44MDIgMTAuNzUgNTAgMTAuNzV6bTE4LjgyOSA0MS4zNDctMTAuNyAxMC45NThjLTIuNzA5IDIuNzc1LTYuOTkxLTEuNDI5LTQuMjkzLTQuMTkxbDUuMzk5LTUuNTI5SDMzLjY0OWMtMS44MTcgMC0zLjMzMy0xLjUxNy0zLjMzMy0zLjMzM3MxLjUxNy0zLjMzMyAzLjMzMy0zLjMzM2gyNS40NThsLTUuNTA2LTUuNTA1Yy0yLjczNi0yLjczNiAxLjUwNi02Ljk3OSA0LjI0Mi00LjI0M2wxMC45NjEgMTAuOTZhMi45OTggMi45OTggMCAwIDEgLjAyNSA0LjIxNnoiIGZpbGw9IiM1NWFmMzEiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
}




/* File Upload */
.fileupload-container {
    margin-bottom: 0!important;
}

.ff_upload_btn:hover {
    opacity: 0.8;
}

.ff_upload_btn {
    transition: var(--transition-standard);
}

#fluentform_4 legend {
    display: none!important;
}



/* Maps */
.leaflet-top, .leaflet-bottom {
    z-index: 700!important;
}


/* Mobile Menu */

/* .header-offcanvas-content {
    background: var(--base);
    color: white;
} */

.mobile-menu .sub-menu li {
    max-width: 80%;
    margin-left: 20px;
    background: var(--action);
     background: linear-gradient(90deg, var(--accent-color-1), var(--accent-color-1));
    margin-bottom: 2px;
}

.mobile-menu button {
    background: var(--action);
     background: linear-gradient(90deg, var(--accent-color-1), var(--accent-color-1));
    height: 30px;
    width: 30px;
    margin-top: -4px;
}

.mobile-menu .menu-item {
    padding-top: 5px;
}

.mobile-menu .sub-menu .menu-item {
    padding-top: 0;
}

.mobile-menu .menu-item:not(:last-of-type) {
    border-bottom: 1px solid var(--action-medium);
}

/* .mobile-menu  button.x-slide-menu_dropdown-icon {
    background: var(--action-medium);
}

.mobile-menu .sub-menu .menu-item {
    background: var(--action-medium);
    max-width: 215px;
} */


/* .mobile-menu  .sub-menu {
    gap: 5px;
} */



/* Blog Image */
.blog-img i {
		opacity: 0!important;
    transition: var(--transition-standard);
}

.blog-img:hover i {
  opacity: 1!important;
}


.blog-img:hover img {
    transition: var(--transition-standard);
}
.blog-img:hover img {
  filter: brightness(0.6)!important;
}





/* Header Img BG Animation */
/* @keyframes zoomInOut {
  0% {
    background-position: 50% 50%;
    transform: scale(1);
  }

  50% {
    background-position: 50% 50%;
    transform: scale(1.1);
  }

  100% {
    background-position: 50% 50%;
    transform: scale(1);
  }
}

.page-header-bg-img  {
  animation: zoomInOut 20s infinite ease-in-out;
} */


/* Layout Fixes */

.grid--3, .grid--2 {
    inline-size: auto;
}

:where(figure) {
    margin: 0 0 0!important;
}