@import "./icons.css";
@import "./accessibility.css";
@font-face {
    font-family: 'Titillium Light';
    src: url('../fonts/Titillium_Web/TitilliumWeb-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Titillium Regular';
    src: url('../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Titillium SemiBold';
    src: url('../fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Titillium Bold';
    src: url('../fonts/Titillium_Web/TitilliumWeb-Bold.ttf') format('truetype');
    font-display: swap;
}

:root {

  --beige-100: #FBF9F4;
  --beige-250: #F3ECDB;
  --beige-350: #D2C6AB;
  --beige-500: #CFBB8D;
  --beige-600: #BAA780;
  --beige-700: #786433;
  
  --green-100: #F4FAFA;
  --green-250: #D2E8E3;
  --green-500: #9DCFCB;
  --green-600: #7FACB1;
  --green-650: #37838B;
  --green-700: #2C7C84;
  --green-800: #005A63;
  
  --neutral-100: #F1F4F3;
  --neutral-200: #DEE4E2;
  --neutral-400: #C5CDCA;
  --neutral-500: #B1BAB8;
  --neutral-700: #757575;
  --neutral-black: #000000;
  --neutral-white: #ffffff;
  
  --gradient-green-dark: linear-gradient(90deg, #347B82 0%, #005A63 35%, #005A63 65%, #347B82 100%);  
}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -232px; background: #fff;}
#main { padding-bottom: 232px; overflow: hidden; height: auto;}
 
body {
	font-family: 'Titillium Regular', sans-serif;
	font-size: 1rem;
	line-height: 24px; 
	-webkit-font-smoothing: antialiased;
	color: var(--neutral-black);
	overflow-x: hidden;
}

body p.align-center, .ce-headline-center { text-align: center;}

.text-small {font-size: 0.750rem; line-height: 1.4; display: block;}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin-bottom: 1rem;
  border-radius: 0.3125rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid var(--neutral-white);
  background-color: var(--green-800);
}
table p {margin: 0;}

video.video-embed-item {
    width: 100%;
}

h1, h2, h3, h4, .h4 {
    margin: 0px;
    letter-spacing: 0.04em;
    font-weight: normal;
}

h1 {font-family: 'Titillium Bold', sans-serif;font-size: 3.157rem;margin-bottom: 1rem;hyphens: auto;}
h2 {font-family: 'Titillium Bold', sans-serif;font-size:2.375rem; margin: 0; padding-bottom: 1.25rem; line-height: 2.875rem;  position: relative;hyphens: auto;color: var(--green-800);}
h3 {font-family: 'Titillium SemiBold', sans-serif;font-size: 1.375rem; margin: 0; padding-bottom: 1rem; line-height: 1.625rem; position: relative; hyphens: auto;}
h4 {margin: 0; font-size: 1.25rem; line-height: 2rem; display: block; letter-spacing: 2px;text-transform: uppercase;hyphens: auto;}

b, strong {font-weight:normal;font-family: 'Titillium SemiBold', sans-serif;}
a, .gaOptout {color: var(--neutral-black); text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { color:var(--neutral-black); transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:var(--green-800); transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}
a:focus, a:focus-visible, button:focus, button:focus-visible, input:focus, :focus, :focus-visible {
    outline: 3px solid #ffae00 !important;
    outline-offset: 0px !important;
    /*position: relative;*/
    z-index: 1000;
}
 .bildtextbox_main a:focus-visible,
 .box_mit_icon_outer a:focus-visible,
 .accordion_horizontal a:focus-visible {
  border: 3px solid #ffae00 !important;
  display: block;
  position: relative;
  z-index: 4;
  outline:none;
  outline-offset: 0px !important;
}


::-moz-selection { color:var(--neutral-white); background:var(--green-800); text-shadow: none; }
::selection { color:var(--neutral-white); background:var(--green-800); text-shadow: none; }

.frame-space-before-extra-small {padding-top: 3rem; margin-top: 0;}
.frame-space-before-small {padding-top: 4rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 5rem;margin-top: 0;}
.frame-space-before-large {padding-top: 6rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 7rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 3rem;margin: 0;}
.frame-space-after-small {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 5rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 6rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 7rem;margin-bottom: 0;}

.clearer {float: none; clear: both;}

.telefon:before { content: "\f095"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1rem; top: 0px; left: 0px; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1rem; top: 0px; left: 0px;  padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; font-size: 1rem; top: 0px; left: -1.5rem;  padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; font-size: 1rem; top: 0px; left: -1.5rem; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 5px; font-size: 1rem; top: 0px; left: 5px; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #005a63;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.extlink {text-decoration: none !important;}
.intlink:hover:before {transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}

.btn, select {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: inherit;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid var(--green-800);
    background: transparent;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    line-height: 1.75rem;
    font-size: 1rem;
    color: var(--neutral-white);
    font-family: 'Titillium Bold', sans-serif;
    position: relative;
    overflow: hidden;
    display: inline-block;
    z-index: 1;
}
select {color: var(--green-800);}
.btn.btn-default {background: var(--green-800);}
.btn.btn-secondary {background: var(--neutral-white); color: var(--green-800);}

.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 110%;
  height: 220%;
  border-radius: 50%;
  background-color: var(--green-500);
  top: 100%;
  left: -5%;
  transition: 300ms ease;
  color: var(--green-800);
}
.btn.btn-secondary::before {background-color: var(--green-800);}
.btn.btn-secondary:hover, .btn.btn-default:focus {color: var(--neutral-white);}
.btn.btn-default:before {background-color: var(--green-500);}
.btn.btn-default:hover {
    color: var(--green-800);
    border: 2px solid var(--green-500);
}
.btn.right::before {left: 100%;}
.btn.right:hover::before {
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.btn.center:hover::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn.left::before {left: -100%;}
.btn.left:hover::before {
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}

.icon {
  background-repeat: no-repeat;
  background-position: center;
}
.content .icon {
  height: 30px;
  width: 30px;
  display: block;
  background-color: var(--beige-700);
  border-radius: 50%;
  background-position: center;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}

header#header {
    position: fixed;
    width: 100%;
    height: 100px;
    z-index: 10;
    padding-top: 1.5rem;
    background: var(--neutral-100);
    transition: all 0.2s ease-in-out;
}
body.scroll header#header {
  background: var(--gradient-green-dark);
  transition: all 0.2s ease-in-out;
}
header#header .col-9.d-flex.align-items-center.justify-content-end {gap: .5rem;}

.logo a {display: inline-flex; gap: 0.5rem;}
.logo span {display: block; transition: all 0.2s ease-in-out; text-align: right;}
.logo img {width: auto; height: auto;}
.logo .beschreibung svg {width: 100%;visibility: visible;transition: all 0.2s ease-in-out; opacity: 1;}
.logo .left {width: 270px;}
.logo .right svg {height: 85px;transition: all 0.2s ease-in-out;}
body.scroll .logo .beschreibung, .logo.up .beschreibung {visibility: hidden;transition: all 0.2s ease-in-out; opacity: 0; width: 0;}
body.scroll .logo .right svg, .logo.up .right svg {width: 50px; height: 55px; transition: all 0.2s ease-in-out;}
.logo.up span {transition: all 0.2s ease-in-out;}
body.scroll .logo .left, .logo.up .left {width: 185px;}
body.scroll svg path {fill: #fff;}
#mainnav {margin-right: 1rem;}
#mainnav .nav>.nav-item>.nav-link {
  display: inline-flex;
  padding: 0.2rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 2px solid var(--green-800);
  background:  var(--neutral-white);
  color: var(--green-800);
  font-family: 'Titillium Bold', sans-serif;
  line-height: 1.6;
  position: relative;
  overflow: hidden;
  display: inline-block;
  z-index: 1;
}
#mainnav .nav>.nav-item>.nav-link:hover, #mainnav .nav>.nav-item.active>.nav-link, #mainnav .nav>.nav-item:hover>.nav-link {
  color: var(--neutral-white);
  background: var(--green-800);
  border: 2px solid var(--green-800);
}
#mainnav .nav>.nav-item>.nav-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 200%;
    border-radius: 50%;
    background-color: var(--green-800);
    top: 100%;
    left: 0;
    transition: 300ms ease;
    color: var(--green-800);
}
#mainnav .nav>.nav-item>.nav-link:hover::before, #mainnav .nav>.nav-item:hover>.nav-link::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mainnav .nav {gap: 2rem; justify-content: end;}

body.scroll #mainnav .nav>.nav-item>.nav-link {
  border: 2px solid var(--green-100);
  background: var(--green-800);
  color: var(--green-100);
}
body.scroll #mainnav .nav>.nav-item>.nav-link:hover, body.scroll #mainnav .nav>.nav-item.active>.nav-link, body.scroll #mainnav .nav>.nav-item:hover>.nav-link {
  background: var(--green-500);
  border: 2px solid var(--green-500);
  color: var(--green-800);
}
body.scroll #mainnav .nav>.nav-item>.nav-link::before {
    background-color: var(--green-500);
    color: var(--green-800);
}
body.scroll #navbar ul.sub {padding-top: 2rem !important;}

ul.sub li.nav_box.nav-item.col>span>a {color: var(--green-800);font-family: 'Titillium Bold', sans-serif; padding-right: 2rem !important;}

.nav_right {
    display: flex;
    align-items: center;
    height: 43px;
    gap: 0.5rem;
    line-height: 1.5;
}
.language, .search, .events {height: 33px; overflow: hidden;font-size: 0.8rem;}
.language a, .search a, .events a {color: var(--green-800);font-family: 'Titillium Bold', sans-serif;}
body.scroll .language a, body.scroll .search a, body.scroll .events a { color: var(--green-100);}
.language .disabled {display: none;}
.langugageMenu, .langugageMenu li {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; gap: 0.2rem; justify-content: center;}
.language .icon, .search .icon, .events .icon {
    display: block;
    width: 45px;
    height: 28px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease-in-out;
}
.langugageMenu a {text-align: center;}
.language:hover .icon, .search:hover .icon, .events:hover .icon {
    width: 45px;
    height: 16px;
    transition: all 0.2s ease-in-out;
}
.language .langugageMenu {position: relative; z-index: 0; width: 45px; display: flex;}

.events:hover a, .search:hover a {
  position: absolute;
  top: -18px;
  width: 100%;
  left: 0;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: end;
}

.frame-type-menu_pages ul {
    padding-left: 0;
    list-style: none;
    font-family: 'Titillium Bold', sans-serif;
}
.frame-type-menu_pages ul li {margin-bottom: 1rem;}
.search .frame-type-menu_pages ul, .events .frame-type-menu_pages ul {display: block; position: relative;transition: all 0.2s ease-in-out; margin-bottom: 0; text-align: center;}
.search:hover .frame-type-menu_pages ul, .events:hover .frame-type-menu_pages ul {display: block;transition: all 0.2s ease-in-out;}
.search .frame-type-menu_pages ul li, .events .frame-type-menu_pages ul li {margin-bottom: 0;}

#maintrailer {padding: 5rem 0;background: var(--neutral-100);}
.headerelement {
    position: relative;
    padding-top: 3.5rem;
}
.headerbild {
    position: relative;
    border-top-left-radius: 300px;
    border-bottom-left-radius: 300px;
    overflow: hidden;
    max-height: 600px;
}
.headerbild img {width: 100%; height: 100%; object-fit: cover;}
.headertext_main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.headertext_main .titel {
  color: var(--green-800);
  font-size: 3.25rem;
  line-height: 3.75rem;
  font-family: 'Titillium Bold', sans-serif;
  margin-bottom: 1rem;
}
.headertext_main .headertext {
  font-size: 1.125rem;
  line-height: 1.845rem;
  font-family: 'Titillium Bold', sans-serif;
}
.headerbutton {
  position: absolute;
  bottom: 0;
  z-index: 1;
  font-family: 'Titillium Bold', sans-serif;
  font-size: 1.75rem;
  line-height: 2.0625rem
}
.headerbutton a {
  text-align: center;
  background: var(--beige-500);
  border-radius: 50%;
  height: 160px;
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.2;
  gap: 0.2em;
  padding-top: 1.5rem;
  color: var(--neutral-black);
}
.headerbutton span.icon.arrow {
  height: 30px;
  width: 30px;
  display: block;
  background-color: var(--beige-700);
  border-radius: 50%;
  background-position: center;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.headerbutton a:hover {
  background: var(--beige-350);
}
.headerbutton a:hover span.icon.arrow {
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
.headersuche {margin-top: 3rem; max-width: 500px;}
.tx-indexedsearch-searchbox-sword {
  background: var(--neutral-white);
  border-radius: 50px;
  border: 2px solid var(--neutral-white);
  padding: 0.8rem 4.5rem 0.8rem 1.5rem;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.headersuche .tx-indexedsearch-info-sword,
.headersuche .tx-indexedsearch-browsebox .tx-indexedsearch-browsebox,
.headersuche .tx-indexedsearch-res {display: none;}
.headersuche .tx-indexedsearch-browsebox .displayResultsNew {font-family: 'Titillium Bold', sans-serif;}
.headersuche .tx-indexedsearch-browsebox {padding-left: 1.5rem;}
.content .tx-indexedsearch-searchbox-sword {
  border: 2px solid var(--green-800);
}
.headersuche:hover .tx-indexedsearch-searchbox-sword {
  border: 2px solid var(--green-800);
  transition: all 0.2s ease-in-out;
}
.content .tx-indexedsearch-searchbox {display: none;}
.tx-indexedsearch-form {position: relative; margin-bottom: 1rem;}
.tx-indexedsearch-form span.icon.search.white {
    background-color: var(--green-800);
    width: 70px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
#tx_indexedsearch fieldset {position: relative;}
.tx-indexedsearch-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 53px;
    width: 70px;
}
input#tx-indexedsearch-searchbox-button-submit {
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 0;
}
.content .tx-indexedsearch-selectbox-lang {display: none;}
.content .tx-indexedsearch-searchbox label {width: 125px;}
.content .content .tx-indexedsearch-searchbox-sword {width: 100%;margin-bottom: 0;}
.content label.innerlabel {width: 100%;}
.content #tx_indexedsearch legend {
    font-size: 2rem;
    margin: 0;
    padding-bottom: 1.5rem;
    color: var(--green-800);
    position: relative;
}
.content .tx-indexedsearch-browsebox {list-style: none;text-align: center;}
.content .tx-indexedsearch-browsebox .displayResultsNew {display: none;}
.content .tx-indexedsearch-browsebox li {display: inline-block;margin: 1rem;}
.content .tx-indexedsearch-percent {display: none;}
.content .tx-indexedsearch-title {
    width: 100%;
    display: block;
    padding-bottom: 0.5rem;
    color:var(--green-800);
    font-size: 1.2rem;
    font-family: 'Titillium Bold', sans-serif;
}
.content .tx-indexedsearch-title a {color:var(--green-800);}
.content .tx-indexedsearch-info {font-style: italic;font-size: 0.8rem; padding: 0;line-height: 1.4; display: none;}
.content .tx-indexedsearch-info p {margin: 0;}
.content .tx-indexedsearch-redMarkup { background: var(--green-500);font-family: 'Titillium Regular', sans-serif;}
.content .tx-indexedsearch-description {padding-bottom: 0;}
.content .tx-indexedsearch-search-for {margin-top: 2rem;}
.content .tx-indexedsearch-res {margin-bottom: 1rem; border: 2px solid var(--neutral-200);border-radius: 0.3125rem; overflow: hidden;  position: relative;padding: 1.5rem;transition: all 0.2s ease-in-out;}
.tx-indexedsearch-res>p {margin-bottom: 0.5rem;}
.content .tx-indexedsearch-info-noresult {margin-top: 1rem;color: #AD0401;}
.content .tx-indexedsearch-info-sword {margin: 1rem 0;}
.content .tx-indexedsearch-info-sword-word { font-family: 'Titillium Bold', sans-serif;color: var(--green-800); display: inline-block;}
.content .tx-indexedsearch-sectionhead .tx-indexedsearch-title {padding: 0rem 1rem; margin: 0;}
.tx-indexedsearch-result-count {font-family: 'Titillium Regular', sans-serif;}
.tx-indexedsearch-res span.icon.arrow {position: absolute; right: 1.5rem;background-color: var(--green-800)}
.tx-indexedsearch-path {display: none;}
.content .tx-indexedsearch-res:hover {border: 2px solid var(--green-800);transition: all 0.2s ease-in-out;}
.content .tx-indexedsearch-res:hover span.icon.arrow {transform: rotate(-45deg);transition: all 0.2s ease-in-out;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { font-family: 'Titillium Bold', sans-serif;transition: color 0.4s ease-in-out; color: var(--green-800); transition: all 0.3s ease-in-out;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */

#maincontent p a, #maincontent li a {
    color: var(--green-800);
    text-decoration: none;
    display: inline-block;
}
#maincontent p a:after, #maincontent li a:after {
  content: '';
    position: absolute;
    z-index: 1;
    bottom: 0.1rem;
    left: 0;
    width: 100%;
    height: 1px;
    background:  var(--green-800);;
    transition: width 0.2s ease;
}
#maincontent a:hover:after {width: 0;transition: width 0.2s ease;}

.content .frame-layout-1 { background: var(--neutral-100); position: relative;}
.content .frame-layout-2 { background: var(--gradient-green-dark); position: relative;}
.content .frame-layout-3 { background: var(--green-500); position: relative;}
.content .frame-layout-4 { background: var(--green-250); position: relative;}
.content .frame-layout-5 { background: var(--beige-250); position: relative;}

.content .ce-image.ce-center.ce-above img {width: 100%; height: auto; border-radius: 0.75rem;}

.textbox_main {position: relative;}
.textbox_main .row{
  margin-right: calc(-1.5 * var(--bs-gutter-x));
  margin-left: calc(-1.5 * var(--bs-gutter-x));
}
.textbox_main .row>* {
  padding-right: 0;
  padding-left: 0;
}
.textbox_main>.container { padding: 0 1.5rem;}
.textbox {
    height: 100%;
}
.textbox_inner {padding: 2rem 0; height: 100%;}
.textbox_titel_oben {
  color: var(--green-800);
  font-size: 1rem;
  font-family: 'Titillium Bold', sans-serif;
  margin-bottom: 1.5rem;
  position: absolute;
}
.textbox.titel_active {padding-top: 3rem;}
.frame-layout-2 .textbox_titel_oben {color: var(--neutral-white);}
.textbox_box {border-radius: 0.3125rem; padding: 1rem 1rem 1rem 1rem; position: relative; height: 100%; border: 2px solid;}
.textbox_box.button { padding: 1rem 1rem 4rem 1rem;}
.textbox_outer {height: 100%;}
.textbox_main.multibg .textbox_outer {height: 100%;padding: 3rem 1.5rem; position: relative;z-index: 1;}
.textbox_box.beige-250 {background: var(--beige-250); border-color:var(--beige-250); }
.textbox_box.beige-350 {background: var(--beige-350); border-color:var(--beige-350); }
.textbox_box.beige-500 {background: var(--beige-500); border-color:var(--beige-500); }
.textbox_box.beige-600 {background: var(--beige-600); border-color:var(--beige-600); }
.textbox_box.green-100 {background: var(--green-100); border-color:var(--green-100); }
.textbox_box.green-250 {background: var(--green-250); border-color:var(--green-250); }
.textbox_box.green-250 .textbox_titel { color: var(--green-800);}
.textbox_box.green-500 {background: var(--green-500); border-color:var(--green-500); color: var(--green-800);}
.textbox_box.green-500 .textbox_titel { color: var(--green-800);}
.textbox_box.green-600 {background: var(--green-600); border-color:var(--green-600);}
.textbox_box.green-600 .textbox_titel { color: var(--green-800);}
.textbox_box.green-800 {background: var(--green-800); border-color:var(--green-800); }
.textbox_box.neutral-white {background: var(--neutral-white);border-color:var(--neutral-white);}
.textbox_box.neutral-100 {background: var(--neutral-100);border-color:var(--neutral-100);}
.textbox_box.neutral-200 {background: var(--neutral-200);border-color:var(--neutral-200);}
.textbox_outer.beige-100 {background: var(--beige-100);}
.textbox_outer.beige-250 {background: var(--beige-250);}
.textbox_outer.green-100 {background: var(--green-100);}
.textbox_outer.green-250 {background: var(--green-250);}
.textbox_outer.green-500 {background: var(--green-500);}

.textbox_box.beige-250 .btn.btn-default { background: var(--beige-600); border: 2px solid var(--beige-600); color: var(--neutral-black);}
.textbox_box.beige-350 .btn.btn-default { background: var(--beige-100); border: 2px solid var(--beige-100); color: var(--neutral-black);}
.textbox_box.beige-600 .btn.btn-default { background: var(--beige-100); border: 2px solid var(--beige-100); color: var(--neutral-black);}
.textbox_box.beige-250 .btn.btn-default:hover,
.textbox_box.beige-350 .btn.btn-default:hover,
.textbox_box.beige-600 .btn.btn-default:hover { border: 2px solid var(--beige-700); color: var(--neutral-white);}
.textbox_box.beige-250 .btn.btn-default:before,
.textbox_box.beige-350 .btn.btn-default:before,
.textbox_box.beige-600 .btn.btn-default:before {background: var(--beige-700);}

.textbox_box.rahmen {border-color: var(--green-800);}
.textbox_titel {
  color: var(--neutral-black);
  font-size: 1.5rem;
  line-height: 1.75rem; 
  font-family: 'Titillium Bold', sans-serif;
  padding-bottom: 1rem;
}
.textbox_box p:last-child { margin: 0;}
.textbox_box .btn {position: absolute; bottom: 1rem; margin: 0;}
.textbox_box.green-800 {color: var(--neutral-white);}
.textbox_box.green-800 .textbox_titel {color: var(--neutral-white);}
.textbox_box.green-800 .btn.btn-default {background: var(--green-500); color: var(--green-800); border: 2px solid var(--green-500);}
.textbox_box.green-800 .btn.btn-default:hover {color: var(--neutral-white);}
.textbox_box.green-800 .btn.btn-default:before {background-color: var(--green-800);}

.textbox_main.multibg .textbox_box {background: var(--green-800); color: var(--neutral-100);border-color:var(--green-800);}
.textbox_main.multibg .textbox_box .textbox_titel {color: var(--neutral-100);}
.textbox_main.multibg .textbox_box .btn.btn-default {background: var(--green-500); color: var(--green-800); border: 2px solid var(--green-500);}
.textbox_main.multibg .textbox_box .btn.btn-default:hover {color: var(--neutral-white);}
.textbox_main.multibg .textbox_box .btn.btn-default:hover::before,
.textbox_main.multibg .textbox_box .btn.btn-default::before {background-color: var(--green-800) !important;}

.textbox_box.\31 {border-color: var(--green-800);}
.textbox_main.versetzt {padding-top: 3rem;}
.textbox_main.versetzt .col:nth-child(even) .textbox_outer {margin-top: -3rem;}

.textbox_main_bg {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  z-index: 0;
}
.textbox_main_bg.first {left: 0;}
.textbox_main_bg.last {right: 0;}
.textbox_main_bg.first.beige-100 {background: var(--beige-100);}
.textbox_main_bg.first.beige-250 {background: var(--beige-250);}
.textbox_main_bg.first.green-100 {background: var(--green-100);}
.textbox_main_bg.first.green-250 {background: var(--green-250);}
.textbox_main_bg.first.green-500 {background: var(--green-500);}
.textbox_main_bg.last.beige-100 {background: var(--beige-100);}
.textbox_main_bg.last.beige-250 {background: var(--beige-250);}
.textbox_main_bg.last.green-100 {background: var(--green-100);}
.textbox_main_bg.last.green-250 {background: var(--green-250);}
.textbox_main_bg.last.green-500 {background: var(--green-500);}

.textbox_main.gradient-green-dark {background: var(--gradient-green-dark);}
.textbox_main.gradient-green-dark .textbox_titel_oben {color: var(--neutral-white);}
.textbox_main.green-600 {background: var(--green-600);}
.textbox_outer_main {
  height: 100%;
  border-radius: 0.3125rem;
}

.bildtextbox_main .figure {margin: 0; height: 100%;}
.bildtextbox_main .figure img {height: 100%; object-fit: cover;}
.bildtextbox_titel {font-size: 1.5rem; color: var(--neutral-black); font-family: 'Titillium Bold', sans-serif;line-height: 1.75rem; padding-bottom: 0.5rem;}
.bildtextbox_inner {border-radius: 0.3125rem; overflow: hidden;}
.bildtextbox_inner.beige-250 {background: var(--beige-250);}
.bildtextbox_inner.beige-350 {background: var(--beige-350);}
.bildtextbox_inner.beige-500 {background: var(--beige-500);}
.bildtextbox_inner.beige-600 {background: var(--beige-600);}
.bildtextbox_inner.green-250 {background: var(--green-250);}
.bildtextbox_inner.green-500 {background: var(--green-500);}
.bildtextbox_inner.green-600 {background: var(--green-600);}
.bildtextbox_inner.green-800 {background: var(--green-800);}
.bildtextbox_main .icon {margin-bottom: 2rem;}
.bildtextbox_main a:hover {color: var(--neutral-black);}
.bildtextbox_main a:hover span.icon.arrow {
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}
.bildtextbox_inner_text {padding: 1.5rem 10rem 1.5rem 0;}
.bildtextbox_inner.green-800 .bildtextbox_titel, .bildtextbox_inner.green-800 .bildtextbox_text {color: var(--neutral-white);}
.bildtextbox_inner.green-250 .bildtextbox_titel, .bildtextbox_inner.green-250 .bildtextbox_text {color: var(--green-800);}
.bildtextbox_inner.green-500 .bildtextbox_titel, .bildtextbox_inner.green-500 .bildtextbox_text {color: var(--green-800);}
.bildtextbox_inner.green-250 .icon.arrow,
.bildtextbox_inner.green-500 .icon.arrow,
.bildtextbox_inner.green-600 .icon.arrow {background-color: var(--green-800);}
.bildtextbox_inner.green-800 .icon.arrow {background-color: var(--green-500);}


.box_mit_icon_main.neutral-white { background: var(--neutral-white);}
.box_mit_icon_main.neutral-100 { background: var(--neutral-100);}
.box_mit_icon_main.neutral-200 { background: var(--neutral-200);}

.direktlinks {
  background: var(--gradient-green-dark);
  padding: 1rem 0;
  color: var(--neutral-100);
  line-height: 1.5;
}
.direktlinks a {color: var(--neutral-100);}
.direktlinks a:hover {text-decoration: underline;}
.direktlinks .titel { font-family: 'Titillium Bold', sans-serif;}

.accordion_horizontal {display: inline-flex; gap: 1.5rem;}
.accordion_horizontal_item {width: 25%; transition: width 0.3s ease-in-out; height: 400px;}
.accordion_horizontal_item.active {width: 50%;transition: width 0.3s ease-in-out;}
.accordion_horizontal_item {position: relative; border-radius: 0.75rem; overflow: hidden;}
.accordion_horizontal span.icon.arrow {position: absolute; right: 1.5rem; top: 1.5rem;transition: all 0.2s ease-in-out; z-index: 1;}
.accordion_horizontal_item:hover span.icon.arrow, .accordion_horizontal_item.active span.icon.arrow {
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}
.content .accordion_horizontal_item.green-800 .icon {background-color: var(--green-500);}
.accordion_horizontal_item .text {
  display: flex;
  align-items: end;
  position: relative; 
  padding: 1.5rem;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.accordion_horizontal_item .text:after {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.accordion_horizontal_item.beige-250 .text:after {background: var(--beige-250);}
.accordion_horizontal_item.beige-350 .text:after {background: var(--beige-35050);}
.accordion_horizontal_item.beige-600 .text:after {background: var(--beige-600);}
.accordion_horizontal_item.green-250 .text:after {background: var(--green-250);}
.accordion_horizontal_item.green-800 .text:after {background: var(--green-800);}
.accordion_horizontal_item.active .text:after {opacity: 0;transition: all 0.5s ease-in-out;}
.accordion_horizontal_item .text .text_titel {
  display: block;
  font-size: 1.75rem;
  font-family: 'Titillium Bold', sans-serif;
  line-height: 2.0625rem; 
  position: relative;
  z-index: 3;
  color: var(--neutral-black);
  width: 80%;
  transition: all 0.5s ease-in-out;
}
.accordion_horizontal_item .text .text_text {
  text-shadow: 0px -1px 7.5px rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--neutral-black);
  font-family: 'Titillium Bold', sans-serif;
  position: relative;
  z-index: 2;
  display: block;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  padding-top: 100px;
}
.accordion_horizontal_item:hover .text .text_text, .accordion_horizontal_item.active .text .text_text {opacity: 1;transition: all 0.5s ease-in-out; padding-top: 0;}
.accordion_horizontal_item:hover .text .text_titel, .accordion_horizontal_item.active .text .text_titel {width: 100%;transition: all 0.5s ease-in-out;}
.accordion_horizontal_item.green-800 .text .text_text, .accordion_horizontal_item.green-800 .text .text_titel { color: var(--neutral-white);transition: all 0.3s ease-in-out;}
.accordion_horizontal_item.green-800:hover .text .text_text, .accordion_horizontal_item.green-800:hover .text .text_titel { color: var(--neutral-black);transition: all 0.3s ease-in-out;}
.accordion_horizontal_item a {display: block; height: 100%; position: relative;}
.accordion_horizontal_item span.text_inner {height: 65px; display: block;}
.accordion_horizontal_item a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='255' height='262' viewBox='0 0 255 262' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000968178 166.09L121.644 166.09C128.941 166.09 135.718 163.861 141.332 160.049C151.204 154.14 157.814 143.342 157.814 131C157.814 118.658 151.204 107.861 141.332 101.952C135.718 98.1396 128.941 95.9112 121.644 95.9111L0.000962043 95.9112L0.000953658 2.22912e-05L133.338 1.06345e-05L133.338 0.332042C200.765 5.08997 254.105 60.874 254.972 129.307L254.982 131C254.982 203.349 196.332 262 123.982 262L0.000976562 262L0.000968178 166.09Z' fill='url(%23paint0_linear_4784_4347)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4784_4347' x1='0.000888825' y1='131.447' x2='254.806' y2='131.447' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F3ECDB'/%3E%3Cstop offset='0.98719' stop-color='%23CFBB8D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
  left: 0px;
  height: 60%;
  width: 100%;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  background-size: contain;
}
.accordion_horizontal_item.beige-500 a:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='253' height='260' viewBox='0 0 253 260' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4784_4354' fill='white'%3E%3Cpath d='M252.174 95.3544H131.871C112.705 95.3544 97.168 110.892 97.168 130.057C97.168 149.223 112.705 164.761 131.871 164.761H252.174V259.615H120.305V259.287C53.6198 254.581 0.868177 199.411 0.0107422 131.732L0 130.057C0 58.5048 58.0049 0.499878 129.558 0.499878H252.174V95.3544Z'/%3E%3C/mask%3E%3Cpath d='M252.174 95.3544V97.6679H254.487V95.3544H252.174ZM97.168 130.057H94.8544H97.168ZM252.174 164.761H254.487V162.447H252.174V164.761ZM252.174 259.615V261.929H254.487V259.615H252.174ZM120.305 259.615H117.991V261.929H120.305V259.615ZM120.305 259.287H122.618V257.131L120.468 256.979L120.305 259.287ZM0.0107422 131.732L-2.30274 131.747L-2.30269 131.754L-2.3026 131.762L0.0107422 131.732ZM0 130.057H-2.31353V130.065L-2.31348 130.072L0 130.057ZM252.174 0.499878H254.487V-1.81365H252.174V0.499878ZM252.174 95.3544V93.0408H131.871V95.3544V97.6679H252.174V95.3544ZM131.871 95.3544V93.0408C111.427 93.0408 94.8544 109.614 94.8544 130.057H97.168H99.4815C99.4815 112.169 113.983 97.6679 131.871 97.6679V95.3544ZM97.168 130.057H94.8544C94.8545 150.501 111.427 167.074 131.871 167.074V164.761V162.447C113.983 162.447 99.4815 147.946 99.4815 130.057H97.168ZM131.871 164.761V167.074H252.174V164.761V162.447H131.871V164.761ZM252.174 164.761H249.86V259.615H252.174H254.487V164.761H252.174ZM252.174 259.615V257.302H120.305V259.615V261.929H252.174V259.615ZM120.305 259.615H122.618V259.287H120.305H117.991V259.615H120.305ZM120.305 259.287L120.468 256.979C54.9758 252.358 3.16619 198.172 2.32408 131.703L0.0107422 131.732L-2.3026 131.762C-1.42983 200.651 52.2637 256.805 120.142 261.595L120.305 259.287ZM0.0107422 131.732L2.32422 131.717L2.31348 130.043L0 130.057L-2.31348 130.072L-2.30274 131.747L0.0107422 131.732ZM0 130.057H2.31353C2.31353 59.7826 59.2827 2.81341 129.558 2.81341V0.499878V-1.81365C56.7272 -1.81365 -2.31353 57.2271 -2.31353 130.057H0ZM129.558 0.499878V2.81341H252.174V0.499878V-1.81365H129.558V0.499878ZM252.174 0.499878H249.86V95.3544H252.174H254.487V0.499878H252.174Z' fill='%23F3ECDB' mask='url(%23path-1-inside-1_4784_4354)'/%3E%3C/svg%3E");
  right: -2px;
  left: auto;
  background-position: right top;
}
.accordion_horizontal_item.green-800 a:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='255' height='262' viewBox='0 0 255 262' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-8.38473e-06 166.09L121.643 166.09C128.94 166.09 135.717 163.861 141.331 160.049C151.203 154.14 157.813 143.342 157.813 131C157.813 118.658 151.203 107.861 141.331 101.952C135.717 98.1396 128.94 95.9112 121.643 95.9111L-1.45199e-05 95.9112L-2.29048e-05 2.22912e-05L133.337 1.06345e-05L133.337 0.332042C200.764 5.08997 254.104 60.874 254.971 129.307L254.981 131C254.981 203.349 196.331 262 123.981 262L0 262L-8.38473e-06 166.09Z' fill='url(%23paint0_linear_4784_4376)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4784_4376' x1='-8.77372e-05' y1='131.447' x2='254.805' y2='131.447' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237FACB1'/%3E%3Cstop offset='0.98719' stop-color='%2323636A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  left: 0px;
  right: auto;
  background-position: left bottom;
  z-index: 2;
}
.accordion_horizontal_item a:after {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='254' height='261' viewBox='0 0 254 261' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4784_4340' fill='white'%3E%3Cpath d='M254 95.5409H132.826C126.029 95.5409 119.686 97.4829 114.318 100.84C103.833 106.572 96.7208 117.703 96.7207 130.495C96.7207 143.287 103.833 154.417 114.318 160.149C119.686 163.506 126.029 165.449 132.826 165.449L254 165.449L254 260.991H121.176V260.66C53.4548 255.881 0 199.432 0 130.495C0.000163831 58.4246 58.4247 9.90921e-06 130.495 -0.00012207L254 -0.00012207V95.5409Z'/%3E%3C/mask%3E%3Cpath d='M254 95.5409V97.8438H256.303V95.5409H254ZM132.826 95.5409V93.238V95.5409ZM114.318 100.84L115.423 102.86L115.482 102.828L115.539 102.792L114.318 100.84ZM96.7207 130.495L94.4178 130.495V130.495H96.7207ZM114.318 160.149L115.54 158.197L115.482 158.161L115.423 158.129L114.318 160.149ZM132.826 165.449V167.752V165.449ZM254 165.449H256.303V163.146H254V165.449ZM254 260.991V263.294H256.303V260.991H254ZM121.176 260.991H118.873V263.294H121.176V260.991ZM121.176 260.66H123.479V258.514L121.338 258.363L121.176 260.66ZM0 130.495H-2.30288H0ZM130.495 -0.00012207V-2.303V-0.00012207ZM254 -0.00012207L256.303 -0.00012207V-2.303H254V-0.00012207ZM254 95.5409V93.238H132.826V95.5409V97.8438H254V95.5409ZM132.826 95.5409V93.238C125.584 93.238 118.82 95.3084 113.097 98.8873L114.318 100.84L115.539 102.792C120.552 99.6574 126.474 97.8438 132.826 97.8438V95.5409ZM114.318 100.84L113.214 98.8191C102.019 104.939 94.4179 116.827 94.4178 130.495L96.7207 130.495L99.0236 130.495C99.0237 118.578 105.646 108.205 115.423 102.86L114.318 100.84ZM96.7207 130.495H94.4178C94.4178 144.163 102.019 156.05 113.214 162.17L114.318 160.149L115.423 158.129C105.646 152.784 99.0236 142.412 99.0236 130.495H96.7207ZM114.318 160.149L113.097 162.102C118.82 165.681 125.584 167.752 132.826 167.752V165.449V163.146C126.474 163.146 120.552 161.332 115.54 158.197L114.318 160.149ZM132.826 165.449V167.752L254 167.752V165.449V163.146L132.826 163.146V165.449ZM254 165.449H251.697L251.697 260.991H254H256.303V165.449H254ZM254 260.991V258.688H121.176V260.991V263.294H254V260.991ZM121.176 260.991H123.479V260.66H121.176H118.873V260.991H121.176ZM121.176 260.66L121.338 258.363C54.8142 253.669 2.30288 198.214 2.30288 130.495H0H-2.30288C-2.30288 200.65 52.0954 258.094 121.014 262.957L121.176 260.66ZM0 130.495H2.30288C2.30304 59.6965 59.6966 2.30289 130.495 2.30276V-0.00012207V-2.303C57.1529 -2.30287 -2.30271 57.1528 -2.30288 130.495H0ZM130.495 -0.00012207V2.30276L254 2.30276V-0.00012207V-2.303L130.495 -2.303V-0.00012207ZM254 -0.00012207L251.697 -0.00012207V95.5409H254H256.303V-0.00012207L254 -0.00012207Z' fill='%23CFBB8D' mask='url(%23path-1-inside-1_4784_4340)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  bottom: 0;
  right: -2px;
  height: 60%;
  width: 100%;
  z-index: 0;
  transition: all 0.5s ease-in-out;
  background-size: contain;
}
.accordion_horizontal_item.beige-500 a:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='253' height='260' viewBox='0 0 253 260' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.29244e-06 164.761L120.303 164.761C139.469 164.761 155.006 149.224 155.006 130.058C155.006 110.892 139.469 95.3546 120.303 95.3546L1.43601e-05 95.3546L2.26526e-05 0.5001L131.869 0.500112L131.869 0.828237C198.554 5.53399 251.306 60.704 252.163 128.383L252.174 130.058C252.174 201.61 194.169 259.615 122.616 259.615L0 259.615L8.29244e-06 164.761Z' fill='url(%23paint0_linear_4784_4361)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4784_4361' x1='0.174174' y1='80.1555' x2='252' y2='80.1555' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F3ECDB'/%3E%3Cstop offset='1' stop-color='%23CFBB8D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  left: -2px;
  right: auto;
  background-position: left bottom;
  z-index: 2;
}
.accordion_horizontal_item.green-800 a:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='254' height='261' viewBox='0 0 254 261' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4784_4369' fill='white'%3E%3Cpath d='M254 95.5409H132.826C126.029 95.5409 119.686 97.4829 114.318 100.84C103.833 106.572 96.7208 117.703 96.7207 130.495C96.7207 143.287 103.833 154.417 114.318 160.149C119.686 163.506 126.029 165.449 132.826 165.449L254 165.449L254 260.991H121.176V260.66C53.4548 255.881 0 199.432 0 130.495C0.000163831 58.4246 58.4247 9.90921e-06 130.495 -0.00012207L254 -0.00012207V95.5409Z'/%3E%3C/mask%3E%3Cpath d='M254 95.5409V97.8438H256.303V95.5409H254ZM132.826 95.5409V93.238V95.5409ZM114.318 100.84L115.423 102.86L115.482 102.828L115.539 102.792L114.318 100.84ZM96.7207 130.495L94.4178 130.495V130.495H96.7207ZM114.318 160.149L115.54 158.197L115.482 158.161L115.423 158.129L114.318 160.149ZM132.826 165.449V167.752V165.449ZM254 165.449H256.303V163.146H254V165.449ZM254 260.991V263.294H256.303V260.991H254ZM121.176 260.991H118.873V263.294H121.176V260.991ZM121.176 260.66H123.479V258.514L121.338 258.363L121.176 260.66ZM0 130.495H-2.30288H0ZM130.495 -0.00012207V-2.303V-0.00012207ZM254 -0.00012207L256.303 -0.00012207V-2.303H254V-0.00012207ZM254 95.5409V93.238H132.826V95.5409V97.8438H254V95.5409ZM132.826 95.5409V93.238C125.584 93.238 118.82 95.3084 113.097 98.8873L114.318 100.84L115.539 102.792C120.552 99.6574 126.474 97.8438 132.826 97.8438V95.5409ZM114.318 100.84L113.214 98.8191C102.019 104.939 94.4179 116.827 94.4178 130.495L96.7207 130.495L99.0236 130.495C99.0237 118.578 105.646 108.205 115.423 102.86L114.318 100.84ZM96.7207 130.495H94.4178C94.4178 144.163 102.019 156.05 113.214 162.17L114.318 160.149L115.423 158.129C105.646 152.784 99.0236 142.412 99.0236 130.495H96.7207ZM114.318 160.149L113.097 162.102C118.82 165.681 125.584 167.752 132.826 167.752V165.449V163.146C126.474 163.146 120.552 161.332 115.54 158.197L114.318 160.149ZM132.826 165.449V167.752L254 167.752V165.449V163.146L132.826 163.146V165.449ZM254 165.449H251.697L251.697 260.991H254H256.303V165.449H254ZM254 260.991V258.688H121.176V260.991V263.294H254V260.991ZM121.176 260.991H123.479V260.66H121.176H118.873V260.991H121.176ZM121.176 260.66L121.338 258.363C54.8142 253.669 2.30288 198.214 2.30288 130.495H0H-2.30288C-2.30288 200.65 52.0954 258.094 121.014 262.957L121.176 260.66ZM0 130.495H2.30288C2.30304 59.6965 59.6966 2.30289 130.495 2.30276V-0.00012207V-2.303C57.1529 -2.30287 -2.30271 57.1528 -2.30288 130.495H0ZM130.495 -0.00012207V2.30276L254 2.30276V-0.00012207V-2.303L130.495 -2.303V-0.00012207ZM254 -0.00012207L251.697 -0.00012207V95.5409H254H256.303V-0.00012207L254 -0.00012207Z' fill='%237FACB1' mask='url(%23path-1-inside-1_4784_4369)'/%3E%3C/svg%3E%0A");
  right: -2px;
  left: auto;
  background-position: right top;
}
.accordion_horizontal_item:hover a:before, 
.accordion_horizontal_item.active a:before,
.accordion_horizontal_item.beige-500.active a:after {
  transition: all 0.5s ease-in-out;
  margin-left: -100%;
}
.accordion_horizontal_item:hover a:after, 
.accordion_horizontal_item.active a:after,
.accordion_horizontal_item.beige-500.active a:before {
  transition: all 0.5s ease-in-out;
  margin-right: -100%;
}
.accordion_horizontal_item.beige-500 .verlauf{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 8.33%, rgba(255, 255, 255, 0.00) 100%);
}

.box_mit_icon_main {padding: 5rem 0;}
.box_mit_icon_outer, .box_mit_icon_inner, .box_mit_icon {height: 100%;}
.box_mit_icon {
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
}
.box_mit_icon>a {display: block;height: 100%;padding-top: 1.5rem;}
.box_mit_icon_inner_inner {display: flex; flex-direction: column; padding: 1.5rem 1.5rem 0 1.5rem; height: 100%;position: relative;transition: transform 0.3s ease;border-radius: 0.3125rem;}
.box_mit_icon>a:hover .box_mit_icon_inner_inner {transform: translateY(-1.5rem);}
.box_mit_icon.beige-250 .box_mit_icon_inner_inner {background: var(--beige-250);}
.box_mit_icon.beige-350 .box_mit_icon_inner_inner {background: var(--beige-350);}
.box_mit_icon.beige-500 .box_mit_icon_inner_inner {background: var(--beige-500);}
.box_mit_icon.beige-600 .box_mit_icon_inner_inner {background: var(--beige-600);}
.box_mit_icon.green-250 .box_mit_icon_inner_inner {background: var(--green-250);}
.box_mit_icon.green-500 .box_mit_icon_inner_inner {background: var(--green-500);}
.box_mit_icon.green-600 .box_mit_icon_inner_inner {background: var(--green-600);}
.box_mit_icon.green-800 .box_mit_icon_inner_inner {background: var(--green-800);}
.box_mit_icon.neutral-200 .box_mit_icon_inner_inner {background: var(--neutral-200);}
.box_mit_icon.neutral-white .box_mit_icon_inner_inner {background: var(--neutral-white);}


.box_mit_icon_titel {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-family: 'Titillium Bold', sans-serif;
  display: block;
  margin-right: 4rem;
  margin-bottom: 0.5rem;
}
.box_mit_icon.neutral-200 .box_mit_icon_titel { color: var(--green-800);}
.box_mit_icon .icon {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.box_mit_icon>a:hover {color: var(--neutral-black);}
.box_mit_icon>a:hover span.icon.arrow {
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}
.content .box_mit_icon.neutral-white .icon,
.content .box_mit_icon.neutral-200 .icon,
.content .box_mit_icon.green-250 .icon,
.content .box_mit_icon.green-500 .icon,
.content .box_mit_icon.green-600 .icon {
    background-color: var(--green-800);
}
.content .box_mit_icon.green-800 .icon {
    background-color: var(--green-500);
}
.content .box_mit_icon.green-800 a {color: var(--neutral-white);}
.box_mit_icon figure.figure, .box_mit_icon figure.figure.hover {margin: 0; display: flex; height: 100%; flex-direction: column; justify-content: end; align-items: center;transition: transform 0.3s ease;}
.box_mit_icon figure.figure.hover {display: none;transition: transform 0.3s ease;}
.box_mit_icon>a:hover figure.figure.normal {display: none;transition: transform 0.3s ease; opacity: 0;}
.box_mit_icon>a:hover figure.figure.hover {display: flex;transition: transform 0.3s ease; opacity: 1;}


.content .justify-content-between {
  --bs-gutter-x: 3.5rem;
  --bs-gutter-y: 1.5rem;
}

#maincontent tbody, td, #maincontent tfoot, #maincontent th, #maincontent thead, tr {
    border-color: var(--green-800);
    border-style: solid;
    border-width: 0px;
    padding: 0.5rem 1rem;
}
#maincontent th {background-color: #005a63; color: #fff;}
#maincontent tr:nth-child(odd) {background-color:var(--neutral-white);}
#maincontent tr:nth-child(even) {background-color:var(--green-250);}
.contenttable {width: 100%;}

.content ul {padding-left: 1rem; display: flex; gap: 0.5rem; flex-direction: column;}
.content ul li::marker {color: var(--green-800);}

.accordion-header {padding: 0; font-size: 1.125rem;font-family: 'Titillium Bold', sans-serif; letter-spacing: 0.04em;}
.accordion-item:first-of-type {border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item {
    background-color: transparent;
    border: none;
    border-top: 2px solid var(--green-250);
    border-bottom: 2px solid var(--green-250);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    color: var(--green-800);
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    text-transform: uppercase;
}
.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: var(--green-800);
    background-color: transparent;
    box-shadow: none;
}

.accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.9411 9.48702L15.5858 8.13173L9.76485 13.9527L9.76485 0.955478L7.85389 0.955478L7.85389 13.9527L2.03293 8.13173L0.677644 9.48701L8.80937 17.6187L16.9411 9.48702Z' fill='%23005A63'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.9411 9.48702L15.5858 8.13173L9.76485 13.9527L9.76485 0.955478L7.85389 0.955478L7.85389 13.9527L2.03293 8.13173L0.677644 9.48701L8.80937 17.6187L16.9411 9.48702Z' fill='%23005A63'/%3E%3C/svg%3E");}

.accordion-body h2, .accordion-body h3, .accordion-body h4 {font-size: 1.125rem;line-height: 1.625rem; letter-spacing: 0.04em; padding-bottom: 0.5rem; text-transform: uppercase;font-family: 'Titillium Bold', sans-serif;}
.accordion-body {padding: 0 0 1rem 0;}

#footer {
    background: var(--gradient-green-dark);
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: var(--neutral-100);
    line-height: 1.5;
}
#footer h2 {font-size: 1rem; color:  var(--neutral-100); padding-bottom: 1rem; line-height: inherit;}
#footer .frame-type-menu_pages a {color:  var(--neutral-100);}
#footer .frame-type-menu_pages a:hover {color: var(--green-500);}  

.e-service a {
    position: fixed;
    right: -5px;
    top: 15%;
    z-index: 1;
    display: flex;
    width: 8rem;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.625rem;
    border-radius: 0.25rem;
    background: var(--green-800);
    color: var(--green-250);
    font-size: 0.8rem;
    line-height: 1.125rem;
    font-family: 'Titillium Bold', sans-serif; 
    display: block;
    box-shadow: -10px 33px 10px 0px rgba(0, 0, 0, 0.00), -7px 21px 9px 0px rgba(0, 0, 0, 0.02), -4px 12px 8px 0px rgba(0, 0, 0, 0.08), -2px 5px 6px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease-in-out;
}
.e-service p {margin: 0;}
.e-service a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='36' viewBox='0 0 51 36' fill='none'%3E%3Cpath d='M39.822 27.9453L32.8357 20.959L34 19.5L38.75 24L38.75 11.1782H41V24L45.5 19.5L46.8083 20.959L39.822 27.9453ZM2.79452 35.5029C2.02603 35.5029 1.36815 35.2292 0.820891 34.682C0.27363 34.1347 0 33.4768 0 32.7083V28.5166H2L2 33.5H49L49 28.5166H51V32.7083C51 33.4768 50.7264 34.1347 50.1791 34.682C49.6319 35.2292 48.974 35.5029 48.2055 35.5029H2.79452Z' fill='%23D2E8E3'/%3E%3Cpath d='M12.5754 12.5753H23.7535V5.58904H12.5754V12.5753ZM29.3425 25.1507C29.3425 25.9192 29.0689 26.5771 28.5216 27.1243C27.9743 27.6716 27.3165 27.9452 26.548 27.9452H9.78085C9.01236 27.9452 8.35448 27.6716 7.80722 27.1243C7.25996 26.5771 6.98633 25.9192 6.98633 25.1507V2.79452C6.98633 2.02603 7.25996 1.36815 7.80722 0.820891C8.35448 0.27363 9.01236 0 9.78085 0H26.548C27.3165 0 27.9743 0.27363 28.5216 0.820891C29.0689 1.36815 29.3425 2.02603 29.3425 2.79452V25.1507ZM27.5 26V2H8.5V26H27.5Z' fill='%23D2E8E3'/%3E%3Crect x='12.5752' y='15.3699' width='11.1781' height='1.39726' fill='%23D2E8E3'/%3E%3Crect x='12.5752' y='18.1643' width='11.1781' height='1.39726' fill='%23D2E8E3'/%3E%3Crect x='12.5752' y='20.959' width='6.9863' height='1.39726' fill='%23D2E8E3'/%3E%3C/svg%3E");
  width: 55px;
  display: block;
  height: 38px;
  background-repeat: no-repeat;
}
.e-service a:hover {
  transition: all 0.2s ease-in-out;
  background: var(--green-250);
  color: var(--green-800);

}
.e-service a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='36' viewBox='0 0 51 36' fill='none'%3E%3Cpath d='M39.822 27.9453L32.8357 20.959L34 19.5L38.75 24L38.75 11.1782H41V24L45.5 19.5L46.8083 20.959L39.822 27.9453ZM2.79452 35.5029C2.02603 35.5029 1.36815 35.2292 0.820891 34.682C0.27363 34.1347 0 33.4768 0 32.7083V28.5166H2L2 33.5H49L49 28.5166H51V32.7083C51 33.4768 50.7264 34.1347 50.1791 34.682C49.6319 35.2292 48.974 35.5029 48.2055 35.5029H2.79452Z' fill='%23005A63'/%3E%3Cpath d='M12.5754 12.5753H23.7535V5.58904H12.5754V12.5753ZM29.3425 25.1507C29.3425 25.9192 29.0689 26.5771 28.5216 27.1243C27.9743 27.6716 27.3165 27.9452 26.548 27.9452H9.78085C9.01236 27.9452 8.35448 27.6716 7.80722 27.1243C7.25996 26.5771 6.98633 25.9192 6.98633 25.1507V2.79452C6.98633 2.02603 7.25996 1.36815 7.80722 0.820891C8.35448 0.27363 9.01236 0 9.78085 0H26.548C27.3165 0 27.9743 0.27363 28.5216 0.820891C29.0689 1.36815 29.3425 2.02603 29.3425 2.79452V25.1507ZM27.5 26V2H8.5V26H27.5Z' fill='%23005A63'/%3E%3Crect x='12.5752' y='15.37' width='11.1781' height='1.39726' fill='%23005A63'/%3E%3Crect x='12.5752' y='18.1644' width='11.1781' height='1.39726' fill='%23005A63'/%3E%3Crect x='12.5752' y='20.959' width='6.9863' height='1.39726' fill='%23005A63'/%3E%3C/svg%3E");

}


.scrollToTop {
    font-size: 1rem;
    cursor: pointer;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: block;
    border-radius: 50%;
    z-index: 10;
    height: 50px !important;
    width: 50px;
    display: none;
    background:var(--green-500);
    box-shadow: 0 4px 12px rgba(0, 90, 99, .3);
    transition: transform .2s ease, box-shadow .2s ease;

}
.scrollToTop span {display: none;}
.scrollToTop a {color: var(--green-800); display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #005a63; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 50px;width: 50px; text-align: center;border-radius: 50%;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #005a63;}
::-webkit-scrollbar-thumb:active { background: #005a63;}

/* NEWS */
.content .news .article {
    padding-bottom: 0;
    margin-bottom: 0;
}
.news-list-view .article .header>a {padding: 1.5rem;position: relative;display: block;}
.news-list-view .article .header>a .newsleft, .news-list-view .article .header>a .newsright {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.news-list-view .article .header>a .newsleft {padding-right: 9rem;}
.news-list-view .article .header p {margin: 0;font-family: 'Titillium Bold', sans-serif; }
span.newsright {
    position: absolute;
    top: 0;
    right: 1.5rem;
    height: 100%;
}
.content .news-list-view .icon {
    height: 30px;
    width: 30px;
    display: block;
    background-color: transparent;
    border-radius: 50%;
    background-position: center;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}
.content .news-list-view .article .header>a:hover .icon {transform: rotate(-45deg);transition: all 0.2s ease-in-out;}
.content .news-list-view .article {border-top: 2px solid var(--green-250);}
.news-list-view .article:last-child {border-bottom: 2px solid var(--green-250);}
.content .news-list-view .article .header>a:hover {background: var(--green-250);color: var(--neutral-black) !important;}
.news-single .news-list-date {margin-bottom: 1rem;}
.newsright_new {
  border-radius: 50px;
  background: var(--green-500);
  font-size: 0.75rem;
  color: var(--neutral-black);
  padding: 0.625rem 1rem;
  font-family: 'Titillium Bold', sans-serif;
}



@media (min-width: 991px) {
}

@media (max-width: 1399px) {
  #mainnav #navbar .nav {gap: 1em;}
  .textbox_main .row {
      margin-right: calc(-1.5 * var(--bs-gutter-x));
      margin-left: calc(-1.5 * var(--bs-gutter-x));
  }
  .textbox_main.multibg .row {
      margin-right: calc(-.5 * var(--bs-gutter-x));
      margin-left: calc(-.5 * var(--bs-gutter-x));
  }
  .textbox_main .row>* {flex: auto; max-width: 50%;}
  .textbox_main.multibg .textbox_main_bg {display: none;}
}    

@media (max-width: 1199px) {
  
  .headertext_main {position: relative;}
  .headerbild {margin-bottom: 3rem;margin-left: 10%;}
  .mobilenav {display: flex;justify-content: end;}
  .textbox_main.multibg .row>* {flex: auto;}
  .textbox_main.multibg>.container {max-width: 100%; padding: 0;}
  .textbox_main.multibg .textbox_outer_main {
    max-width: 960px;
    padding-right:0.75rem;
    padding-left: 0.75rem;
    margin: 0 auto;
  } 
   #header li, #header li a, .headermain {display: none; position: fixed; height: 0;}
   .mm-menu_opened {background: var(--gradient-green-dark);}
   .mm-wrapper_opening #header.holdontop {border-bottom: none;}
   button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
   .fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
   #header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
   .mm-panel {padding: 0;}
   .mm-panels, .mm-panel, .mm-panels { background: transparent;}
   .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: var(--neutral-white); border-width: 2px;}
   .mm-btn {width: 50px;}
   .mm-panel:after, .mm-panel:before {height: 0px;}
   .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 16px; height: 16px;}
   .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 16px; border-width: 1px;}
   .mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 39px;}
   .mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #005a63;}
   .mm-navbar {padding: 0 15px; height: 80px; border-bottom: none; background: transparent;}
   .mm-navbars_top {height: 65px; border-bottom: none; background: transparent;}
   .mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
   .mm-panel_has-navbar { padding-top: 55px;}
   .mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
   .mm-navbars_bottom a {padding: 0;}
   .mm-listview li.active a { color: #005a63;background: var(--green-250);}
   a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
   a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
   .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: var(--neutral-white); border-width: 1px;}
   .mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #005a63;}
   .mm-listitem .mm-btn_next:before { border-left-width: 0;}
   .mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #005a63; background: #fff !important;}
   .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: var(--neutral-white); font-size: 1.2rem; padding: 0; line-height: 60px;}
   .mm-navbar a:hover {background: transparent;}
   .mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1rem; line-height: 1.4rem;}
   .mm-listitem>a { padding: 10px 15px;}
   .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top: 10px !important;}
   .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
   [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
   .mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
   .mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:var(--neutral-white); }
   .mm-menu a:hover {background: transparent !important;}
   .mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: var(--neutral-white);}
   .mm-panel_has-navbar .mm-navbar { display: block; background: transparent; height: 65px; border-bottom: 1px solid #eee;}
   .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
   .mm-listview li.active a {border-left: 1px solid var(--green-800) !important;}
   .mm-listview li.active .mm-btn_next:after {border-color: #111111;}
   .mm-menu_multiline .mm-listitem>a:hover { background: var(--green-250) !important; color:#005a63;}
   .mm-navbars_bottom a {line-height: 40px !important;}
   .mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
   .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
   ul.nav.navbar.mm-listview { padding: 0;}
     .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
     a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto; top: 5px;}
     .mm-panels, .mm-panels>.mm-panel {top: 40px;}
     .mm-navbar img {vertical-align: top; margin-top: 5px;}
     .mm-navbars_bottom .fab { font-size: 1.4rem; color: #005a63;}
     a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #111111;}
     
     #header .mburger {color: #7FACB1 !important; height: 35px; padding: 0;width: 36px; margin-top: 5px;}
     .mburger:after {display: none;}
   #header.holdontop .mburger, .mm-wrapper_opened #header .mburger b {color: #7FACB1;}
   .mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
     
     .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
     .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
     .mburger span {
       display: block;
       position: absolute;
       left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
       width: calc(var(--mb-button-size) * var(--mb-bar-width));
       height: var(--mb-bar-height);
       border-radius: calc(var(--mb-bar-height)/ 2);
       background: currentColor;
       color: inherit;
       opacity: 1;
   }
   .mburger b {
       font-size: 0;
       left: 0;
   }
 }

@media (max-width: 991px) {
  .direktlinks .titel {
      width: 100%;
      text-align: center;
  }
  .textbox_main.multibg .textbox_outer_main {max-width: 720px;}

}
@media (max-width: 767px) {
  .tralertext_inner {
    padding: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .order-bottom {order: 2;}
  .textbox_main.multibg .textbox_outer_main {max-width: 540px;}
  .textbox_main .row>*, .box_mit_icon_main .row>* {flex: auto; max-width: 100%;}
  .textbox_main.multibg .row {
        margin-right: calc(-1 * var(--bs-gutter-x));
        margin-left: calc(-1 * var(--bs-gutter-x));
    }
  .textbox_main.versetzt {padding-top: 0rem;}
  .textbox_main.versetzt .col:nth-child(even) .textbox_outer {margin-top: 0rem;}
  .bildtextbox_inner_text { padding: 1.5rem 10rem 1.5rem 1.5rem;}
	

}

@media (max-width: 690px) {
}

@media (max-width: 575px) {
.textbox_main.multibg .textbox_outer_main {max-width: 100%;padding: 0 0.25rem;}
}






.dropdown {position: inherit;}
#navbar .nav {gap:1.5rem;}
#navbar .nav-link {padding: 0; display: inline-block;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 2;
    width: 100%;
    padding-top: 2rem !important;
}
#navbar ul.sub>span {background: var(--neutral-200); display: block;}
#navbar ul.sub .nav {gap: 0;}
#navbar ul.sub .container {
    position: relative;
    display: block;
    z-index: 20;
    padding:3rem 0;
}
#navbar ul.sub .container>ul { height: 100%; gap: 1.5rem;}
#navbar ul.sub .container>ul>* {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}
ul.sub .container>ul li.nav_box {text-align: left;position: relative;}
ul.sub .container>ul li.nav_box:before {
  content: "";
  background: var(--green-800);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='34' viewBox='0 0 33 34' fill='none'%3E%3Cg clip-path='url(%23clip0_4556_1452)'%3E%3Cpath d='M16.4999 8.78861L15.1446 10.1439L20.9656 15.9649L7.96837 15.9649L7.96837 17.8758L20.9656 17.8758L15.1446 23.6968L16.4999 25.0521L24.6316 16.9203L16.4999 8.78861Z' fill='%23F3ECDB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4556_1452'%3E%3Crect width='23' height='23' fill='white' transform='translate(16.5 0.65686) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  position: absolute; 
  top: 1.5rem;
  right: 1rem;
  z-index: 1;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  padding: 0.2rem;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
ul.sub .container>ul li.nav_box:hover:before {transform: rotate(-45deg); transition: all 0.2s ease-in-out;}

ul.sub li.nav_box.nav-item.col>span {
  display: block;
  padding: 2rem 1.25rem;
  border-radius: 0.75rem;
  background: var(--neutral-100);
  height: 100%;
  position: relative;
  overflow: hidden;
}
ul.sub li.nav_box.nav-item.col>span>span.trenner {display: none;}
#navbar ul.subsub {
  margin: 0.5rem 0 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  line-height: 1.5rem; 
  font-size: 1rem;
  list-style: none;
}
#navbar ul.subsub li a {display: inline-flex; gap: 0.4rem; align-items: flex-start;}
#navbar ul.subsub li a::before {
  content: "•"; /* oder ein anderes Symbol */
  position: relative;
  top: 3px;
  left: 0;
  line-height: 1;
  font-size: 1em;
}
ul.subsub li::marker {
  font-size: 0.7em;
  line-height: 1.4;
}
ul.subsub .nav-link {color: var(--neutral-black);}
ul.subsub .nav-link:hover, ul.subsub .active .nav-link:hover { color: var(--green-800);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: transparent;color: var(--green-800);}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

.navi-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: -1;
  transition: background-color ease-in-out 0.25s;
}

.navi-overlay.sub-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.navi-overlay.open {
  position: fixed;
  opacity: 0.6;
  z-index: 5;
}


#navbar .navi_4 .container>ul li.nav_box:last-child {max-width: 160px;position: relative;}
#navbar .navi_4 .container>ul li.nav_box:last-child a { padding: 2rem 1.25rem !important; height: 100%; display: flex; align-items: end; color: var(--neutral-100); z-index: 2;}
#navbar .navi_4 ul.sub li.nav_box.nav-item.col:last-child>span {padding: 0; background: var(--green-800);}
#navbar .navi_4 .container>ul li.nav_box:last-child a:hover { color:var(--green-500); }
.navi_4 ul.sub .container>ul li.nav_box:last-child:before {
  background: var(--green-500);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='34' viewBox='0 0 33 34' fill='none'%3E%3Cg clip-path='url(%23clip0_4556_1452)'%3E%3Cpath d='M16.4999 8.78861L15.1446 10.1439L20.9656 15.9649L7.96837 15.9649L7.96837 17.8758L20.9656 17.8758L15.1446 23.6968L16.4999 25.0521L24.6316 16.9203L16.4999 8.78861Z' fill='%23005A63'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4556_1452'%3E%3Crect width='23' height='23' fill='white' transform='translate(16.5 0.65686) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
  background-position: center !important;
  transition: all 0.2s ease-in-out;
}

.navi_4 ul.sub .container>ul li.nav_box:last-child>span:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='159' viewBox='0 0 113 159' fill='none'%3E%3Cmask id='path-1-inside-1_2300_1084' fill='white'%3E%3Cpath d='M154.663 58.2554H80.8789C76.7372 58.2554 72.8722 59.4393 69.6025 61.4858C63.2217 64.9772 58.8946 71.7532 58.8945 79.5396C58.8945 87.3234 63.2194 94.096 69.5967 97.5884C72.8677 99.6374 76.7345 100.824 80.8789 100.824L154.663 100.824V159H73.7852V158.799C32.886 155.913 0.532678 122.076 0.00683594 80.5669L0 79.5396C0.000143214 35.6551 35.5755 0.0797012 79.46 0.0795898L154.663 0.0795898V58.2554Z'/%3E%3C/mask%3E%3Cpath d='M154.663 58.2554V59.6576H156.065V58.2554H154.663ZM80.8789 58.2554V56.8531H80.8789L80.8789 58.2554ZM69.6025 61.4858L70.2756 62.716L70.3117 62.6963L70.3465 62.6744L69.6025 61.4858ZM58.8945 79.5396L57.4923 79.5395V79.5396H58.8945ZM69.5967 97.5884L70.3411 96.4L70.3063 96.3782L70.2702 96.3585L69.5967 97.5884ZM80.8789 100.824L80.8789 102.226H80.8789V100.824ZM154.663 100.824H156.065V99.4215H154.663V100.824ZM154.663 159V160.403H156.065V159H154.663ZM73.7852 159H72.3829V160.403H73.7852V159ZM73.7852 158.799H75.1874V157.493L73.8839 157.401L73.7852 158.799ZM0.00683594 80.5669L-1.39541 80.5762L-1.3953 80.5847L0.00683594 80.5669ZM0 79.5396L-1.40228 79.5395L-1.40222 79.5489L0 79.5396ZM79.46 0.0795898V-1.32266V0.0795898ZM154.663 0.0795898L156.065 0.0795898V-1.32266H154.663V0.0795898ZM154.663 58.2554V56.8531H80.8789V58.2554V59.6576H154.663V58.2554ZM80.8789 58.2554L80.8789 56.8531C76.4663 56.8532 72.3445 58.1153 68.8586 60.2972L69.6025 61.4858L70.3465 62.6744C73.3998 60.7633 77.0081 59.6577 80.8789 59.6576L80.8789 58.2554ZM69.6025 61.4858L68.9294 60.2557C62.1171 63.9832 57.4924 71.2204 57.4923 79.5395L58.8945 79.5396L60.2968 79.5396C60.2969 72.2859 64.3263 65.9713 70.2756 62.716L69.6025 61.4858ZM58.8945 79.5396H57.4923C57.4923 87.8561 62.1148 95.0898 68.9231 98.8183L69.5967 97.5884L70.2702 96.3585C64.324 93.1021 60.2968 86.7906 60.2968 79.5396H58.8945ZM69.5967 97.5884L68.8523 98.7767C72.3395 100.961 76.4631 102.226 80.8789 102.226L80.8789 100.824L80.8789 99.4215C77.0058 99.4214 73.3959 98.3137 70.3411 96.4L69.5967 97.5884ZM80.8789 100.824V102.226L154.663 102.226V100.824V99.4215L80.8789 99.4215V100.824ZM154.663 100.824H153.261V159H154.663H156.065V100.824H154.663ZM154.663 159V157.598H73.7852V159V160.403H154.663V159ZM73.7852 159H75.1874V158.799H73.7852H72.3829V159H73.7852ZM73.7852 158.799L73.8839 157.401C33.7079 154.565 1.92552 121.324 1.40897 80.5491L0.00683594 80.5669L-1.3953 80.5847C-0.860166 122.827 32.0641 157.261 73.6864 160.198L73.7852 158.799ZM0.00683594 80.5669L1.40905 80.5576L1.40222 79.5302L0 79.5396L-1.40222 79.5489L-1.39538 80.5762L0.00683594 80.5669ZM0 79.5396L1.40225 79.5396C1.40239 36.4295 36.3499 1.48195 79.46 1.48184V0.0795898V-1.32266C34.8011 -1.32255 -1.4021 34.8807 -1.40225 79.5395L0 79.5396ZM79.46 0.0795898V1.48184L154.663 1.48184V0.0795898V-1.32266L79.46 -1.32266V0.0795898ZM154.663 0.0795898L153.261 0.0795898V58.2554H154.663H156.065V0.0795898L154.663 0.0795898Z' fill='%237FACB1' mask='url(%23path-1-inside-1_2300_1084)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 200px;
  width: 100%;
  z-index: 0;
}
.navi_4 ul.sub .container>ul li.nav_box:last-child>span:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='156' viewBox='0 0 78 156' fill='none'%3E%3Cpath d='M-78 97.1338L-3.92969 97.1338C0.514521 97.1337 4.64185 95.7772 8.06054 93.4551C14.0709 89.8568 18.0947 83.2822 18.0947 75.7676C18.0947 68.2508 14.0679 61.6758 8.05468 58.0781C4.637 55.7582 0.512274 54.4014 -3.9297 54.4014L-78 54.4014L-78 -3.99999L3.19139 -3.99999L3.19139 -3.79785C44.2485 -0.900479 76.7268 33.0672 77.2549 74.7363L77.2617 75.7676C77.2617 119.822 41.5485 155.535 -2.50586 155.535L-78 155.535L-78 97.1338Z' fill='url(%23paint0_linear_2300_1091)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2300_1091' x1='-78.0001' y1='76.0399' x2='77.1544' y2='76.0398' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237FACB1'/%3E%3Cstop offset='0.98719' stop-color='%2323636A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
  left: 0;
  height: 200px;
  width: 100%;
  z-index: 1;
}

.fancybox-bg {background: var(--green-800);}

.custom-select {
  position: relative;
  display: inline-block;
}

.custom-select select {
  /* Entfernt den Standardpfeil in den meisten Browsern */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* Fügt den Pfeil-Freiraum hinzu und passt die Füllung an */
  padding-right: 2.5em; /* Schafft Platz für den Pfeil */
  width: 100%;
}
.custom-select .fa-caret-down {position: absolute; right: 1rem; top: 33%; color: var(--green-800);font-weight: 600; font-size: 1.4rem;}

.chatbot {
    position: fixed;
    bottom: 4rem;
    right: 0;
}
.chatbot>iframe {
  padding: 1rem;
  height: 500px;
  width: 400px;
}


  /* Fixierter Hauptbutton */
#accessibility-button {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: var(--green-800);
  color: var(--neutral-white);
  border: none;
  padding: 1rem;
  border-radius: 0.25rem 0 0 0.25rem;
  cursor: pointer;
  z-index: 1000;
  line-height: 1.4;
  font-size: 2rem;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: -10px 33px 10px 0px rgba(0, 0, 0, 0.00), -7px 21px 9px 0px rgba(0, 0, 0, 0.02), -4px 12px 8px 0px rgba(0, 0, 0, 0.08), -2px 5px 6px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);

}
#accessibility-button:hover {
  transform: translateY(-50%) scale(1.1);
  box-shadow: -10px 33px 10px 0px rgba(0, 0, 0, 0.00), -7px 21px 9px 0px rgba(0, 0, 0, 0.02), -4px 12px 8px 0px rgba(0, 0, 0, 0.08), -2px 5px 6px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

/* Panel */
#accessibility-panel {
  position: fixed;
  top: 50%;
  right: 5rem;
  transform: translateY(-50%) translateX(120%);
  background-color: #f1f1f1;
  padding: 1rem;
  border-radius:0.25rem;
  box-shadow: -4px 4px 20px rgba(0,0,0,0.25);
  transition: transform 0.4s ease, opacity 0.4s ease;
  width: 270px;
  z-index: 999;
  opacity: 0;
  line-height: 1.4;
}
#accessibility-panel p {margin-bottom: 0.2rem;}
#accessibility-panel .accessibility-panel_title {font-family: 'Titillium Bold', sans-serif; font-size: 1.4rem; color: var(--green-800); margin-bottom: 0.5rem;}
#accessibility-panel.open {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}

/* Panel-Buttons */
#accessibility-panel button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 12px;
  padding: 10px;
  font-size: 15px;
  background-color: var(--green-800);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
  font-family: 'Titillium Bold', sans-serif;
}
#accessibility-panel button:hover, #accessibility-panel button.active {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  background-color:var(--green-650);
}
#accessibility-panel button#reset-btn {background-color: var(--beige-700);justify-content: center;}
#accessibility-panel button:focus { outline: 3px solid #ffbf47; }
#accessibility-panel svg path {fill:#fff;}

/* Icons */
#accessibility-panel svg {
  width: 25px;
  height: 25px;
  fill: white;
  border: 1px solid #fff;
  padding: 2px;
  border-radius: 0.2rem;
}
.skip-link {
  position:absolute;left:-9999px;
}
.skip-link:focus {
  left:1em;top:1em;z-index:1000;
  background:#000;color:#fff;padding:0.5em 1em;
}

#popuplink {height: auto !important; width: auto !important;}