/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

@media (min-width:1024px){body.fullscreen_mobile_nav header nav,body:not(.fullscreen_mobile_nav) .navicon{display:none}}@media (max-width:1023px){#header nav.mod_navigation{display:none}}.mobile_navigation_wrapper .mod_navigation{display:flex;position:fixed;z-index:9;transition:left 0.5s ease-in-out, right 0.5s ease-in-out;overflow:visible;width:100%}.mobile_navigation_wrapper .mod_navigation ul{margin-bottom:0}.mobile_navigation_wrapper .mod_navigation li{list-style:none}.mobile_navigation_wrapper .mod_navigation.no_counter .submenu_toggle span{opacity:0}.mobile_navigation_wrapper .mod_navigation.no_buttons_right .submenu_toggle{border:0}html.js_mobile_navigation_open,html.js_mobile_navigation_open body{overflow:hidden}html .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:-100%}html .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation .level_1{right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:-100%}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:0}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left) .level_1{right:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:0}.mobile_navigation_wrapper .mod_navigation .level_1{top:calc(var(--initial_header_height, 100px) * 1px);height:calc(100% - ( var(--initial_header_height, 100px) * 1px ));margin:0;position:fixed;max-width:440px;box-sizing:border-box;z-index:9;overflow-y:scroll;transition:right 0.3s ease 0s, left 0.3s ease 0s;padding:20px 0px 20px 30px;width:100%;border-left:1px solid #ddd;background:#f8f8f8}.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation li{position:relative}.mobile_navigation_wrapper .mod_navigation li.submenu>a,.mobile_navigation_wrapper .mod_navigation li.submenu>strong,.mobile_navigation_wrapper .mod_navigation li.submenu>span{padding-right:80px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active) .submenu_toggle:before{content:"";width:375px;height:46px;position:absolute;right:0px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active)>a{pointer-events:none}.mobile_navigation_wrapper .mod_navigation li a,.mobile_navigation_wrapper .mod_navigation li strong,.mobile_navigation_wrapper .mod_navigation li>span{display:block;color:#444;line-height:1;padding:14px;border-bottom:1px solid #ddd;text-decoration:none;transition:padding 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul{opacity:0;margin:0;padding:0 0 0 30px;overflow:hidden;line-height:1;transition:opacity 0.3s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul li>a,.mobile_navigation_wrapper .mod_navigation li ul li>strong,.mobile_navigation_wrapper .mod_navigation li ul li>span{color:#666;display:block;border:0;padding:0 0 0 12px;font-size:0;transition:all 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul.open{opacity:1}.mobile_navigation_wrapper .mod_navigation li ul.open>li>a,.mobile_navigation_wrapper .mod_navigation li ul.open>li>strong,.mobile_navigation_wrapper .mod_navigation li ul.open>li>span{padding:14px;border-bottom:1px solid #ddd;font-size:var(--font_size, 1em)}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle{position:absolute;box-sizing:border-box;right:0;top:0;border-left:1px solid #ddd;color:#666;width:80px;cursor:pointer;padding:14px;display:flex;align-items:flex-start;justify-content:center}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle span{pointer-events:none;line-height:1}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle svg{pointer-events:none;width:1em;height:1em;margin-bottom:0;margin-left:5px;transition:transform 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle.open svg{transform:rotate(90deg)}.navicon{--line_top: 8px;--padding: 15px;cursor:pointer;position:relative;padding:var(--padding);right:-10px;-webkit-tap-highlight-color:transparent}.navicon .inside{position:relative;width:30px;height:calc(var(--line_top) + var(--padding) - 4px);background:rgba(255, 255, 255, 0);border-radius:3px;z-index:9}.navicon .inside .lines{position:absolute;width:30px;height:2px;border-radius:5px;background-color:#000}.navicon .inside .line_top{top:0px;transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_0 200ms}.navicon .inside .line_middle{top:var(--line_top);transition:transform ease 200ms}.navicon .inside .line_bottom{top:calc(var(--line_top) * 2);transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_16 200ms}.js_mobile_navigation_open .navicon .inside .line_top{top:var(--line_top);transform:rotate(-45deg);transition:all ease 200ms, transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_middle{top:var(--line_top);transform:rotate(-45deg);transition:transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_bottom{top:var(--line_top);transform:rotate(45deg);transition:all ease 200ms, transform 200ms ease 200ms}@keyframes top_8_to_0{0%{top:var(--line_top)}100%{top:0}}@keyframes top_8_to_16{0%{top:var(--line_top)}100%{top:calc(var(--line_top) * 2)}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation{top:0;width:100vw;max-width:100vw;height:100vh;height:100svh;background:#fff;overflow:visible;overflow-x:scroll;transition:left 0.4s ease-in-out, right 0.4s ease-in-out}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{display:flex;flex-wrap:wrap;position:relative;top:80px;width:1000px;max-width:100%;justify-content:space-between;height:900px;max-height:100%;margin:auto;padding:0;background:none;border:0;list-style:none}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{height:auto;margin:0;display:block}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 strong.active{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 li a:hover{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:50%;max-width:400px}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:100%;margin-top:40px}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li:first-child{margin-top:0}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span{font-size:25px;font-weight:200}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span:hover{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2{padding:15px;list-style:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2 strong.active{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:1em;line-height:2;font-weight:700;color:var(--color_1);padding:0}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:20px}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul{opacity:1;padding:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span{padding:14px;border:0;font-size:var(--font_size, 1em)}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span.active{background:transparent !important}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>span{border:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .submenu_toggle{display:none}
@charset "UTF-8";
body {
  --page-margin: 1rem;
  --box-width: 1440;
  --box-width-margin: calc(var(--box-width) + (2 * var(--page-margin)));
  --border-radius: 4px;
}

html {
  --brand-color1:	#639D2F;
  --brand-color2:	#2C4A59;
  --brand-color3:	#548CA7;
  --brand-color4:	#D5CCBC;
  --brand-black:	#1A1A18;
  --brand-olive: var(--brand-color1);
  --brand-anthra: var(--brand-color2);
  --brand-ocean: var(--brand-color3);
  --brand-wheat: var(--brand-color4);
  --brand-sky: #3484C4;
  --olive-100: #EFF5EA;
  --olive-200: #D0E2C1;
  --olive-300: #A1C482;
  --olive-400: #82B159;
  --olive-500: var(--brand-color1);
  --olive-600: #4F7E26;
  --olive-700: #3B5E1C;
  --olive-800: #283F13;
  --olive-900: #141F09;
  --anthra-100: #EAEDEE;
  --anthra-200: #C0C9CD;
  --anthra-300: #96A5AC;
  --anthra-400: #6B808B;
  --anthra-500: #6B808B;
  --anthra-600: #415C6A;
  --anthra-700: var(--brand-color2);
  --anthra-800: #1A2C35;
  --anthra-900: #090F12;
  --ocean-100: #EEF4F6;
  --ocean-300: #AAC6D3;
  --ocean-500: var(--brand-color3);
  --ocean-700: #325464;
  --ocean-900: #111C21;
  --wheat-100: #F7F5F2;
  --wheat-300: #E6E0D7;
  --wheat-500: var(--brand-color4);
  --wheat-700: #807A71;
  --wheat-900: #2B2926;
  --grau-100:	#e8e8e8;
  --grau-200:	#d1d1d1;
  --grau-300:	#bababa;
  --grau-400:	#8d8d8c;
  --grau-500:	#767674;
  --grau-600:	#5f5f5d;
  --grau-700:	#484846;
  --grau-800:	#31312f;
  --grau-900:	var(--brand-black);
  --base-color:	#fff;
  --text-color:	var(--brand-color2);
  --text-color-light:	#fff;
  --heading-color:	var(--brand-color2);
  --secondary-heading-color:	var(--brand-color1);
  --action:	var(--olive-700);
  --action-respond:	var(--brand-color1);
  --alert-yellow:	#ff0;
  --alert-blue:	#00f;
  --alert-red:	#f00;
  --alert-green:	#0f0;
}

html {
  --base-font-size: 16px;
  --doc-font-size: 16;
  --base-line-height: 24px;
}

/* rubik-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  src: url("/files/theme/fonts/rubik-v28-latin-300.woff2") format("woff2");
}
/* rubik-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: italic;
  font-weight: 300;
  src: url("/files/theme/fonts/rubik-v28-latin-300italic.woff2") format("woff2");
}
/* rubik-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/rubik-v28-latin-regular.woff2") format("woff2");
}
/* rubik-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  src: url("/files/theme/fonts/rubik-v28-latin-600.woff2") format("woff2");
}
body {
  --font-family-sans:	"Rubik", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-display:	var(--font-family-sans);
  --font-family-default:	var(--font-family-sans);
  --fw-l:	300;
  --fw-n:	400;
  --fw-sb:	600;
  --fw-b:	600;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible, .ce_form .widget-radio .radio_container > span input, .ce_form .widget-checkbox .checkbox_container > span input {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.invisibleAccessible,
.sr-only {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*Make Contao Elements visble at all*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.centered {
  text-align: center;
}
.centered.content-text p {
  margin-inline: auto;
}

.listreset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.link-no-decoration {
  text-decoration: none !important;
}

.button-reset, .mod_faqpage button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
}
.button-reset::-moz-focus-inner, .mod_faqpage button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
  font-weight: bold;
}

em, .em {
  font-style: italic;
}

small {
  font-size: 75%;
}

dd {
  margin: 0;
}

html {
  font-size: 100%;
  font-family: var(--font-family-default);
}

html, body {
  font-family: var(--font-family-default);
  font-weight: var(--fw-l);
  line-height: 1.5;
  color: var(--text-color);
  overflow-x: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
p {
  margin: 0 0 0.75em 0;
  font-size: 1.125rem;
}
p:last-child {
  margin: 0;
}
.mod_article p {
  max-width: 85ch;
}
.textbalance p {
  text-wrap: balance;
}

i {
  font-weight: var(--fw-l);
  font-style: italic;
}

b, strong {
  font-weight: var(--fw-sb);
}

::-moz-selection {
  background: var(--grau-500);
  color: #fff;
  text-shadow: none;
}

::-moz-selection,
::selection {
  background: var(--grau-500);
  color: #fff;
  text-shadow: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  --spacingtop: 2;
  --spacingbottom: 2;
}

.mtop0 {
  --spacingtop: 0;
}

.mtop10 {
  --spacingtop: 10;
}

.mtop20 {
  --spacingtop: 20;
}

.mtop30 {
  --spacingtop: 30;
}

.mtop40 {
  --spacingtop: 40;
}

.mtop50 {
  --spacingtop: 50;
}

.mtop60 {
  --spacingtop: 60;
}

.mtop70 {
  --spacingtop: 70;
}

.mtop80 {
  --spacingtop: 80;
}

.mtop90 {
  --spacingtop: 90;
}

.mtop100 {
  --spacingtop: 100;
}

.mtop150 {
  --spacingtop: 150;
}

.mtop200 {
  --spacingtop: 200;
}

.mtop300 {
  --spacingtop: 300;
}

.mbottom0 {
  --spacingbottom: 0;
}

.mbottom10 {
  --spacingbottom: 10;
}

.mbottom20 {
  --spacingbottom: 20;
}

.mbottom30 {
  --spacingbottom: 30;
}

.mbottom40 {
  --spacingbottom: 40;
}

.mbottom50 {
  --spacingbottom: 50;
}

.mbottom60 {
  --spacingbottom: 60;
}

.mbottom70 {
  --spacingbottom: 70;
}

.mbottom80 {
  --spacingbottom: 80;
}

.mbottom90 {
  --spacingbottom: 90;
}

.mbottom100 {
  --spacingbottom: 100;
}

.mbottom150 {
  --spacingbottom: 150;
}

.mbottom200 {
  --spacingbottom: 200;
}

.mbottom300 {
  --spacingbottom: 300;
}

.ptop0 {
  --spacingtop: 0;
}

.ptop10 {
  --spacingtop: 10;
}

.ptop20 {
  --spacingtop: 20;
}

.ptop30 {
  --spacingtop: 30;
}

.ptop40 {
  --spacingtop: 40;
}

.ptop50 {
  --spacingtop: 50;
}

.ptop60 {
  --spacingtop: 60;
}

.ptop70 {
  --spacingtop: 70;
}

.ptop80 {
  --spacingtop: 80;
}

.ptop90 {
  --spacingtop: 90;
}

.ptop100 {
  --spacingtop: 100;
}

.ptop150 {
  --spacingtop: 150;
}

.ptop200 {
  --spacingtop: 200;
}

.ptop300 {
  --spacingtop: 300;
}

.pbottom0 {
  --spacingbottom: 0;
}

.pbottom10 {
  --spacingbottom: 10;
}

.pbottom20 {
  --spacingbottom: 20;
}

.pbottom30 {
  --spacingbottom: 30;
}

.pbottom40 {
  --spacingbottom: 40;
}

.pbottom50 {
  --spacingbottom: 50;
}

.pbottom60 {
  --spacingbottom: 60;
}

.pbottom70 {
  --spacingbottom: 70;
}

.pbottom80 {
  --spacingbottom: 80;
}

.pbottom90 {
  --spacingbottom: 90;
}

.pbottom100 {
  --spacingbottom: 100;
}

.pbottom150 {
  --spacingbottom: 150;
}

.pbottom200 {
  --spacingbottom: 200;
}

.pbottom300 {
  --spacingbottom: 300;
}

[class*=mtop] {
  margin-top: calc(var(--spacingtop) * 1px);
}

[class*=mbottom] {
  margin-bottom: calc(var(--spacingbottom) * 1px);
}

[class*=mtop].ppercent {
  margin-top: calc(var(--spacingtop) * 0.1%);
}

[class*=mbottom].ppercent {
  margin-bottom: calc(var(--spacingbottom) * 0.1%);
}

[class*=ptop],
.mod_article[class*=ptop] {
  padding-top: calc(var(--spacingtop) * 1px);
}

[class*=pbottom],
.mod_article[class*=pbottom] {
  padding-bottom: calc(var(--spacingbottom) * 1px);
}

[class*=ptop].ppercent,
.mod_article[class*=ptop].ppercent {
  padding-top: calc(var(--spacingtop) * 0.1%);
}

[class*=pbottom].ppercent,
.mod_article[class*=pbottom].ppercent {
  padding-bottom: calc(var(--spacingbottom) * 0.1%);
}

.innerpadding {
  padding-left: 1rem;
  padding-right: 1rem;
}

body {
  --font-size-h1: 2rem;
  --font-size-h2: 1.75rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.125rem;
  --font-size-h5: 1rem;
  --font-size-h6: 1rem;
  --hl-margin-top: 0;
  --hl-margin-bottom: .5em;
  --hl-margin: var(--hl-margin-top) 0 var(--hl-margin-bottom) 0;
}

h1, h2, h3, h4, h5, h6, .all-headlines {
  line-height: 1.2;
  color: var(--heading-color);
  text-wrap: balance;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .all-headlines a {
  text-decoration: none;
  color: inherit;
}
.mod_article h1, .mod_article h2, .mod_article h3, .mod_article h4, .mod_article h5, .mod_article h6, .mod_article .all-headlines {
  max-width: 60ch;
}

[class^=content-] h2:first-of-type,
[class^=content-] h3:first-of-type,
[class^=content-] h4:first-of-type,
[class^=content-] h5:first-of-type,
[class^=content-] h6:first-of-type {
  margin-top: 0;
}

.small-headlines {
  --font-size-h1: 1rem;
  --font-size-h2: 1rem;
  --font-size-h3: 1rem;
  --font-size-h4: 1rem;
  --font-size-h5: 1rem;
  --font-size-h6: 1rem;
}

h1 {
  --heading-color: var(--text-color);
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0 0 0.5em 0;
  font-size: var(--font-size-h1);
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: calc(var(--font-size-h1) * 1.5);
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: calc(var(--font-size-h1) * 2);
  }
}
@media screen and (min-width: 1600px) {
  h1 {
    font-size: calc(var(--font-size-h1) * 2.5);
  }
}

h2 {
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0.75em 0 0.5em 0;
  font-size: var(--font-size-h2);
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: calc(var(--font-size-h2) * 1.143);
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: calc(var(--font-size-h2) * 1.429);
  }
}
@media screen and (min-width: 1600px) {
  h2 {
    font-size: calc(var(--font-size-h2) * 1.714);
  }
}

h3 {
  --heading-color: var(--text-color);
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0.75em 0 0.5em 0;
  font-size: var(--font-size-h3);
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: calc(var(--font-size-h3) * 1.333);
  }
}
@media screen and (min-width: 1600px) {
  h3 {
    font-size: calc(var(--font-size-h3) * 1.5);
  }
}

h4 {
  --heading-color: var(--text-color);
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0.75em 0 0.5em 0;
  font-size: var(--font-size-h4);
}
@media screen and (min-width: 768px) {
  h4 {
    font-size: calc(var(--font-size-h4) * 1.111);
  }
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: calc(var(--font-size-h4) * 1.222);
  }
}
@media screen and (min-width: 1600px) {
  h4 {
    font-size: calc(var(--font-size-h4) * 1.333);
  }
}

h5 {
  --heading-color: var(--text-color);
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0.75em 0 0.5em 0;
  font-size: var(--font-size-h5);
}
@media screen and (min-width: 1200px) {
  h5 {
    font-size: calc(var(--font-size-h5) * 1.125);
  }
}

h6 {
  --heading-color: var(--text-color);
  font-family: var(--font-family-display);
  font-weight: var(--fw-sb);
  margin: 0.75em 0 0.5em 0;
  font-size: var(--font-size-h6);
}

img, picture {
  max-width: 100%;
  height: auto;
  line-height: 0;
}

figure {
  line-height: 0;
  margin: 0;
}

figcaption {
  line-height: 1.2;
}

/*Fix für Caption auf Bildbreite beschränken*/
figure img {
  display: block;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
}

/*Alle Bilder ohne Alt-Attribut kennzeichen*/
/*sollte für Production auskommentiert werden!*/
img:not([alt]) {
  border: 5px dashed #c00;
}

/*Behebt Probleme mit responsiven Bildern
//https://community.contao.org/de/showthread.php?81074-Problem-mit-Bildgr%C3%B6%C3%9Fen-bei-responsive-Ausgabe-(seit-Kurzem)&p=545407&viewfull=1#post545407
*/
:where(source[width][height] ~ img) {
  width: auto;
  height: auto;
}

a {
  color: var(--action);
  text-decoration: underline;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover, a:focus {
  color: var(--action-respond);
}

:focus-visible {
  outline: 1px dashed var(--grau-700);
}

a[href^=tel] {
  text-decoration: none;
  color: var(--text-color);
}

ul li, ol li {
  color: inherit;
  font-size: 1.125rem;
  margin-bottom: 0.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

.mod_article li {
  max-width: 85ch;
}

.checklist-white ul {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.checklist-white li {
  padding-left: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14' height='14' width='14'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M13.637 1.198a1 1 0 0 1 0.134 1.408l-8.04 9.73 -0.003 0.002a1.924 1.924 0 0 1 -1.5 0.693 1.924 1.924 0 0 1 -1.5 -0.75L0.21 9.045a1 1 0 1 1 1.578 -1.228l2.464 3.167 7.976 -9.652a1 1 0 0 1 1.408 -0.134Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top 0.4rem;
  margin-bottom: 0.5rem;
}

.checklist ul {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.checklist li {
  padding-left: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14' height='14' width='14'%3E%3Cpath fill='%232C4A59' fill-rule='evenodd' d='M13.637 1.198a1 1 0 0 1 0.134 1.408l-8.04 9.73 -0.003 0.002a1.924 1.924 0 0 1 -1.5 0.693 1.924 1.924 0 0 1 -1.5 -0.75L0.21 9.045a1 1 0 1 1 1.578 -1.228l2.464 3.167 7.976 -9.652a1 1 0 0 1 1.408 -0.134Z' clip-rule='evenodd' stroke-width='1'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top 0.4rem;
  margin-bottom: 0.5rem;
}

html {
  background-color: var(--grau-100);
}

body {
  margin: 0 auto;
  background-color: #fff;
  min-height: 100vh;
}

.wrapper {
  margin-inline: auto;
}

.wrap, .mod_article .wrap-article, .footercontainer.bottom .inside, #footer .inside, #header .inside {
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1480px) {
  .wrap, .mod_article .wrap-article, .footercontainer.bottom .inside, #footer .inside, #header .inside {
    padding: 0 1rem;
  }
}

.container {
  background-color: #fff;
  position: relative;
}
.header--sky .container {
  background: linear-gradient(to bottom, rgb(52, 132, 196) 300px, rgb(255, 255, 255) 301px);
}

main {
  --ce-bg-color: transparent;
  --ce-color: var(--text-color);
}

#header {
  --header-bg-color: #fff;
  color: var(--grau-900);
  padding: 0.5rem 0;
  background-color: var(--header-bg-color);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
  z-index: 100;
  -webkit-transition: all 0.3s ease-in, background-color 0.2s ease;
  transition: all 0.3s ease-in, background-color 0.2s ease;
}
@media screen and (min-width: 1024px) {
  #header {
    padding: 1rem 0 2rem 0;
  }
}
#header.sticky, .js_mobile_navigation_open .blog #header {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
}
#header.sticky {
  --initial_header_height: 91px;
}
#header.sticky + #container {
  padding-top: 148px;
}
#header .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  #header .inside {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#header .logo {
  width: 150px;
  height: 75px;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media screen and (min-width: 768px) {
  #header .logo {
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) {
  #header .logo {
    width: 200px;
    height: 100px;
  }
}
#header.sticky .logo {
  width: 150px;
  height: 75px;
}

.header--sky #header {
  --header-bg-color: var(--brand-sky);
  --action: var(--text-color-light);
  --action-respond: var(--text-color-light);
}
.header--sky #header.sticky {
  --header-bg-color: #fff;
  --action: var(--olive-700);
  --action-respond: var(--brand-color1);
}
.header--sky #header .logo svg .brand-color1 {
  fill: #fff;
}
.header--sky #header .logo svg .brand-color2 {
  fill: #fff;
}
.header--sky #header.sticky .logo svg .brand-color1 {
  fill: var(--brand-color1);
}
.header--sky #header.sticky .logo svg .brand-color2 {
  fill: var(--brand-color2);
}

#footer {
  --ce-color: var(--text-color-light);
  --ce-bg-color: var(--anthra-700);
  background: var(--ce-bg-color);
  color: var(--text-color-light);
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  #footer {
    padding: 2.5rem 1rem 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  #footer {
    padding: 4rem 1rem 2rem;
  }
}
#footer a {
  color: #fff;
}
#footer a:hover, #footer a:focus {
  text-decoration: underline;
}
#footer .logo {
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .footercontainer.lparea {
    margin-top: 3rem;
  }
}

.footercontainer.bottom {
  background-color: var(--anthra-800);
  color: #fff;
  padding: 0.5rem 1rem;
}
.footercontainer.bottom a {
  color: inherit;
  text-decoration: underline;
}
.footercontainer.bottom .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (min-width: 1200px) {
  .footercontainer.bottom .inside {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footercontainer.bottom .lawnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.footercontainer.bottom .lawnav li {
  margin-bottom: 0;
}

.mod_article {
  --article-bg-color: transparent;
  --article-color: var(--text-color);
  background-color: var(--article-bg-color);
  color: var(--article-color);
  padding: calc(var(--spacingtop) * 1rem) 2rem calc(var(--spacingbottom) * 1rem) 2rem;
}
@media screen and (min-width: 768px) {
  .mod_article {
    padding: calc(var(--spacingtop) * 2rem) 4rem calc(var(--spacingbottom) * 2rem) 4rem;
  }
}
@media screen and (min-width: 900px) {
  .mod_article {
    padding: calc(var(--spacingtop) * 3rem) 1rem calc(var(--spacingbottom) * 3rem) 1rem;
  }
}
@media screen and (min-width: 1472px) {
  .mod_article {
    padding: calc(var(--spacingtop) * 4rem) 0 calc(var(--spacingbottom) * 4rem) 0;
  }
}
.mod_article .wrap-article {
  z-index: 2;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.mod_article.full-width .wrap-article {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.mod_article.article-narrow .wrap-article {
  max-width: 900px;
  margin: 0 auto;
}
.mod_article[id] {
  scroll-margin-top: 135px;
}
.mod_article.bg-white {
  --article-bg-color: #fff;
}
.mod_article.bg-olive {
  --article-bg-color: var(--brand-olive);
  --article-color: var(--text-color-light);
  --ce-color: var(--text-color-light);
}
.mod_article.bg-olive-100 {
  --article-bg-color: var(--olive-100);
}
.mod_article.bg-anthra {
  --article-bg-color: var(--brand-anthra);
  --article-color: var(--text-color-light);
  --ce-color: var(--text-color-light);
}
.mod_article.bg-anthra-100 {
  --article-bg-color: var(--anthra-100);
}
.mod_article.bg-ocean {
  --article-bg-color: var(--brand-ocean);
  --article-color: var(--text-color-light);
  --ce-color: var(--text-color-light);
}
.mod_article.bg-ocean-100 {
  --article-bg-color: var(--ocean-100);
}
.mod_article.bg-wheat {
  --article-bg-color: var(--brand-wheat);
}
.mod_article.bg-wheat-100 {
  --article-bg-color: var(--wheat-100);
}
.mod_article.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.mod_article.no-padding-top {
  padding-top: 0;
}
.mod_article.no-padding-bottom {
  padding-bottom: 0;
}
.mod_article.hero {
  padding: 0;
  background-color: var(--brand-sky);
}
.mod_article.hero .wrap-article {
  display: -ms-grid;
  display: grid;
      grid-template-areas: hero;
}
.mod_article.hero .wrap-article > * {
  grid-area: hero;
}
.mod_article.hero .hero-image {
  position: relative;
  z-index: 1;
}
.mod_article.hero .hero-image::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--brand-sky)), color-stop(30%, rgba(52, 132, 196, 0)));
  background: linear-gradient(to bottom, var(--brand-sky) 0%, rgba(52, 132, 196, 0) 30%);
}
.mod_article.hero .hero-title {
  --heading-color: var(--text-color-light);
  --font-size-h1: 1.5rem;
  position: relative;
  z-index: 5;
  text-align: center;
  margin-top: 10%;
  padding-inline: 1rem;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .mod_article.hero .hero-title {
    margin-top: 10%;
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.hero .hero-title {
    margin-top: 20vh;
  }
}
.mod_article.hero .hero-title span {
  display: block;
  font-weight: var(--fw-l);
}
.mod_article.seitenstart {
  padding-top: 0;
  margin-bottom: -6rem;
}
@media screen and (min-width: 768px) {
  .mod_article.seitenstart {
    margin-bottom: -14rem;
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.seitenstart {
    margin-bottom: -18rem;
  }
}
.mod_article.seitenstart .wrap-article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1rem 0 1fr 0 1rem;
  grid-template-columns: 1rem 1fr 1rem;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .mod_article.seitenstart .wrap-article {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.seitenstart .wrap-article {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
}
.mod_article.seitenstart .seitenkopf__image {
  grid-column: 1/-1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .mod_article.seitenstart .seitenkopf__image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
  }
  .mod_article.seitenstart .seitenkopf__image::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 15%;
    top: 20%;
    background-color: var(--olive-100);
    aspect-ratio: 4/3;
    border-radius: var(--border-radius);
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.seitenstart .seitenkopf__image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
  }
  .mod_article.seitenstart .seitenkopf__image::after {
    left: 30%;
    top: 20%;
  }
}
.mod_article.seitenstart .seitenkopf__image img {
  border-radius: var(--border-radius);
  background-color: var(--anthra-200);
}
.mod_article.seitenstart .seitenkopf__text {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (min-width: 768px) {
  .mod_article.seitenstart .seitenkopf__text {
    grid-column: 2/-1;
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.seitenstart .seitenkopf__text {
    grid-column: 5/-1;
  }
}
.mod_article.article--overlap {
  padding: 0;
  position: relative;
}
.mod_article.article--overlap .wrap-article {
  background-color: var(--base-color);
  padding: calc(var(--spacingtop) * 3rem) calc(var(--spacingtop) * 3rem) calc(var(--spacingbottom) * 3rem) calc(var(--spacingtop) * 3rem);
  border-radius: var(--border-radius);
  margin-top: calc(var(--spacingtop) * -3rem);
  margin-left: calc((100vw - 1440px) / 2);
  max-width: 1000px;
  position: relative;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
.mod_article.article--overlap--onepager {
  padding: 0;
  position: relative;
}
.mod_article.article--overlap--onepager .wrap-article {
  --article-bg-color: var(--brand-olive);
  --article-color: var(--text-color-light);
  --ce-color: var(--text-color-light);
  --heading-color: var(--text-color-light);
  background-color: var(--article-bg-color);
  padding: calc(var(--spacingtop) * 1rem) calc(var(--spacingtop) * 1rem) calc(var(--spacingbottom) * 1rem) calc(var(--spacingtop) * 1rem);
  border-radius: var(--border-radius);
  margin-top: calc(var(--spacingtop) * -2rem);
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: 1000px;
  position: relative;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .mod_article.article--overlap--onepager .wrap-article {
    margin-top: calc(var(--spacingtop) * -5rem);
    padding: calc(var(--spacingtop) * 3rem) calc(var(--spacingtop) * 3rem) calc(var(--spacingbottom) * 3rem) calc(var(--spacingtop) * 3rem);
  }
}
@media screen and (min-width: 1472px) {
  .mod_article.article--overlap--onepager .wrap-article {
    margin-left: calc((100vw - 1440px) / 2);
    margin-right: auto;
  }
}
.mod_article.article--overlap--onepager h1, .mod_article.article--overlap--onepager h2, .mod_article.article--overlap--onepager h3, .mod_article.article--overlap--onepager h4 {
  --heading-color: var(--text-color-light);
}
.mod_article.article-big3 {
  --article-bg-color: var(--brand-anthra);
  --article-color: var(--text-color-light);
  --ce-color: var(--text-color-light);
  --heading-color: var(--text-color-light);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_xs.jpg);
  background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_xs.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .mod_article.article-big3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_s.jpg);
    background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_s.jpg);
  }
}
@media screen and (min-width: 960px) {
  .mod_article.article-big3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_m.jpg);
    background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_m.jpg);
  }
}
@media screen and (min-width: 1280px) {
  .mod_article.article-big3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_l.jpg);
    background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_l.jpg);
  }
}
@media screen and (min-width: 1600px) {
  .mod_article.article-big3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_xl.jpg);
    background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_xl.jpg);
  }
}
@media screen and (min-width: 1920px) {
  .mod_article.article-big3 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 140, 167, 0.85)), to(rgba(84, 140, 167, 0.85))), url(/files/theme/img/bg3-bg1_xxl.jpg);
    background-image: linear-gradient(rgba(84, 140, 167, 0.85) 0%, rgba(84, 140, 167, 0.85) 100%), url(/files/theme/img/bg3-bg1_xxl.jpg);
  }
}
.mod_article.article-big3 h3 {
  --heading-color: var(--text-color-light);
}
.mod_article.denkprozess {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 787 406'%3E%3Cg clip-path='url(%23clip0_323_153)'%3E%3Cmask id='mask0_323_153' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='787' height='406'%3E%3Cpath d='M786.5 406H0V0h786.5' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_323_153)'%3E%3Cpath d='m564.23 219.49-56.82 93.06-176.19-70.19 26.45-39.39-98.41-38.76-95.72 135.49-83.68-34.32 98.06-133.2L37.57 76.92l-8.09 10.26 123.93 48.96-99.14 133.54 118.62 48.82 95.82-136.81 64.3 25.4-26.76 39.5 212.16 84.81 56.81-93.98 129.52 50.4-37.45 66.77-71.69-28.42-6.83 11.68 71.88 28.59-35.47 63.25-350.04-142.37-38.85 57.27 109.21 44.95 7.72-12.05-91.17-37.39 22.92-34.1 333.3 136.03-20.14 35.91-167.92-68.87-39.95 64.92-77.67-32.44-144.44 225.31 177.66 79 8.43-14.4-158.04-70 126.82-199.72 59.45 24.91-94.28 153.18 108.64 47.49 100.47-172.8-18.92-7.9-92.95 158.21-69.6-30.31 125.29-205.63 149.91 61.7L325.2 964.66l-81.7-38.07 78.08-133.51L64.56 677.41l-9.36 14.07 237.69 107.39-69.83 118.2L-9.88 808.55l35.81-54.1 163.69 75.15 9.16-15-182.5-83.46-45.65 68.33-79.3-36.95L7.24 595.31l83.05 36.93 147.75-221.82-218.4-91.22-53.53 72.17 131.81 56.25 8.68-12.45-113.91-48.44 35.68-48.49 183.39 76.86L80.59 610.25l-82.54-36.57-125.84 179.94-205.33-95.66 122.4-159.57 119.62 53.2-72.04 99.22-52.06-23.82 32.69-43.98-18.2-8.22-43.13 57.53 89.24 40.98 91.28-126.8-155.31-68.8-132.78 171.74-73.07-34.04 18.97-23.77-17.9-8.27-19.04 23.67-182.86-85.19 66.51-76.55 189.27 86.11 10.47-13.07-188.84-85.58 103.76-119.4 70.35 30.71-57.8 68.57 17.14 7.64 57.58-68.82 88.82 38.76-55.89 69.49 17.5 7.8 65.4-81.93-192.94-83.91 296.73-341.47 59.58 23.18-122.14 144.52L-8.5 205.93l-29.51 38.17-67.74-27.96-8.35-3.44-116.68-48.16-108.36 128.2 110.49 47.5 9.51-11.83-93.52-40.06 89.1-106.21 100.57 41.65-38.55 48.12-40.76-17.13-9.28 11.36 57.8 24.39 47.54-59.8 59.51 24.65-125.81 162.71 223.35 97.19 8.98-12.9-205.3-89.01L16.77 201.79l-191.5-77.85L-61.94-10.51-3.07 12.4l-77.49 94.97 126.71 50.84 8.2-10.67-110.18-44.06 68.71-84.87 447.85 174.26-25.62 39.77 17.57 6.92 25.47-39.91 6.93-10.86-629.5-244.16-509.6 582.26 991.12 463.6L729.26 283.5l-165.03-64.01Z' fill='%23DDE8ED'/%3E%3Cpath d='m455 251.61-2.32-12.05 32.4-50.77 2.32 12.05-32.4 50.77Z' fill='%23A9C5D3'/%3E%3Cpath d='m452.68 239.56-17.57-6.92 2.32 12.05 17.57 6.92-2.32-12.05ZM15.2 30.66l-2.32-12.05 447.85 174.26-5.73 8.92L15.2 30.66Z' fill='%23BBD1DC'/%3E%3Cpath d='m-55.83 103.48 68.71-84.87 2.32 12.05-61.91 76.46-9.12-3.64Z' fill='%23A9C5D3'/%3E%3Cpath d='m31.8 99.23-2.32-12.05 123.93 48.96-6.39 8.61L31.8 99.23Z' fill='%23BBD1DC'/%3E%3Cpath d='m177.92 132.18 2.32 12.06L88.45 268.9l-8.59-3.52 98.06-133.2ZM56.67 159.59l-2.32-12.05-8.2 10.67 2.32 12.05 8.2-10.67Z' fill='%23A9C5D3'/%3E%3Cpath d='m-78.24 119.42-2.32-12.05 126.71 50.84 2.32 12.05-126.71-50.84Z' fill='%23BBD1DC'/%3E%3Cpath d='m729.26 283.5 2.32 12.05-97.86 176.43h-9L729.26 283.5Z' fill='%23A9C5D3'/%3E%3Cpath d='m577.54 249.47-2.32-12.05 129.52 50.4-5.13 9.15-122.07-47.5ZM591.09 349.9l-2.32-12.05 71.88 28.59-5.1 9.1-64.46-25.64Z' fill='%23BBD1DC'/%3E%3Cpath d='m520.73 343.45-2.32-12.05 56.81-93.98 2.32 12.05-56.81 93.98Z' fill='%23A9C5D3'/%3E%3Cpath d='m308.57 258.64-2.32-12.05 212.16 84.81 2.32 12.05-212.16-84.81Z' fill='%23BBD1DC'/%3E%3Cpath d='m331.22 242.36 26.45-39.39 2.32 12.05-20.55 30.61-8.22-3.27Z' fill='%23A9C5D3'/%3E%3Cpath d='m271.03 193.74-2.32-12.05 64.3 25.4-5.95 8.79-56.03-22.14Z' fill='%23BBD1DC'/%3E%3Cpath d='m172.89 318.5 95.82-136.81 2.32 12.05-95.82 136.81-2.32-12.05Z' fill='%23A9C5D3'/%3E%3Cpath d='m56.59 281.73-2.32-12.05 118.62 48.82 2.32 12.05-118.62-48.82ZM287.28 318.05 284.97 306l333.3 136.03-5.07 9.03-325.92-133.01Z' fill='%23BBD1DC'/%3E%3Cpath d='m262.05 340.1 22.92-34.1 2.31 12.05-16.25 25.73-8.98-3.68Z' fill='%23A9C5D3'/%3E%3Cpath d='m238.61 356.64-2.32-12.05 109.21 44.95 2.32 12.05-109.21-44.95Z' fill='%23BBD1DC'/%3E%3Cpath d='m353.22 377.49 2.32 12.06-7.72 12.04-2.32-12.05 7.72-12.05ZM16.77 201.79l2.32 12.05-42.54 55.84v-15.45l40.22-52.44Z' fill='%23A9C5D3'/%3E%3Cpath d='m28.37 338.24 183.39 76.86-5.81 8.65-175.27-73.46-2.31-12.05Z' fill='%23BBD1DC'/%3E%3Cpath d='m-7.31 386.73 35.68-48.49 2.31 12.05-29.47 40.06-8.52-3.62Z' fill='%23A9C5D3'/%3E%3Cpath d='m-31.57 403.42-2.32-12.05 131.81 56.25 2.32 12.05-131.81-56.25Z' fill='%23BBD1DC'/%3E%3C/g%3E%3Cmask id='mask1_323_153' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='787' height='406'%3E%3Cpath d='M786.5 406H0V0h786.5' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_323_153)'%3E%3Cpath d='m477.88 291.07 70.76-113.54 22.6 8.67-11.22-44.02-51.16 20.1 22.43 8.6-64.09 101.83-77.58-30.65 23.47-35.75L19.86 52.58l-43.31 54.07L94.1 153.41-13.22 295.17l286.91 119.2-98.48 149.89 18.69 8.1 105.86-162.64-287.18-118.9 106.17-141.39L1.09 102.78l26.88-33.8 360.61 141.43-23.75 35.85 113.05 44.81Z' fill='%23A1C482'/%3E%3Cpath d='m477.88 280.18 70.76-113.54 22.6 8.67-11.22-44.02-51.16 20.1 22.43 8.6-64.09 101.83-77.58-30.65 23.47-35.75L19.86 41.7l-43.31 54.06L94.1 142.52-13.22 284.28l286.91 119.2-98.48 149.89 18.69 8.1 105.86-162.63L12.58 279.93l106.17-141.39L1.09 91.9l26.88-33.81 360.61 141.43-23.75 35.85 113.05 44.81Z' fill='%23639D2F'/%3E%3Cpath d='M548.64 177.53v-10.89l22.6 8.67v10.89l-22.6-8.67ZM508.86 162.28v-10.89l22.43 8.6-5.52 8.77-16.91-6.48ZM477.88 280.18l-113.05-44.81v10.89l113.05 44.81v-10.89Z' fill='%23407A2F'/%3E%3Cpath d='M413.09 206.31v-10.89l-23.47 35.75 5.67 2.25 17.8-27.11Z' fill='%23A1C482'/%3E%3Cpath d='M27.97 68.98V58.09l360.61 141.43-5.73 8.64L27.97 68.98ZM-23.45 106.65V95.76L94.1 142.52l-6.34 8.37-111.21-44.24ZM-13.22 295.17v-10.89l286.91 119.2-5.62 8.56-281.29-116.87Z' fill='%23407A2F'/%3E%3Cpath d='M118.75 138.54v10.89l-99.66 133.2-6.51-2.7 106.17-141.39ZM252.8 470.98l46.96-72.14v10.88l-39.87 61.26h-7.09Z' fill='%23A1C482'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_153'%3E%3Cpath fill='%23fff' d='M0 0h786.5v406H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: left bottom;
  background-size: 80% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .mod_article.denkprozess {
    background-size: 38% auto;
  }
}
.mod_article.denkprozess .wrap-article {
  padding-bottom: 40%;
}
@media screen and (min-width: 1024px) {
  .mod_article.denkprozess .wrap-article {
    padding-bottom: 0;
    padding-left: 30%;
  }
}

@supports (grid-area: auto) {
  [class*=grid_] {
    --gapvalue: 1rem;
    grid-column-gap: var(--gapvalue);
    grid-row-gap: var(--gapvalue);
  }
  @media screen and (min-width: 990px) {
    [class*=grid_] {
      --gapvalue: 2rem;
    }
  }
  @media screen and (min-width: 1400px) {
    [class*=grid_] {
      --gapvalue: 3rem;
    }
  }
  * + .ce_cp_grid_start {
    margin-top: var(--gapvalue);
  }
  @media screen and (min-width: 990px) {
    .grid-gap-big [class*=grid_] {
      --gapvalue: 4.5rem;
    }
  }
  @media screen and (min-width: 990px) {
    .grid-gap-medium [class*=grid_] {
      --gapvalue: 3rem;
    }
  }
  @media screen and (min-width: 990px) {
    .grid-gap-small [class*=grid_] {
      --gapvalue: 1.5rem;
    }
  }
  .grid-gap-null {
    --gapvalue: 0;
  }
  .grid-item-padding {
    padding: 1rem;
  }
  @media screen and (min-width: 768px) {
    .grid-item-padding {
      padding: 2rem;
    }
  }
}
/* Contao elements */
.text-center {
  text-align: center;
}

.content-headline.text-center {
  max-width: 36ch;
  margin-inline: auto;
}

.content-text:after {
  content: "";
  display: table;
  clear: both;
}

.kasten-cta {
  background-color: var(--olive-100);
  padding: 1rem;
  margin-block: 1.5rem;
  border-radius: 4px;
}
.kasten-cta p {
  margin-bottom: 0;
}
@media screen and (min-width: 990px) {
  .kasten-cta p {
    text-align: right;
  }
  .kasten-cta .btn {
    margin-left: 0;
  }
}

.content-text.card {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  background-color: var(--base-color);
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: calc(150px + 2rem) 1fr;
  grid-template-rows: calc(150px + 2rem) 1fr;
}
.content-text.card figure {
  width: 100%;
  border-bottom: 1px solid #eee;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.content-text.card .rte {
  padding: 2rem 1rem;
}
@media screen and (min-width: 990px) {
  .content-text.card .rte {
    padding: 3rem 2rem;
  }
}

.content-text + .content-text:has(h1, h2, h3, h4, h5, h6),
.content-text + .content-headline,
.content-text + .content-table:has(h1, h2, h3, h4, h5, h6) {
  margin-top: 2rem;
}

.content-text,
.ce_rsce_schmuckelement,
.content-list {
  background-color: var(--ce-bg-color);
  color: var(--ce-color);
}

[class*=ce-bg-] {
  padding: 1rem 2rem;
  border-radius: var(--border-radius);
  background-color: var(--ce-bg-color);
}
@media screen and (min-width: 768px) {
  [class*=ce-bg-] {
    padding: 1.5rem 3rem;
  }
}
@media screen and (min-width: 1200px) {
  [class*=ce-bg-] {
    padding: 2rem 4rem;
  }
}

.ce-bg-white {
  --ce-bg-color: #fff;
}

.ce-bg-olive {
  --ce-bg-color: var(--brand-olive);
  --ce-color: var(--text-color-light);
  --text-color: var(--text-color-light);
}

.ce-bg-olive-100 {
  --ce-bg-color: var(--olive-100);
}

.ce-bg-anthra {
  --ce-bg-color: var(--brand-anthra);
  --ce-color: var(--text-color-light);
  --text-color: var(--text-color-light);
}

.ce-bg-anthra-100 {
  --ce-bg-color: var(--anthra-100);
}

.ce-bg-ocean {
  --ce-bg-color: var(--brand-ocean);
  --ce-color: var(--text-color-light);
  --text-color: var(--text-color-light);
}

.ce-bg-ocean-100 {
  --ce-bg-color: var(--ocean-100);
}

.ce-bg-wheat {
  --ce-bg-color: var(--brand-wheat);
}

.ce-bg-wheat-100 {
  --ce-bg-color: var(--wheat-100);
}

.content-list.liste-leistungen ul {
  margin: 0;
  padding: 0;
}
.content-list.liste-leistungen li {
  list-style-type: none;
  padding: 0.5em 0;
  margin-bottom: 0;
}
.content-list.liste-leistungen li:not(:last-child) {
  border-bottom: 1px solid color-mix(in srgb, var(--ce-color) 25%, transparent);
}

.zahlfakten {
  margin-top: calc(var(--spacingtop) * 2rem);
}
.zahlfakten ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1024px;
  margin-inline: auto;
}
@media screen and (min-width: 960px) {
  .zahlfakten ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.zahlfakten li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.zahlfakten li .einleitung {
  text-align: center;
}
.zahlfakten li .zahlfakt {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "item";
  place-items: center;
  line-height: 1.1;
}
.zahlfakten li .zahlfakt * {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: item;
}
.zahlfakten li .zahl {
  font-size: 5rem;
  font-weight: var(--fw-b);
  color: var(--anthra-200);
}
@media screen and (min-width: 768px) {
  .zahlfakten li .zahl {
    font-size: 9rem;
  }
}
.zahlfakten li .faktname {
  font-size: 1.5rem;
  font-weight: var(--fw-sb);
  color: var(--brand-anthra);
}
@media screen and (min-width: 768px) {
  .zahlfakten li .faktname {
    font-size: 2rem;
  }
}

.bg-wasserzeichen {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 400'%3E%3Cpath d='M346.023 117.356c-2.127-1.672-5.574-1.672-7.701 0l-38.989 30.652c-2.126 1.672-3.85.807-3.85-1.874V2.736c0-2.71-1.724-3.547-3.851-1.875L3.85 227.421C1.724 229.093 0 232.669 0 235.35v159.719c0 2.711 2.212 4.902 4.884 4.902h13.217c2.701 0 4.885-2.22 4.885-4.902V246.567c0-2.71 1.724-6.257 3.85-7.929L268.647 48.267c2.126-1.673 3.85-.808 3.85 1.874v114.044c0 2.71-1.724 6.257-3.85 7.929l-70.366 55.307c-2.126 1.672-3.85 5.219-3.85 7.929v73.011c0 2.711-2.212 4.902-4.884 4.902h-83.554c-2.701 0-4.884-2.22-4.884-4.902v-53.864c0-2.711-1.724-3.547-3.85-1.903l-15.257 11.88c-2.126 1.644-3.85 5.219-3.85 7.901v122.694c0 2.711 2.212 4.902 4.884 4.902h13.217c2.7 0 4.885-2.22 4.885-4.902v-53.864c0-2.711 2.212-4.902 4.884-4.902h83.582c2.701 0 4.885 2.22 4.885 4.902v53.864c0 2.711 2.212 4.902 4.884 4.902h13.217c2.701 0 4.884-2.22 4.884-4.902V246.567c0-2.71 1.724-6.257 3.851-7.929l47.379-37.227c2.126-1.672 3.85-.807 3.85 1.874v191.784c0 2.711 2.213 4.902 4.885 4.902h13.217c2.7 0 4.884-2.22 4.884-4.902v-53.864c0-2.711 2.212-4.902 4.885-4.902h83.237c2.701 0 4.884 2.22 4.884 4.902v53.864c0 2.711 2.213 4.902 4.885 4.902h13.217c2.701 0 4.884-2.22 4.884-4.902V272.375c0-2.711-1.724-6.257-3.85-7.901l-15.257-11.88c-2.126-1.644-3.85-.808-3.85 1.903v53.864c0 2.711-2.212 4.902-4.884 4.902h-83.238c-2.701 0-4.884-2.22-4.884-4.902V185.263c0-2.71 1.724-6.257 3.85-7.929l38.99-30.652c2.126-1.673 5.574-1.673 7.7 0l117.055 91.984c2.126 1.673 3.85 5.219 3.85 7.93v148.502c0 2.71 2.213 4.902 4.885 4.902h13.217c2.7 0 4.884-2.22 4.884-4.902V235.379c0-2.71-1.724-6.257-3.85-7.93L346.023 117.356Z' fill-opacity='0.1' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom -0.5rem right -0.5rem;
  background-size: 12rem auto;
}

.mod-article.bg-wasserzeichen {
  background-size: 20rem auto;
}

blockquote {
  padding: 0.25rem 0 1rem 0;
  margin: 0;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--grau-700);
}
blockquote p {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.begriffe-big3 {
  padding: 2rem 2rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 301'%3E%3Cpath d='M119.817 300.2c-20.845 0-38.732-2.535-53.661-7.605-14.93-5.071-27.184-11.55-36.761-19.437-9.578-7.887-16.76-16.479-21.55-25.775C3.058 237.806.523 228.651.24 219.919c0-2.536.845-4.648 2.535-6.339 1.69-1.69 3.803-2.535 6.338-2.535h46.48c3.098 0 5.633.705 7.605 2.113 1.972 1.127 3.803 3.239 5.493 6.338 2.253 6.479 5.915 11.69 10.986 15.634 5.07 3.943 10.985 6.76 17.746 8.45 7.042 1.409 14.507 2.113 22.394 2.113 15.775 0 28.169-3.662 37.184-10.986 9.014-7.324 13.521-17.605 13.521-30.845 0-13.521-4.226-23.239-12.676-29.155-8.451-5.915-20.423-8.873-35.916-8.873H76.719c-2.817 0-5.211-.986-7.183-2.958-1.972-1.972-2.958-4.366-2.958-7.183v-20.704c0-3.38.563-6.197 1.69-8.451 1.409-2.253 2.817-3.943 4.225-5.07l72.677-66.76H26.015c-3.099 0-5.634-.987-7.606-2.959-1.972-1.971-2.958-4.366-2.958-7.183V10.764c0-3.099.986-5.634 2.958-7.606C20.381 1.186 22.916.2 26.015.2H213.62c3.099 0 5.634.986 7.606 2.958 1.972 1.972 2.958 4.507 2.958 7.606v30.422c0 3.099-.564 5.775-1.69 8.028-1.127 1.972-2.536 3.521-4.226 4.648l-68.873 68.028 4.225.423c16.62 1.69 31.409 5.775 44.366 12.253 12.958 6.479 23.099 15.775 30.423 27.888 7.606 11.831 11.408 26.901 11.408 45.211 0 19.155-5.211 35.634-15.633 49.437-10.423 13.802-24.648 24.507-42.676 32.112-18.029 7.324-38.592 10.986-61.691 10.986Z' opacity='0.6' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left 1rem center;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}
@media screen and (min-width: 768px) {
  .begriffe-big3 {
    padding: 3rem 2rem;
  }
}
.begriffe-big3 ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
.begriffe-big3 li {
  list-style-type: none;
  font-size: 2rem;
  font-weight: var(--fw-sb);
  line-height: 1;
  color: var(--ocean-700);
}
@media screen and (min-width: 768px) {
  .begriffe-big3 li {
    font-size: 3rem;
  }
}

.ce_rsce_ansprechpartner {
  text-align: center;
  margin-bottom: 1.5rem;
}
.ce_rsce_ansprechpartner .ansprechpartner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ce_rsce_ansprechpartner .ansprechpartner__bild {
  border-radius: 999em;
  overflow: hidden;
}
.ce_rsce_ansprechpartner .ansprechpartner__name {
  font-weight: bold;
}
.ce_rsce_ansprechpartner .ansprechpartner__button {
  margin-block: 0;
}
.ce_rsce_ansprechpartner .ansprechpartner__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.ce_rsce_ansprechpartner .ansprechpartner__button svg {
  width: 1.25em;
  height: 1.25em;
  color: inherit;
  fill: #fff;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  position: relative;
}
nav a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
nav a:hover, nav a:focus {
  color: var(--action-respond);
}

.header .mainnav {
  --link-space-inner-v: .2rem;
  --link-space-inner-h: 1rem;
  --bg-nav: transparent;
}
.header .mainnav ul.level_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--bg-nav);
  row-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .header .mainnav ul.level_1 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.header .mainnav ul.level_1 ul {
  display: none;
  position: absolute;
  z-index: 5;
}
.header .mainnav li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 0;
}
.header .mainnav li.last {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
  margin-left: 1rem;
}
.header .mainnav a, .header .mainnav strong {
  padding: var(--link-space-inner-v) var(--link-space-inner-h);
  font-size: 1.25rem;
  font-weight: var(--fw-l);
  position: relative;
  color: var(--action);
}
.header .mainnav a:hover, .header .mainnav a:focus, .header .mainnav strong:hover, .header .mainnav strong:focus {
  color: var(--action-respond);
}
.header .mainnav a:not(.invisible)::before, .header .mainnav a:not(.invisible)::after, .header .mainnav strong:not(.invisible)::before, .header .mainnav strong:not(.invisible)::after {
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
.header .mainnav a:not(.invisible)::before, .header .mainnav strong:not(.invisible)::before {
  content: "";
  right: 0;
  top: 0;
  border-top: 3px solid var(--action);
  border-right: 3px solid var(--action);
  border-top-right-radius: var(--border-radius);
  -webkit-transform: translate(-100%, 50%);
          transform: translate(-100%, 50%);
}
.header .mainnav a:not(.invisible)::after, .header .mainnav strong:not(.invisible)::after {
  content: "";
  left: 0;
  bottom: 0;
  border-bottom: 3px solid var(--action);
  border-left: 3px solid var(--action);
  border-bottom-left-radius: var(--border-radius);
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.header .mainnav a:not(.invisible):hover::before, .header .mainnav a:not(.invisible):focus::before, .header .mainnav a:not(.invisible):focus::after, .header .mainnav a:not(.invisible):hover::after, .header .mainnav a.forward::before, .header .mainnav a.forward::after, .header .mainnav strong:not(.invisible):hover::before, .header .mainnav strong:not(.invisible):focus::before, .header .mainnav strong:not(.invisible):focus::after, .header .mainnav strong:not(.invisible):hover::after, .header .mainnav strong.forward::before, .header .mainnav strong.forward::after {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.header .mainnav [data-onepage-link=kontakt] a,
.header .mainnav li.kontakt a {
  --cta-btn-bg-color: var(--base-color);
  --cta-btn-color: var(--brand-color1);
  --cta-icon-color: var(--cta-btn-color);
  --link-space-inner-v: .5rem;
  background-color: var(--cta-btn-bg-color);
  color: var(--cta-btn-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: var(--border-radius);
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.header .mainnav [data-onepage-link=kontakt] a:hover, .header .mainnav [data-onepage-link=kontakt] a:focus,
.header .mainnav li.kontakt a:hover,
.header .mainnav li.kontakt a:focus {
  --cta-btn-bg-color: var(--brand-color1);
  --action-respond: var(--text-color-light);
  --cta-btn-color: var(--text-color-light);
  --cta-icon-color: var(--action-respond);
}
.header.sticky .header .mainnav [data-onepage-link=kontakt] a,
.header.sticky .header .mainnav li.kontakt a {
  --cta-btn-bg-color: var(--brand-color2);
  --cta-btn-color: var(--text-color-light);
}
.header.sticky .header .mainnav [data-onepage-link=kontakt] a:hover, .header.sticky .header .mainnav [data-onepage-link=kontakt] a:focus,
.header.sticky .header .mainnav li.kontakt a:hover,
.header.sticky .header .mainnav li.kontakt a:focus {
  --cta-btn-bg-color: var(--brand-color1);
  --action-respond: var(--text-color-light);
  --cta-icon-color: var(--action-respond);
}
.header--white .header .mainnav [data-onepage-link=kontakt] a,
.header--white .header .mainnav li.kontakt a {
  --cta-btn-color: var(--text-color-light);
  --cta-btn-bg-color: var(--brand-color1);
  --action-respond: var(--text-color-light);
  --cta-icon-color: var(--action-respond);
}
.header .mainnav [data-onepage-link=kontakt] a::before, .header .mainnav [data-onepage-link=kontakt] a::after,
.header .mainnav li.kontakt a::before,
.header .mainnav li.kontakt a::after {
  content: none;
}
.header .mainnav [data-onepage-link=kontakt] a .icon-termin,
.header .mainnav li.kontakt a .icon-termin {
  width: 1em;
  height: 1em;
}
.header .mainnav [data-onepage-link=kontakt] a .icon-termin path, .header .mainnav [data-onepage-link=kontakt] a .icon-termin svg,
.header .mainnav li.kontakt a .icon-termin path,
.header .mainnav li.kontakt a .icon-termin svg {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.header .mainnav ul > li:hover > ul, .header .mainnav ul > li:focus > ul {
  display: block;
}
.header .mainnav .level_3 {
  left: 100%;
  top: 0;
}

.mobile_navigation_wrapper .mod_navigation .level_1 {
  top: calc(var(--initial_header_height, 100px) * 1px);
  background-color: var(--olive-100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile_navigation_wrapper .mod_navigation .level_1 li.last {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.mobile_navigation_wrapper .mod_navigation .level_1 .icon-termin {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  color: var(--brand-color1);
  fill: var(--brand-color1);
}
.mobile_navigation_wrapper .mod_navigation .level_1 .icon-termin path, .mobile_navigation_wrapper .mod_navigation .level_1 .icon-termin svg {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sticky .mobile_navigation_wrapper .mod_navigation .level_1 {
  top: 91px;
}

.navicon .inside .lines {
  background-color: var(--action);
}

.navicon .inside .line_middle {
  -webkit-transition: background-color 200ms ease, -webkit-transform ease 200ms;
  transition: background-color 200ms ease, -webkit-transform ease 200ms;
  transition: transform ease 200ms, background-color 200ms ease;
  transition: transform ease 200ms, background-color 200ms ease, -webkit-transform ease 200ms;
}

.mobile_navigation_wrapper .mainnav ul.level_1 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
}
.mobile_navigation_wrapper .mainnav li {
  width: 100%;
}
.mobile_navigation_wrapper .mainnav a {
  text-align: left;
  display: block;
}

.mod_navigation.lpnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod_navigation.lpnav li {
  margin-bottom: 0;
}
#footer .mod_navigation.lpnav a {
  color: rgba(255, 255, 255, 0.6);
}

.btn {
  --button-bg__primary: var(--brand-color1);
  --button-bg__secondary: var(--brand-color2);
  --button-bg-color: var(--button-bg__primary);
  --button-color: var(--text-color);
  --button-color-light: var(--text-color-light);
  --button-border__primary__color: var(--brand-color1);
  --button-border__secondary__color: var(--brand-color2);
  --button-border-width: 1px;
  --button-border-color: var(--button-border__primary__color);
  --button-border-style: solid;
  --button-border-radius: 3px;
}

.btn {
  display: inline-block;
  margin: 1rem auto;
}
.btn a {
  display: block;
  padding: 0.5em 1.5em;
  text-align: center;
  font-weight: var(--fw-n);
  color: var(--button-color);
  background-color: var(--button-bg-color);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn a:hover, .btn a:focus {
  --button-color: var(--olive-900);
  --button-bg-color: var(--olive-300);
  --button-border-color: var(--olive-300);
}
.btn a:focus {
  --button-border-color: var(--button-border__primary__color);
}
.btn.btn--primary {
  --button-color: var(--button-color-light);
  --button-bg-color: var(--button-bg__primary);
  --button-border-color: var(--button-border__primary__color);
}
.btn.btn--primary a:hover,
.btn.btn--primary a:focus {
  --button-color: var(--olive-900);
  --button-bg-color: var(--olive-300);
  --button-border-color: var(--olive-300);
}
.btn.btn--primary a:focus {
  --button-border-color: var(--button-border__primary__color);
}
.btn.btn--secondary {
  --button-color: var(--button-color-light);
  --button-bg-color: var(--brand-ocean);
  --button-border-color: var(--brand-ocean);
}
.btn.btn--secondary a:hover,
.btn.btn--secondary a:focus {
  --button-color: var(--ocean-900);
  --button-bg-color: var(--ocean-300);
  --button-border-color: var(--ocean-300);
}
.btn.btn--secondary a:focus {
  --button-border-color: var(--ocean-700);
}
.btn.btn--primary--skeleton {
  --button-color: var(--brand-color1);
  --button-bg-color: transparent;
  --button-border-color: var(--button-border__primary__color);
}
.btn.btn--primary--skeleton a:hover,
.btn.btn--primary--skeleton a:focus {
  --button-color: var(--olive-900);
  --button-bg-color: var(--olive-300);
  --button-border-color: var(--olive-300);
}
.btn.btn--primary--skeleton a:focus {
  --button-border-color: var(--button-border__primary__color);
}
.btn.btn--secondary--skeleton {
  --button-color: var(--brand-ocean);
  --button-bg-color: transparent;
  --button-border-color: var(--brand-ocean);
}
.btn.btn--secondary--skeleton a:hover,
.btn.btn--secondary--skeleton a:focus {
  --button-color: var(--ocean-900);
  --button-bg-color: var(--ocean-300);
  --button-border-color: var(--ocean-300);
}
.btn.btn--secondary--skeleton a:focus {
  --button-border-color: var(--ocean-700);
}
.btn.btn--centered {
  display: block;
  text-align: center;
}
.btn.btn--centered a {
  display: inline-block;
  margin-inline: auto;
}

a.cta-btn {
  --cta-btn-bg-color: var(--brand-color2);
  --cta-btn-color: var(--text-color-light);
  --cta-icon-color: var(--cta-btn-color);
  --link-space-inner-v: .5rem;
  background-color: var(--cta-btn-bg-color);
  color: var(--cta-btn-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: var(--border-radius);
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.header--sky .header:not(.sticky) a.cta-btn {
  --cta-btn-bg-color: var(--base-color);
  --cta-btn-color: var(--brand-color1);
}
.header--sky .header:not(.sticky) a.cta-btn:hover, .header--sky .header:not(.sticky) a.cta-btn:focus {
  --cta-btn-bg-color: var(--brand-color1);
  --action-respond: var(--text-color-light);
  --cta-icon-color: var(--action-respond);
}
.mainnav a.cta-btn::before, .mainnav a.cta-btn::after {
  content: none;
}
a.cta-btn:hover, a.cta-btn:focus {
  --cta-btn-bg-color: var(--brand-color1);
  --action-respond: var(--text-color-light);
  --cta-icon-color: var(--action-respond);
}
a.cta-btn .icon-termin {
  width: 1em;
  height: 1em;
}
a.cta-btn .icon-termin path, a.cta-btn .icon-termin svg {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.ce_accordion {
  --accordion-toggler-background: #fff;
  --accordion-toggler-color: var(--text-color);
  --accordion-toggler-action-background: var(--brand-olive);
  --accordion-toggler-action-color: var(--text-color-light);
  --accordion-toggler-action-border-color: var(--brand-olive);
  --accordion-toggler-border-weight: 1px;
  --accordion-toggler-border-style: solid;
  --accordion-toggler-border-color: var(--olive-200);
  --accordion-toggler-inner-spacing: 1rem 3rem 1rem 1rem;
  --accordion-content-spacing: 1rem;
  --accordion-toggler-transition-time: .2s;
}

.ce_accordion {
  margin-bottom: 0.5rem;
}
.ce_accordion .toggler {
  border-top: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
  border-bottom: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
  position: relative;
  background-color: var(--accordion-toggler-background);
  -webkit-transition: all var(--accordion-toggler-transition-time) ease;
  transition: all var(--accordion-toggler-transition-time) ease;
  padding: var(--accordion-toggler-inner-spacing);
  font-weight: var(--fw-sb);
  color: var(--accordion-toggler-color);
}
.ce_accordion .toggler:hover, .ce_accordion .toggler:focus {
  background-color: var(--accordion-toggler-action-background);
  border-color: var(--accordion-toggler-action-border-color);
  color: var(--accordion-toggler-action-color);
}
.ce_accordion .toggler:hover .title, .ce_accordion .toggler:focus .title {
  color: var(--accordion-toggler-action-color);
}
.ce_accordion .toggler::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.39 20.002l-9.133-9.49a.892.892 0 0 1 .284-1.445.87.87 0 0 1 .955.192l10.015 10.115a.892.892 0 0 1 0 1.252L15.496 30.74a.868.868 0 0 1-1.24 0 .892.892 0 0 1 0-1.252l9.134-9.486z' fill='%231D1D1B'/%3E%3C/svg%3E");
  background-size: 2rem;
  background-repeat: no-repeat;
  color: var(--text-color);
  cursor: pointer;
}
.ce_accordion .toggler:hover::after, .ce_accordion .toggler:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.ce_accordion .toggler.active::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.626 10.236l-8.628 8.392-8.624-8.392a.806.806 0 0 0-1.138 1.139L18.856 20l-8.62 8.625a.8.8 0 0 0-.175.878.806.806 0 0 0 1.313.26l8.628-8.39 8.624 8.391a.806.806 0 0 0 1.138-1.139L21.144 20l8.62-8.625a.8.8 0 0 0 .175-.878.806.806 0 0 0-1.313-.26z' fill='%231D1D1B'/%3E%3C/svg%3E");
}

.handorgel__content {
  display: none;
  overflow: hidden;
  height: 0;
  border-top: ar(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
  background-color: var(--accordion-content-background);
  -webkit-transition: height 0.1s ease 0.1s;
  transition: height 0.1s ease 0.1s;
}

.handorgel__content--open {
  display: block;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}

.handorgel__content--opened {
  overflow: visible;
}

.handorgel__content__inner {
  padding: var(--accordion-toggler-inner-spacing);
  opacity: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.handorgel__content--opened .handorgel__content__inner {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.handorgel .accordion {
  display: none;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}

.handorgel .accordion.open {
  display: block;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}

.handorgel .accordion.active {
  overflow: visible;
}

.content-accordion.support .handorgel__header {
  margin-bottom: 0.5rem;
}
.content-accordion.support .handorgel__header--focus {
  --accordion-toggler-action-color: var(--text-color);
}
.content-accordion.support button {
  border: 1px solid var(--olive-400);
  background-color: var(--olive-100);
  border-radius: var(--border-radius);
  color: var(--text-color);
  padding: 1.5rem;
}
.content-accordion.support button:hover, .content-accordion.support button:focus {
  background-color: var(--olive-200);
  --accordion-toggler-action-color: var(--text-color);
}
.content-accordion.support button:hover::after, .content-accordion.support button:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E");
}

.content-accordion {
  --accordion-toggler-background: #fff;
  --accordion-toggler-color: var(--text-color);
  --accordion-toggler-action-background: var(--brand-olive);
  --accordion-toggler-action-color: var(--text-color-light);
  --accordion-toggler-action-border-color: var(--brand-olive);
  --accordion-toggler-border-weight: 1px;
  --accordion-toggler-border-style: solid;
  --accordion-toggler-border-color: var(--olive-200);
  --accordion-toggler-inner-spacing: 1rem 3rem 1rem 1rem;
  --accordion-content-spacing: 1rem;
  --accordion-toggler-transition-time: .2s;
}

.content-accordion {
  margin-bottom: 0.5rem;
}
.content-accordion .handorgel__header__button {
  border-top: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
  border-bottom: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
  position: relative;
  background-color: var(--accordion-toggler-background);
  -webkit-transition: all var(--accordion-toggler-transition-time) ease;
  transition: all var(--accordion-toggler-transition-time) ease;
  padding: var(--accordion-toggler-inner-spacing);
  font-weight: var(--fw-sb);
  color: var(--accordion-toggler-color);
  font-size: 1rem;
}
.content-accordion .handorgel__header__button:hover, .content-accordion .handorgel__header__button:focus {
  background-color: var(--accordion-toggler-action-background);
  border-color: var(--accordion-toggler-action-border-color);
  color: var(--accordion-toggler-action-color);
}
.content-accordion .handorgel__header__button:hover .title, .content-accordion .handorgel__header__button:focus .title {
  color: var(--accordion-toggler-action-color);
}
.content-accordion .handorgel__header__button::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.39 20.002l-9.133-9.49a.892.892 0 0 1 .284-1.445.87.87 0 0 1 .955.192l10.015 10.115a.892.892 0 0 1 0 1.252L15.496 30.74a.868.868 0 0 1-1.24 0 .892.892 0 0 1 0-1.252l9.134-9.486z' fill='%231D1D1B'/%3E%3C/svg%3E");
  background-size: 2rem;
  background-repeat: no-repeat;
  color: var(--text-color);
  cursor: pointer;
}
.content-accordion .handorgel__header__button:hover::after, .content-accordion .handorgel__header__button:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.content-accordion .handorgel__header__button.active::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.626 10.236l-8.628 8.392-8.624-8.392a.806.806 0 0 0-1.138 1.139L18.856 20l-8.62 8.625a.8.8 0 0 0-.175.878.806.806 0 0 0 1.313.26l8.628-8.39 8.624 8.391a.806.806 0 0 0 1.138-1.139L21.144 20l8.62-8.625a.8.8 0 0 0 .175-.878.806.806 0 0 0-1.313-.26z' fill='%231D1D1B'/%3E%3C/svg%3E");
}
.content-accordion .accordion {
  max-height: 0;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
}
.content-accordion .accordion.open {
  max-height: 5000px;
  -webkit-transition: max-height 1.5s;
  transition: max-height 1.5s;
}
.content-accordion .accordion > div {
  padding: var(--accordion-content-spacing);
}

.ce_form {
  /*Variable Werte für Grundstyle*/
  --field-border-color:	var(--wheat-500);
  --field-background:	#fff;
  --field-color:	var(--text-color);
  --label-color:	var(--text-color);
  --field-alert-color:	red;
  --field-valid-color:	var(--text-color);
  --field-invalid-color:	var(--ocean-700);
  --field-border-radius:	var(--border-radius);
  --field-border-width:	1px;
  --field-border-style:	solid;
  --field-padding:	.5em 1em;
  --checkbox-size:	20px;
  --abstand-widget:	1rem;
  --color-rangeslider:	var(--text-color);
}

/*Klassen für @extend*/
.fieldreset, .ce_form .widget-checkbox.dsgvo fieldset {
  border: none;
  padding: 0;
}

/*Basic Styles*/
.ce_form input,
.ce_form label {
  display: block;
}
.ce_form label,
.ce_form legend {
  color: var(--label-color);
}
.ce_form label span.mandatory,
.ce_form legend span.mandatory {
  color: var(--brand-color1);
}
.ce_form input,
.ce_form textarea {
  width: 100%;
  border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
  padding: var(--field-padding);
  background-color: var(--field-background);
  color: var(--field-colord);
  border-radius: var(--field-border-radius);
}
.ce_form input:valid {
  color: var(--field-valid-color);
}
.ce_form input:invalid {
  color: var(--field-invalid-color);
}
.ce_form fieldset {
  border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
}
.ce_form .widget {
  margin-bottom: var(--abstand-widget);
}
.ce_form .widget-checkbox .checkbox_container > span {
  display: block;
  position: relative;
}
.ce_form .widget-checkbox .checkbox_container > span label {
  padding-left: 30px;
}
.ce_form .widget-checkbox .checkbox_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
  background: var(--field-background);
  text-align: center;
  cursor: pointer;
}
.ce_form .widget-checkbox .checkbox_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: var(--checkbox-size);
}
.ce_form .widget-checkbox.dsgvo legend {
  display: none;
}
.ce_form .widget-radio .radio_container > span {
  display: block;
  position: relative;
}
.ce_form .widget-radio .radio_container > span label {
  padding-left: 30px;
}
.ce_form .widget-radio .radio_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border-radius: 50%;
  border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
  background: var(--field-background);
  text-align: center;
  cursor: pointer;
}
.ce_form .widget-radio .radio_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: var(--checkbox-size);
}
.ce_form .widget-submit button {
  background-color: var(--brand-color1);
  color: var(--text-color-light);
  padding: var(--field-padding);
  border: var(--field-border-width) var(--field-border-style) var(--brand-color1);
  border-radius: var(--border-radius);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ce_form .widget-submit button:hover {
  background-color: var(--olive-700);
  border-color: var(--olive-700);
}
.ce_form .widget-select,
.ce_form .ctlg_form_field.select {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_form .widget-select::after,
.ce_form .ctlg_form_field.select::after {
  content: "▼";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 0.2em;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  color: var(--field-colord);
}
.ce_form .widget-select label,
.ce_form .ctlg_form_field.select label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.ce_form .widget-select select,
.ce_form .ctlg_form_field.select select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding: var(--field-padding);
  border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
  background: var(--field-background);
  color: var(--field-colord);
  cursor: pointer;
  border-radius: var(--field-border-radius);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.ce_form .widget-select select option,
.ce_form .ctlg_form_field.select select option {
  padding: var(--field-padding);
  color: var(--field-colord);
}
.ce_form .widget-range .range {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 25px;
  background: var(--field-background);
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.ce_form .widget-range .range:hover, .ce_form .widget-range .range:focus {
  opacity: 1;
}
.ce_form .widget-range .range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: var(--color-rangeslider);
  cursor: pointer;
}
.ce_form .widget-range .range::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: var(--color-rangeslider);
  cursor: pointer;
}

.ce_rsce_schmucktext {
  position: relative;
}
.ce_rsce_schmucktext .ce_text__hl {
  --heading-color: var(--brand-color1);
  font-size: 1.5rem;
}
@media screen and (min-width: 900px) {
  .ce_rsce_schmucktext .ce_text__hl {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .ce_rsce_schmucktext .ce_text__hl {
    font-size: 4rem;
  }
}
.ce_rsce_schmucktext .ce_text__content {
  padding-left: 0;
  position: relative;
}
@media screen and (min-width: 900px) {
  .ce_rsce_schmucktext .ce_text__content {
    padding-left: 12rem;
  }
}
@media screen and (min-width: 1200px) {
  .ce_rsce_schmucktext .ce_text__content {
    padding-left: 20rem;
  }
}
.ce_rsce_schmucktext .ce_text__content::before {
  position: absolute;
  height: 2px;
  width: 3rem;
  top: 0.75em;
  left: 0;
  background-color: var(--brand-color1);
}
@media screen and (min-width: 900px) {
  .ce_rsce_schmucktext .ce_text__content::before {
    content: "";
    width: 9.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .ce_rsce_schmucktext .ce_text__content::before {
    width: 17rem;
  }
}
.seitenstart .ce_rsce_schmucktext {
  background-color: var(--brand-color1);
  color: var(--text-color-light);
  padding: 2rem 1.5rem;
  border-radius: var(--border-radius);
  top: -8rem;
}
@media screen and (min-width: 900px) {
  .seitenstart .ce_rsce_schmucktext {
    padding: 3rem;
    top: -10rem;
  }
}
@media screen and (min-width: 1472px) {
  .seitenstart .ce_rsce_schmucktext {
    top: -12rem;
    min-height: 400px;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
}
.seitenstart .ce_rsce_schmucktext .ce_text__hl {
  --heading-color: var(--text-color-light);
  text-wrap: balance;
}
@media screen and (min-width: 1200px) {
  .seitenstart .ce_rsce_schmucktext .ce_text__hl {
    font-size: 2.5rem;
  }
}
.seitenstart .ce_rsce_schmucktext h1.ce_text__hl span {
  font-size: 2em;
}
@media screen and (min-width: 1200px) {
  .seitenstart .ce_rsce_schmucktext.headline-smaller .ce_text__hl {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .seitenstart .ce_rsce_schmucktext .ce_text__content {
    padding-left: 12rem;
  }
}
.seitenstart .ce_rsce_schmucktext .ce_text__content::before {
  background-color: var(--text-color-light);
}
@media screen and (min-width: 1200px) {
  .seitenstart .ce_rsce_schmucktext .ce_text__content::before {
    width: 9.5rem;
  }
}
@media screen and (min-width: 900px) {
  .seitenstart .ce_rsce_schmucktext::after {
    position: absolute;
    content: "";
    bottom: -1rem;
    left: -1rem;
    border-left: 6px solid var(--olive-200);
    border-bottom: 6px solid var(--olive-200);
    width: 3rem;
    height: 3rem;
    border-bottom-left-radius: var(--border-radius);
  }
  .seitenstart .ce_rsce_schmucktext::before {
    position: absolute;
    content: "";
    top: -1rem;
    right: -1rem;
    border-right: 6px solid var(--olive-200);
    border-top: 6px solid var(--olive-200);
    width: 3rem;
    height: 3rem;
    border-top-right-radius: var(--border-radius);
  }
}

.mod_recommendationlist:not(.swiper-wrapper) {
  --gridgap: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--gridgap);
}
@media screen and (min-width: 768px) {
  .mod_recommendationlist:not(.swiper-wrapper) {
    -ms-grid-columns: 1fr calc(var(--gridgap) * 2) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gridgap) * 2);
  }
}
@media screen and (min-width: 768px) {
  .mod_recommendationlist:not(.swiper-wrapper) {
    gap: calc(var(--gridgap) * 4);
  }
}

.bewertung {
  --ce-bg-color: var(--olive-200);
  --ce-color: var(--text-color);
  --text-color: var(--text-color);
  position: relative;
  background-color: var(--ce-bg-color);
  color: var(--ce-color);
  padding: 1rem 3rem 1rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--border-radius);
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 127'%3E%3Cpath d='M132.303 0c2.689 0 4.974 1.076 6.857 3.227 2.151 1.882 3.227 4.033 3.227 6.454 0 2.15-.942 4.571-2.824 7.26-7.261 9.143-12.908 17.883-16.941 26.219-3.765 8.067-5.647 14.79-5.647 20.168 0 2.151.403 3.764 1.21 4.84.807 1.076 2.151 1.748 4.033 2.017C136.739 73.68 144 82.958 144 98.017c0 8.336-2.689 15.193-8.067 20.571-5.378 5.109-12.236 7.664-20.572 7.664-9.68 0-17.21-3.227-22.588-9.681-5.378-6.722-8.067-15.731-8.067-27.025 0-27.16 12.37-54.857 37.109-83.092C125.58 2.15 129.076 0 132.303 0ZM47.597 0c2.689 0 4.974 1.076 6.857 3.227C56.605 5.109 57.68 7.26 57.68 9.68c0 2.15-.941 4.571-2.824 7.26-7.26 9.143-12.907 17.883-16.941 26.219-3.765 8.067-5.647 14.79-5.647 20.168 0 2.151.403 3.764 1.21 4.84.807 1.076 2.151 1.748 4.034 2.017 14.52 3.496 21.781 12.773 21.781 27.832 0 8.336-2.689 15.193-8.067 20.571-5.378 5.109-12.235 7.664-20.571 7.664-9.681 0-17.21-3.227-22.589-9.681C2.69 109.849 0 100.84 0 89.546 0 62.386 12.37 34.69 37.11 6.454 40.873 2.15 44.37 0 47.596 0Z' fill='%23A1C482' fill-opacity='.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 4.5rem auto;
  background-position: top 2rem right 2rem;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  min-height: 13rem;
  width: calc(100% - 0.75rem);
}
.bewertung::after {
  content: "";
  width: 70%;
  height: calc(100% - 4rem);
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  background-color: var(--olive-400);
  z-index: -1;
  border-radius: var(--border-radius);
}
@media screen and (min-width: 768px) {
  .bewertung {
    padding: 2rem 4rem 2rem 2rem;
  }
  .bewertung:nth-child(odd) {
    margin-bottom: 2.5rem;
  }
  .bewertung:nth-child(even) {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .swiper-wrapper .bewertung:nth-child(odd) {
    margin-bottom: 0;
  }
  .swiper-wrapper .bewertung:nth-child(even) {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .bewertung {
    padding: 3rem 8rem 3rem 5rem;
  }
}
.bewertung .text {
  margin-bottom: 0.5rem;
}
.bewertung .author {
  font-weight: var(--fw-sb);
}
.bewertung .layout_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.swiper-container {
  --swiper-theme-color: var(--brand-color2);
  --swiper-pagination-color: var(--brand-color1);
  --swiper-bg-color: var(--article-bg-color);
  --swiper-gradient-color-1: color-mix(in srgb, var(--swiper-bg-color) 100%, transparent);
  --swiper-gradient-color-0: color-mix(in srgb, var(--swiper-bg-color) 0%, transparent);
}

.swiper-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
}

.swiper-button-prev {
  left: 0;
  top: 0;
  width: 2rem;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev {
    background: -webkit-gradient(linear, left top, right top, from(var(--swiper-gradient-color-1)), to(var(--swiper-gradient-color-0)));
    background: linear-gradient(to right, var(--swiper-gradient-color-1) 0%, var(--swiper-gradient-color-0) 100%);
    width: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .swiper-button-prev {
    width: 8rem;
  }
}
.swiper-button-prev::after {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.swiper-button-prev:hover::after, .swiper-button-prev:focus::after {
  opacity: 1;
}

.swiper-button-next {
  right: 0;
  top: 0;
  width: calc(var(--swiper-navigation-size) / 44 * 27 * 4);
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .swiper-button-next {
    background: -webkit-gradient(linear, right top, left top, from(var(--swiper-gradient-color-1)), to(var(--swiper-gradient-color-0)));
    background: linear-gradient(to left, var(--swiper-gradient-color-1) 0%, var(--swiper-gradient-color-0) 100%);
    width: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .swiper-button-next {
    width: 8rem;
  }
}
.swiper-button-next::after {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.swiper-button-next:hover::after, .swiper-button-next:focus::after {
  opacity: 1;
}

.content-gallery ul {
  --gap-value: 1rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  grid-gap: var(--gap-value);
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .content-gallery ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .content-gallery ul {
    --gap-value: calc(var(--gap-default) * 2);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery ul {
    --gap-value: calc(var(--gap-default) * 3);
  }
}
.content-gallery ul li {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-2 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-3 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-4 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-5 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-5 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-6 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-6 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-7 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-7 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-8 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-8 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-9 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-9 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-10 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-10 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-11 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-11 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .content-gallery.content-gallery--cols-12 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .content-gallery.content-gallery--cols-12 ul {
    -ms-grid-columns: 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr var(--gap-value) 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
}
.content-gallery.netzwerk-gallery ul {
  --gap-value: 4px;
  grid-auto-rows: 150px;
}
.content-gallery.netzwerk-gallery .flip-card {
  background-color: rgb(255, 255, 255);
  -webkit-perspective: 1000px;
          perspective: 1000px;
  border-radius: 10px;
}
.content-gallery.netzwerk-gallery .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 10px;
}
.content-gallery.netzwerk-gallery .flip-card:hover .flip-card-inner,
.content-gallery.netzwerk-gallery .flip-card:focus .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.content-gallery.netzwerk-gallery .flip-card-front, .content-gallery.netzwerk-gallery .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
}
.content-gallery.netzwerk-gallery .flip-card-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--brand-color2);
  color: var(--text-color-light);
}
.content-gallery.netzwerk-gallery .flip-card-back {
  background-color: #fff;
  color: var(--text-color);
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.content-gallery.netzwerk-gallery figure {
  text-align: center;
}
.content-gallery.netzwerk-gallery figure > a {
  display: block;
  text-align: center;
}
.content-gallery.netzwerk-gallery picture {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.content-gallery.netzwerk-gallery img {
  max-height: 110px;
}
.content-gallery.netzwerk-gallery figcaption {
  font-size: 0.875rem;
  text-align: center;
  display: inline-block;
  padding-block: 0.25rem;
}
.content-gallery.support-gallery ul {
  --gap-value: 4px;
  grid-auto-rows: 150px;
}
.content-gallery.support-gallery .flip-card {
  background-color: rgb(255, 255, 255);
  -webkit-perspective: 1000px;
          perspective: 1000px;
  border-radius: 10px;
}
.content-gallery.support-gallery .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 10px;
}
.content-gallery.support-gallery .flip-card:hover .flip-card-inner,
.content-gallery.support-gallery .flip-card:focus .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.content-gallery.support-gallery .flip-card-front, .content-gallery.support-gallery .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
}
.content-gallery.support-gallery .flip-card-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--brand-color3);
  color: var(--text-color-light);
}
.content-gallery.support-gallery .flip-card-back {
  background-color: #fff;
  color: var(--text-color);
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-gallery.support-gallery figure {
  text-align: center;
}
.content-gallery.support-gallery figure > a {
  display: block;
  text-align: center;
}
.content-gallery.support-gallery picture {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.content-gallery.support-gallery img {
  max-height: 110px;
}
.content-gallery.support-gallery p {
  text-align: center;
  display: inline-block;
  padding-block: 0.25rem;
  margin: 0;
}

.pagination p {
  margin: 0;
}
.pagination ul {
  margin: 0;
  display: block;
}
.pagination li {
  display: inline-block;
  margin-right: 0.3rem;
  margin-bottom: 0.3em;
}
.pagination a,
.pagination .active {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--grau-100);
  border: 1px solid var(--grau-300);
  text-align: center;
  text-decoration: none;
  color: var(--text-color);
  line-height: 2.5rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.pagination .active {
  background: var(--grau-700);
  border: 1px solid var(--grau-700);
  color: var(--grau-100);
}
.pagination a.next,
.pagination a.previous,
.pagination a.first,
.pagination a.last {
  width: auto;
  padding: 0 0.5em;
}
.pagination a:hover,
.pagination a:focus {
  background: var(--grau-700);
  border: 1px solid var(--grau-700);
  color: #fff;
}

.box-sticky {
  display: block;
  position: fixed;
  right: -9rem;
  top: 15rem;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
  z-index: 20;
}
@media screen and (min-width: 768px) {
  .box-sticky {
    right: -12rem;
  }
}
.box-sticky > div {
  position: relative;
  right: 0;
  width: 12rem;
  height: 3rem;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 4px 0 0 4px;
  margin-bottom: 2px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
@media screen and (min-width: 768px) {
  .box-sticky > div {
    width: 16rem;
    height: 4rem;
  }
}
.box-sticky > div:hover {
  right: 9rem;
}
@media screen and (min-width: 768px) {
  .box-sticky > div:hover {
    right: 12rem;
  }
}
.box-sticky svg {
  width: 3rem;
  height: 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 3rem;
  color: var(--anthra-500);
  fill: var(--anthra-500);
  padding: 0.5em;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .box-sticky svg {
    width: 4rem;
    height: 4rem;
    max-width: 4rem;
    padding: 0.75em;
  }
}
.box-sticky a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(25%, #fff));
  background: linear-gradient(to right, #fff 25%, #fff 25%);
  color: var(--anthra-700);
  line-height: 2.5rem;
  font-size: 1rem;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 4px 0 0 4px;
}
@media screen and (min-width: 768px) {
  .box-sticky a {
    font-size: 1.25rem;
  }
}
.box-sticky a span {
  display: inline-block;
  margin-left: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box-sticky a:hover, .box-sticky a:focus {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(25%, var(--anthra-100)));
  background: linear-gradient(to right, #fff 25%, var(--anthra-100) 25%);
}

.content-youtube figure {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  max-width: 960px;
  margin-inline: auto;
}
.content-youtube .aspect--16\:9 {
  aspect-ratio: 16/9;
}
.content-youtube iframe, .content-youtube button {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: calc(100% + 1px) !important;
  border: none;
}
.content-youtube button {
  background-color: transparent;
  padding: 0;
  border: 1px solid #ddd;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.content-youtube button:hover, .content-youtube button:focus {
  border-color: var(--brand-color1);
}
.content-youtube button:hover[data-splash-screen] picture::after, .content-youtube button:focus[data-splash-screen] picture::after {
  opacity: 1;
}
.content-youtube button span {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-style: italic;
  width: 100%;
  padding-inline: 0.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .content-youtube button span {
    font-size: 1rem;
  }
}
.content-youtube [data-splash-screen] picture::after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M78.235 20.773a10.056 10.056 0 0 0-7.08-7.08C64.944 12 39.96 12 39.96 12s-24.987.051-31.195 1.744a10.055 10.055 0 0 0-7.08 7.08c-1.878 11.032-2.607 27.84.051 38.43a10.056 10.056 0 0 0 7.08 7.08c6.209 1.693 31.195 1.693 31.195 1.693s24.986 0 31.195-1.693a10.055 10.055 0 0 0 7.08-7.08c1.98-11.047 2.59-27.845-.051-38.48' fill='red'/%3E%3Cpath d='m32.007 52.02 20.728-12.006-20.728-12.006V52.02Z' fill='%23fff'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.blog {
  --font-size-h1: 1rem;
  --font-size-h2: 1rem;
  --font-size-h3: 1rem;
  --font-size-h4: 1rem;
  --font-size-h5: 1rem;
  --font-size-h6: 1rem;
}
.blog .info {
  margin-block: 0.5rem;
  color: var(--brand-color2);
}
.blog .mod_newslist {
  --gapvalue: 2rem;
}
.blog .mod_newslist h2 {
  margin-top: 0;
  color: var(--brand-color1);
}
.blog .mod_newslist .ce_text {
  margin-bottom: 0.5rem;
}
.blog .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.blog .meta > *:not(:last-child)::after {
  content: "|";
  margin-left: 0.5rem;
}
.blog .meta a {
  color: var(--brand-color2);
}
.blog .meta a:hover, .blog .meta a:focus {
  color: var(--brand-color1);
}
.blog .categories {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blogdetail .mod_article {
  max-width: 900px;
  margin-inline: auto;
}
.blogdetail .layout_full {
  margin-bottom: 2rem;
}
.blogdetail .layout_full .news-item__teaser {
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
}
.blogdetail .layout_full .news-item__teaser p {
  font-size: inherit;
}
.blogdetail .layout_full h1, .blogdetail .layout_full h2, .blogdetail .layout_full h3, .blogdetail .layout_full h4, .blogdetail .layout_full h5, .blogdetail .layout_full h6 {
  line-height: 1.35;
}
.blogdetail .layout_full .image_container,
.blogdetail .layout_full .content-image {
  margin-block: 3rem;
}
.blogdetail .layout_full .bildquelle {
  background-color: var(--olive-100);
  padding: 0.5rem 1rem;
  margin-block: 1.5rem;
  font-size: 0.85rem;
}
.blogdetail .layout_full .bildquelle p {
  font-size: inherit;
}

.mod_sharebuttons {
  margin-block: 2.5rem;
}

.mod_newscategories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin-block: 2.5rem;
}
.mod_newscategories ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod_newscategories li {
  margin-bottom: 0;
}
.mod_newscategories li a,
.mod_newscategories li strong {
  padding: 0.5em 1em;
  background-color: var(--olive-200);
  text-decoration: none;
  color: var(--text-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 3px;
}
.mod_newscategories li a.active, .mod_newscategories li a:hover, .mod_newscategories li a:focus,
.mod_newscategories li strong.active,
.mod_newscategories li strong:hover,
.mod_newscategories li strong:focus {
  background-color: var(--olive-500);
  color: var(--text-color-light);
}

.mod_faqpage h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}
.mod_faqpage .accordion-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  max-width: 50rem;
  margin-inline: auto;
}
.mod_faqpage .ce_accordion {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mod_faqpage .ce_accordion .toggler {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 1px solid var(--olive-400);
  background-color: var(--olive-100);
  border-radius: var(--border-radius);
  color: var(--text-color);
  padding: 0;
}
.mod_faqpage .ce_accordion:hover .toggler {
  background-color: var(--olive-200);
}
.mod_faqpage .ce_accordion:hover .toggler::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E");
}
.mod_faqpage .ce_accordion:has(.focus) .toggler {
  background-color: var(--olive-100);
}
.mod_faqpage .ce_accordion:has(.focus) .toggler::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E");
}
.mod_faqpage .ce_accordion:has(.focus) .accordion {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}
.mod_faqpage button {
  padding: 0;
}
.mod_faqpage button {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 1.5rem 3rem 1.5rem 1rem;
}
.mod_faqpage .headline {
  margin: 0;
  text-align: left;
  font-size: 1.25rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-weight: var(--fw-n);
}
.mod_faqpage .accordion {
  color: var(--text-color);
  padding: 0 1.5rem 0 1.5rem;
  border-left: 1px dotted var(--grau-200);
  border-bottom-right-radius: 0.5rem;
}
.mod_faqpage .accordion > div {
  padding: 0;
}

.ce_rsce_supportflipcards_v2 {
  margin-bottom: 1rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  border-radius: 10px;
  max-width: 1024px;
  margin-inline: auto;
}
.ce_rsce_supportflipcards_v2 .flip-card-inner {
  min-height: 300px;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 10px;
}
.ce_rsce_supportflipcards_v2:hover .flip-card-inner, .ce_rsce_supportflipcards_v2:focus .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.ce_rsce_supportflipcards_v2 .flip-card-front,
.ce_rsce_supportflipcards_v2 .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
}
.ce_rsce_supportflipcards_v2 .flip-card-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--brand-color3);
  color: var(--text-color-light);
}
.ce_rsce_supportflipcards_v2 .flip-card-back {
  background-color: var(--olive-100);
  color: var(--text-color);
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  padding: 2rem 1rem;
}
@media screen and (max-width: 960px) {
  .ce_rsce_supportflipcards_v2 .flip-card-back {
    gap: 0.5rem 1rem;
  }
}
.ce_rsce_supportflipcards_v2 .flip-card-back ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .ce_rsce_supportflipcards_v2 .flip-card-back ul {
    gap: 2rem;
  }
}
@media screen and (max-width: 960px) {
  .ce_rsce_supportflipcards_v2 .flip-card-back ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ce_rsce_supportflipcards_v2 .flip-card-back li {
  min-width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 960px) {
  .ce_rsce_supportflipcards_v2 .flip-card-back li {
    gap: 0.25rem;
  }
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__abteilung {
  font-size: 1.5rem;
  color: var(--text-color-light);
  -ms-hyphens: auto;
      hyphens: auto;
}
@media screen and (max-width: 960px) {
  .ce_rsce_supportflipcards_v2 .ansprechpartner__bild {
    display: none;
  }
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__bild {
  width: 150px;
  text-align: center;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__bild img {
  border-radius: 999em;
  aspect-ratio: 1;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__name {
  font-weight: bold;
  margin-bottom: 0;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__button {
  margin-block: 0;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__button svg {
  width: 1.25em;
  height: 1.25em;
  color: inherit;
  fill: #fff;
}
.ce_rsce_supportflipcards_v2 .ansprechpartner__button a:hover,
.ce_rsce_supportflipcards_v2 .ansprechpartner__button a:focus {
  --button-color: var(--text-color-light);
  --button-bg-color: var(--brand-color3);
  --button-border-color: var(--brand-color3);
}
@media screen and (max-width: 960px) {
  .ce_rsce_supportflipcards_v2 .ansprechpartner__button a {
    padding: 0.25em 1em;
  }
  .ce_rsce_supportflipcards_v2 .ansprechpartner__button span {
    display: none;
  }
}

table {
  --table-border-width: 1px;
  --table-border-style: solid;
  --table-border-color: var(--olive-200);
  --table-color: var(--text-color);
  --table-even-background: var(--olive-100);
  --table-even-invert-background: rgba(255,255,255,.5);
  --table-odd-background: none;
  --table-cell-padding: .5rem;
  --table-th-padding: var(--table-cell-padding) var(--table-cell-padding) var(--table-cell-padding) var(--table-cell-padding);
  --table-row-action-respond-background: var(--brand-color3-200);
  --table-caption-color: var(--text-color);
  --table-th-background: var(--brand-color1);
  --table-th-color: var(--text-color-light);
  --table-th-body-background: var(--brand-color1);
  --table-tfoot-fontsize: 1rem;
}

table {
  width: 100%;
}
table caption {
  color: var(--table-caption-color);
}
table td, table th {
  border: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  padding: var(--table-cell-padding);
}
table tr:nth-child(even) {
  background-color: var(--table-even-background);
}
table tr:nth-child(odd) {
  background-color: var(--table-odd-background);
}
table tr:hover {
  background-color: var(--table-row-action-respond-background);
}
.table--invert table td, .table--invert table th {
  --table-border-color: rgba(0,0,0,.2);
}
.table--invert table tr:nth-child(even) {
  --table-even-background: rgba(255,255,255,.4);
}
.table--invert table tr:hover {
  --table-row-action-respond-background: rgba(255,255,255,.6);
}
table th {
  padding: var(--table-th-padding);
  text-align: left;
  background-color: var(--table-th-background);
  color: var(--table-th-color);
}
table tbody th {
  background-color: var(--table-th-body-background);
  color: var(--table-th-color);
}
table tfoot td, table tfoot th {
  font-size: var(--table-tfoot-fontsize);
  font-weight: var(--fw-sb);
}

.summenspalte-last td:last-child {
  text-align: right;
}

.content-table,
.content-text:has(table) {
  overflow-x: auto;
}
