body .content-custom-swiper{position:relative;padding-left:0;padding-right:0;margin-bottom:0}body .content-custom-swiper .swiper-notification{display:none}body .content-custom-swiper .content-custom-swiper-inner{position:relative;margin-bottom:0}body .content-custom-swiper .content-custom-swiper-inner .custom_swiper{overflow:hidden}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination{bottom:-33px}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination .swiper-pagination-bullet{background:#666;border:1px solid #dbdbdb;width:14px;height:14px}body .content-custom-swiper .content-custom-swiper-inner .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,.3)}body .content-custom-swiper .content-custom-swiper-inner .swiper-vertical{max-height:100vh;max-height:100svh}body .content-custom-swiper .content-custom-swiper-inner .swiper-progress{content:"";position:absolute;bottom:0;left:0;width:calc(100%*var(--swiper_progress));height:5px;background:var(--color_1, #ccc);z-index:1}body .content-custom-swiper .swiper_thumbs{margin-top:5px;position:relative;overflow:hidden}body .content-custom-swiper .swiper_thumbs figure>a{pointer-events:none}body .content-custom-swiper .swiper_thumbs .swiper-button-next,body .content-custom-swiper .swiper_thumbs .swiper-button-prev{scale:.7}body .content-custom-swiper .button_wrapper button{background-color:rgba(0,0,0,0);border:0;padding:25px;color:rgba(255,255,255,.8);text-shadow:0 0 0px rgba(0,0,0,0),0 0 2px #000}body .content-custom-swiper .button_wrapper button:hover{color:#aaa}body .content-custom-swiper .button_wrapper button.swiper-button-prev{left:0}body .content-custom-swiper .button_wrapper button.swiper-button-next{right:0}body .content-custom-swiper .button_wrapper .swiper-button-next:after,body .content-custom-swiper .button_wrapper .swiper-button-prev:after{opacity:1;transition:opacity .25s ease-in-out}
form.move_labels .widget,.move_labels form .widget{position:relative;padding-top:var(--form_gap, 10px)}form.move_labels .widget:not(.widget-checkbox) input,form.move_labels .widget:not(.widget-checkbox) textarea,form.move_labels .widget:not(.widget-checkbox) select,.move_labels form .widget:not(.widget-checkbox) input,.move_labels form .widget:not(.widget-checkbox) textarea,.move_labels form .widget:not(.widget-checkbox) select{width:100%;padding:var(--form_input_padding, 6px);line-height:1.469}form.move_labels .widget-text label,form.move_labels .widget-textarea label,form.move_labels .widget-password label,.move_labels form .widget-text label,.move_labels form .widget-textarea label,.move_labels form .widget-password label{color:var(--font_color, #444);position:absolute;top:var(--form_gap, 10px);left:0;padding:var(--form_input_padding, 6px);transform-origin:left;border:1px solid rgba(0,0,0,0);line-height:1.469;transition-property:top,left,width,background,border-radius,padding,line-height,font-size;transition-duration:.25s;transition-timing-function:ease-in-out}form.move_labels .widget-text label.select,form.move_labels .widget-textarea label.select,form.move_labels .widget-password label.select,.move_labels form .widget-text label.select,.move_labels form .widget-textarea label.select,.move_labels form .widget-password label.select{display:none}form.move_labels .widget-text.active label,form.move_labels .widget-textarea.active label,form.move_labels .widget-password.active label,.move_labels form .widget-text.active label,.move_labels form .widget-textarea.active label,.move_labels form .widget-password.active label{top:calc(var(--form_gap) - 13px);left:6px;font-size:13px;width:auto;background:#fff;border-radius:3px;padding:0 2px;line-height:1}
:root{--fade_duration: 1.5s;--move_duration: 1.5s;--ivp_animation_delay: 0s}.ivp{overflow:visible}.einblenden.ivp:not(.above_viewport){opacity:0;position:relative}.einblenden.ivp.iivp{opacity:1;transition:opacity var(--fade_duration) ease-in-out var(--ivp_animation_delay)}.einblendenVonHinten.ivp:not(.above_viewport){opacity:0;transform:scale(0.8);position:relative}.einblendenVonHinten.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay),opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonVorne.ivp:not(.above_viewport){opacity:0;transform:scale(1.1);position:relative}.einblendenVonVorne.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay),opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonRechts.ivp:not(.above_viewport){opacity:0;transform:translateX(100px);position:relative}.einblendenVonRechts.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.einblendenVonLinks.ivp:not(.above_viewport){opacity:0;transform:translateX(-100px);position:relative}.einblendenVonLinks.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonOben){overflow:hidden}.einblendenVonOben.ivp:not(.above_viewport){opacity:0;transform:translateY(-100px);position:relative}.einblendenVonOben.ivp.iivp{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonUnten){overflow:hidden}.einblendenVonUnten.ivp:not(.above_viewport),.einblendenVonUnten.ivp:not(.above_viewport) .formbody>*{opacity:0;transform:translateY(100px);position:relative}.einblendenVonUnten.ivp.iivp,.einblendenVonUnten.ivp.iivp .formbody>*{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport) .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport)>figure img{position:relative}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right .rte{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right>figure img{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left .rte{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left>figure img{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s),transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s),transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateX(-100px)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateX(100px)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateX(0)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{opacity:1;transform:translateX(0)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateY(100px)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateY(100px)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay),transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out .5s,transform var(--move_duration) ease-out .5s}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateY(0)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{opacity:1;transform:translateY(0)}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(1){transition-delay:0s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(2){transition-delay:.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(3){transition-delay:.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(4){transition-delay:.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(5){transition-delay:.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(6){transition-delay:1s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(7){transition-delay:1.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(8){transition-delay:1.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(9){transition-delay:1.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(10){transition-delay:1.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(11){transition-delay:2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(12){transition-delay:2.2s}.AnimationVerzögert.ivp.iivp,.verzögert.ivp.iivp,.AnimationVerzögert025.ivp.iivp,.verzögert025.ivp.iivp{transition-delay:.25s}.AnimationVerzögert05.ivp.iivp,.verzögert05.ivp.iivp{transition-delay:.5s}.AnimationVerzögert1.ivp.iivp,.verzögert1.ivp.iivp{transition-delay:1s}.AnimationVerzögert15.ivp.iivp,.verzögert15.ivp.iivp{transition-delay:1.5s}.AnimationVerzögert2.ivp.iivp,.verzögert2.ivp.iivp{transition-delay:2s}.AnimationVerzögert25.ivp.iivp,.verzögert25.ivp.iivp{transition-delay:2.5s}.Animationsdauer.ivp.iivp,.Animationsdauer025.ivp.iivp,.Dauer025.ivp.iivp{transition-duration:.25s}.Animationsdauer05.ivp.iivp,.Dauer05.ivp.iivp{transition-duration:.5s}.Animationsdauer1.ivp.iivp,.Dauer1.ivp.iivp{transition-duration:1s}.Animationsdauer15.ivp.iivp,.Dauer15.ivp.iivp{transition-duration:1.5s}.Animationsdauer2.ivp.iivp,.Dauer2.ivp.iivp{transition-duration:2s}.Animationsdauer25.ivp.iivp,.Dauer25.ivp.iivp{transition-duration:2.5s}
/* league-spartan-v15-100 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-100.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-100.woff') format('woff');
}
/* league-spartan-v15-200 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-200.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-200.woff') format('woff');
}
/* league-spartan-v15-300 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-300.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-300.woff') format('woff');
}
/* league-spartan-v15-regular - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-regular.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-regular.woff') format('woff');
}
/* league-spartan-v15-500 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-500.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-500.woff') format('woff');
}
/* league-spartan-v15-600 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-600.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-600.woff') format('woff');
}
/* league-spartan-v15-700 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-700.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-700.woff') format('woff');
}
/* league-spartan-v15-800 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-800.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-800.woff') format('woff');
}
/* league-spartan-v15-900 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-900.woff2') format('woff2'),
       url('../../files/googlefonts/league-spartan_v15_20251104-173421/league-spartan-v15-latin-900.woff') format('woff');
}

.Hintergrund1,.Hintergrund2,.Hintergrund3,.Hintergrund4,.LinkfarbeWeiß{& a:hover{text-decoration-color:#fff}}sub{line-height:1}figure{margin:0;figcaption{font-size:14px}}#wrapper .error{color:red;margin-bottom:1em;line-height:1.2;font-size:.9em}::selection{background:var(--color_1);color:#fff}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid var(--color_1);outline-offset:2px;border-radius:2px}#wrapper script{display:none}[id]{scroll-margin-top:2em}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding:var(--header_height, 100px) 0 0}@media(max-width: 1023px){html{scroll-padding:var(--header_height_mobile, 50px) 0 0}}*{box-sizing:border-box}.content-text>.rte>*+:is(h1,h2,h3,h4,h5,h6){margin-block-start:1em}.content-text>.rte>*+:is(p,ul,ol),.layout_latest>.ce_text>*+:is(p,ul,ol){margin-block-start:.75em}.mod_article>.content-headline:first-child:last-child{margin-bottom:0;margin-top:0}@media(min-width: 1024px){.mod_article{padding-top:var(--article_margin, 60px);padding-bottom:var(--article_margin, 60px)}}@media(max-width: 1023px){.mod_article{padding-top:var(--article_margin, 20px);padding-bottom:var(--article_margin, 20px)}}.mod_article{&>*+*{margin-block-start:2em}&>*{padding-left:var(--content_margin);padding-right:var(--content_margin)}}:root{--color_1: #f47c00;--color_2: ;--color_3: ;--color_4: ;--font_color: #444;--font_size: 16px;--font_size_small: 12px;--font_size_big: 18px;--font_weight: 400;--font_weight_strong: 600;--line_height: 1.8;--nav_font_color: #444;--content_width: 1024px;--footer_width: 1200px;--header_width: 1200px;--header_height: 101px;--header_height_mobile: 54px;--header_background: rgba(255, 255, 255, 0.9);--footer_font_color: #444;--footer_background: #f2f2f2;--article_bg_gradient: linear-gradient(180deg, #fbfbfb 70%, #fff 90%);--article_border-bottom: 1px solid var(--border_color);--content_margin: 20px;--image_margin: 60px;--article_margin: 60px;--article_margin: 60px;--font_family: "Open Sans", Helvetica, Arial;--border_color: #ddd;--form_gap: 15px;--form_input_padding: 6px;--border_radius: 5px}@media(max-width: 1023px){:root{--content_margin: 10px}}@media(max-width: 1023px){:root{--image_margin: 20px}}@media(max-width: 1023px){:root{--article_margin: 20px}}@media(max-width: 1023px){:root{--article_margin: 20px}}#header_top{--padding_left_right: 20px;padding:0 var(--padding_left_right);position:relative;z-index:2;background-color:#f8f8f8;&>.inside{width:var(--header_width, 1024px);display:flex;flex-wrap:wrap;justify-content:end;margin:auto;max-width:100%;padding:5px 0}a{text-decoration:none;color:var(--font_color);&:hover{text-decoration:underline}}}#container:has(.unterKopfzeile){margin-top:calc(var(--header_height, 0)*-1px)}#header{--padding_left_right: 20px;padding:0 var(--padding_left_right);background-color:var(--header_background);border-bottom:1px solid #ddd;position:sticky;top:0;width:100vw;margin:auto;overflow:visible;z-index:3}@media(max-width: 1023px){#header{background:#fff;height:auto;padding:0}}#header>.inside>.content-element-group{min-height:var(--header_height_mobile);width:var(--header_width);position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:stretch;margin:auto;max-width:calc(100vw - var(--padding_left_right)*2)}@media(max-width: 1023px){#header>.inside>.content-element-group{padding:0px 2.5%;margin:0;width:100%;max-width:100%;justify-content:space-between}}#header>.inside>.content-element-group .mod_logo{margin:0 70px 0 0;overflow:visible;height:100%}#header>.inside>.content-element-group .mod_logo a{height:100%;display:flex}#header>.inside>.content-element-group .mod_logo a:focus-visible{outline:1px solid var(--color_1);outline-offset:2px;border-radius:2px;display:block}#header>.inside>.content-element-group .mod_logo figure{height:100%;display:inline-block}#header>.inside>.content-element-group .mod_logo figure picture{display:inline-block;display:flex;height:100%;align-items:center}#header>.inside>.content-element-group .mod_logo figure img{--logo_padding_top: 10px;--logo_padding_bottom: 10px;padding:var(--logo_padding_top) 0 var(--logo_padding_bottom) 0;width:auto;object-fit:contain}@media(max-width: 1023px){#header>.inside>.content-element-group .mod_logo figure img{--logo_padding: 3px;max-height:var(--header_height_mobile)}}body.HeaderHintergrundUnscharf #header{background:rgba(0,0,0,0)}body.HeaderHintergrundUnscharf #header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.69);z-index:-1}footer{background-color:var(--footer_background);margin-top:0px;margin-bottom:0px;font-weight:400;position:relative;z-index:2;div[class^=content-],div[class*=" content-"]{margin-top:0;margin-bottom:0}div[class^=content-] a,div[class*=" content-"] a{text-decoration:none}&>.inside>*{width:var(--footer_width);margin:auto;max-width:100%;z-index:1;line-height:1.6;padding:60px var(--content_margin, 20px) 50px;&.arrow{padding:0;svg{border-radius:0 0 3px 3px;transition:all .25s ease-in-out;&:hover{transform:scale(1.2)}}}h1,h2,h3,h4,h5,h6,.ce_text strong em,.ce_text em strong{font-style:normal;color:#fff;margin-top:0;margin-bottom:20px;font-size:21px;font-weight:700;border-bottom:0px solid var(--border_color);display:block}form.move_labels .widget,form .widget{--widget_padding_top: 5px;--form_gap: 5px}p,a,span{color:var(--footer_font_color)}a:hover{color:var(--footer_font_color);text-decoration:underline}strong{font-weight:600}hr{border-top:0;border-bottom:1px solid var(--border_color)}ul{display:none}ul.level_1{display:block;padding-left:0;li{list-style:none;line-height:2;color:var(--footer_font_color);position:relative;padding-left:14px;left:7px;transition:all .25s ease-in-out;a,strong.active{line-height:2.8;font-weight:normal}strong.active{color:var(--color_1)}&::marker{content:"›"}&:not(.active):hover{padding-left:7px;left:14px}}}}svg{fill:var(--footer_font_color)}}body.scrolled #footer>.inside .nachObenScrollen{opacity:1}#footer>.inside .nachObenScrollen{position:fixed;width:auto;right:35px;bottom:7px;padding:0;z-index:99;opacity:0;transition:all .25s ease-in-out;a{color:var(--font_color);svg{width:2em;height:2em;fill:var(--color_1, #444);background:#fff;border-radius:50%;padding:1px;transition:all .25s ease-in-out;&:hover{transform:scale(1.2)}}}}.content-text:has(.mod_cookiebar_opener){p{display:inline-block}.mod_cookiebar_opener{display:inline-block}}#footer_bottom{width:100%;font-size:14px;background:var(--color_1);border-top:1px solid rgb(0 0 0/7%);position:relative;z-index:1;.content-text{width:min(1230px,100%);margin:auto;padding:15px var(--content_margin, 20px);p,a{color:#fff}}}form{--field_height: 38px}.widget-text input,.widget-captcha input,.widget-password input,textarea,select{font-size:var(--font_size, 16px);font-weight:var(--font_weight, 300);font-family:var(--font_family);color:var(--font_color, #444);width:100%;height:var(--field_height);padding:var(--form_input_padding, 6px);background:#fff;border-radius:var(--input_border_radius, var(--border_radius, 0.25em));border:1px solid var(--border_color, #ddd);box-shadow:none;vertical-align:top;box-sizing:border-box;svg{height:1em;fill:var(--color_1)}}textarea{height:calc(var(--field_height)*2 + var(--form_gap)*1);form-sizing:normal}label svg,input svg,textarea svg,select svg,button svg,#wrapper .widget button svg{height:1em;fill:var(--color_1);margin-right:5px;top:2px;position:relative;transition:fill .25s ease-in-out}button,#wrapper .widget button{font-family:var(--font_family);&:hover svg{fill:#fff}}.widget-submit{text-align:right;button{cursor:pointer;font-size:1em}}fieldset{padding:0;border:0}.widget-select{display:flex;flex-wrap:wrap;align-items:end;select{padding-top:0;padding-bottom:0}}.widget-checkbox fieldset{padding:6px 0;border:0}.widget-captcha,.widget-upload{margin:10px 0}span.mandatory{color:red}input[disabled],textarea[disabled]{background:transparent;border:0;pointer-events:none;overflow:hidden;resize:none}.widget-radio,.widget-checkbox{&>.radio_container,&>.checkbox_container{&>span{display:flex;align-items:baseline;input{position:relative;margin-right:9px;top:1px}}}&.nebeneinander{&>.radio_container,&>.checkbox_container{&>span{display:inline-block;margin-right:3px}}}}.widget-text:has(input[type=date]){&:not(.active){label{background-color:#fff;width:calc(100% - 40px);top:calc(var(--form_gap, 10px) + 1px);left:2px;bottom:2px}}}@media(max-width: 1023px){label{width:100px}}.widget-text:has(input[readonly]),.widget-text.readonly{label{display:none}input{background:none;border:0;outline:none}}form{a{text-decoration:underline}button.submit{transition:all .25s ease-in-out;&:after{font-size:0;transition:all .25s ease-in-out}}&[data-ajax-form=loading]{button.submit{border-color:#ddd;pointer-events:none;font-size:0;min-width:170px;text-align:center;&:after{content:"+";display:inline-block;animation:rotate 2s linear infinite;font-size:28px;font-family:Arial,-apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1;font-weight:100}}}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.widget-range{input[type=range]{height:25px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:var(--color_1);border-radius:1px;border:0px solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color_1)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0px 0px 0px #000;background:var(--color_1);border-radius:1px;border:0px solid #000}input[type=range]::-moz-range-thumb{box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--color_1);border:0px solid #000;border-radius:2px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-fill-upper{background:var(--color_1);border:0px solid #000;border-radius:2px;box-shadow:0px 0px 0px #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0px 0px 0px #000;border:1px solid var(--color_1);height:18px;width:18px;border-radius:25px;background:var(--color_1_bright);cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:var(--color_1)}input[type=range]:focus::-ms-fill-upper{background:var(--color_1)}}a{text-decoration:none;color:var(--color_1, #1b75d0);&:hover{text-decoration:underline;text-decoration-color:var(--color_1)}svg,svg.icon{fill:var(--color_1)}}.rte a{text-decoration:underline;&:hover{background-color:color-mix(in srgb, var(--color_1, #000) 10%, transparent 90%)}}body{font-size:var(--font_size);font-weight:var(--font_weight);color:var(--font_color);font-family:var(--font_family);line-height:var(--line_height);min-width:280px;margin:0}dl{display:grid;grid-template-columns:auto 1fr;margin:0}@media(max-width: 1023px){dl{display:block}}dl{dd{margin-inline-start:7px}}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:300;margin:0}@media(max-width: 1023px){h1,h2,h3,h4,h5,h6{text-align:left}}h1{font-size:40px;line-height:1.1}h2{font-size:26px}h3{font-size:18px}h4{font-size:19px}hr{border:0;border-bottom:1px solid #fff;border-top:1px solid #ccc;display:block;height:0;margin:30px 0 0px;padding:0;margin-bottom:0;overflow:visible}img{display:block;vertical-align:bottom;height:auto;max-width:100%}p{margin:0}svg,svg.icon{width:1em;height:1em;fill:currentcolor;vertical-align:-0.125em}em svg,em svg.icon{width:30px;height:30px;fill:currentcolor;vertical-align:-5px}strong svg,strong svg.icon{width:60px;height:60px;fill:currentcolor;vertical-align:-21px}code svg,code svg.icon{width:150px;height:150px;fill:currentcolor;vertical-align:-70px}*:has(>i.svg.button){display:inline-block}i.svg{width:1em;height:1em;vertical-align:middle;border-radius:50%;&.button{display:grid;align-items:center;justify-content:center;width:2em;height:2em;background-color:var(--color_1);svg{fill:#fff}}svg{height:1em;vertical-align:0}}video{max-width:100%;height:auto}.mod_navigation{flex-grow:1;justify-items:end;align-self:center;.navigation-main{width:100%}}body:not(.nav-is-mobile) .navigation-main .level_1{&>li>.btn-toggle-submenu:after{rotate:90deg;transition:rotate .3s ease-in-out;transform:none}&>li.nav-expanded>.btn-toggle-submenu:after{transform:none;rotate:-90deg}ul{display:flex;pointer-events:none;opacity:0;transition:all .3s ease-in-out;translate:0 -5px;&>div.ul-wrapper{position:absolute;display:contents}li.nav-expanded &{pointer-events:all;opacity:1;translate:0}}}body.nav-is-mobile .navigation-main{--submenu-height-animation-duration: 0.6;min-width:100vw;left:auto;transition:opacity .5s ease-in-out,visibility .6s,translate .4s ease-in-out;.skip-link{position:absolute}a:hover,.btn-toggle-submenu:hover{color:var(--nav-mobile-active-color, #ccc) !important}li>.btn-toggle-submenu{display:grid;place-items:center}li>.btn-toggle-submenu:after{width:18px;height:18px;transform:rotate(0deg);transition:all calc(var(--submenu-height-animation-duration)*1s) linear;--thickness: 2px;background:conic-gradient(from 90deg at var(--thickness) var(--thickness), transparent 90deg, var(--nav-mobile-color, #000) 0) calc(100% + var(--thickness)/2) calc(100% + var(--thickness) / 2)/calc(50% + var(--thickness)) calc(50% + var(--thickness))}li.nav-expanded>.btn-toggle-submenu:after{transform:rotate(135deg)}translate:0;&:not(.is-active){translate:100%}.level_1 .ul-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows calc(var(--submenu-height-animation-duration)*1s) ease-out,-ms-grid-rows calc(var(--submenu-height-animation-duration)*1s) ease-out}.level_1 .ul-wrapper ul{display:inherit;opacity:0;min-height:0;visibility:hidden;filter:blur(2px);transition:filter calc(var(--submenu-height-animation-duration)*.5s) ease-out,visibility calc(var(--submenu-height-animation-duration)*.5s) ease-out,opacity calc(var(--submenu-height-animation-duration)*.5s) ease-out}.level_1 li.nav-expanded>.ul-wrapper{display:grid;grid-template-rows:1fr}.level_1 li.nav-expanded>.ul-wrapper>ul{visibility:visible;filter:blur(0);opacity:1}}@media(min-width: 1024px){body:not(.nav-is-desktop) .navigation-main{margin-top:calc(var(--header_height, 100)*1px);padding:0 20px 20px;.invisible{display:none}ul.level_1{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 400px));gap:0 5vw;justify-content:center;&>li>:is(a,strong){font-size:1.5em;margin-top:60px;padding:7px}li{.btn-toggle-submenu{display:none}&:not(:last-child){border-bottom:0}&:first-child{border-top:0}&>.ul-wrapper{grid-template-rows:1fr;overflow:visible}.level_2{opacity:1;visibility:visible;filter:none}}}}}.mod_article{position:relative;outline:none;&>*{display:block;width:calc(var(--content_width) + var(--content_margin)*2);max-width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:2}}@media(max-width: 1023px){&>*{margin-left:auto;margin-right:auto;&.ce_headline{display:inline-block}}}.mod_article{&.full_width{padding:0;.ce_image.first img{width:100%}}&.full_width>*{margin:0;padding:0;width:100%}}.abg1 .mod_article{border-bottom:var(--article_border-bottom);&:nth-child(odd){--article_bachground_color: #f8f8f8}&:nth-child(even){--article_bachground_color: #fff}background-color:var(--article_bachground_color);&.ohneRahmen{border:0}}.abg2 .mod_article{border-bottom:var(--article_border-bottom);&:nth-child(odd){--article_bachground_color: #fff}&:nth-child(even){--article_bachground_color: #f8f8f8}background-color:var(--article_bachground_color);&.ohneRahmen{border:0}}.rte ul,.content-text .rte ul{margin-bottom:1em;&:last-child{margin-bottom:0}}.media p:before{content:"";width:10em;display:block;overflow:hidden}.media::after{content:"";display:block;clear:both}@media(max-width: 1014px){.media--left,.media--right{img{max-width:100%;height:auto}}}.media--left>figure,figure.float_left{float:left}.media--right>figure,figure.float_right{float:right}@media(max-width: 767px){.media--left>figure,.media--right>figure{float:none;margin:0 0 1em 0;img{max-width:100%}}}.media.media--below.content-text{figure.second_image{order:3}}.content-text.media--above>figure{margin-bottom:30px}.content-text.media--below>figure{margin-top:30px}@media(min-width: 1024px){.content-text.media--left>figure{margin-right:var(--image_margin)}}@media(min-width: 1024px){.content-text.media--right>figure{margin-left:var(--image_margin)}}@media(min-width: 1024px){.mod_article:has(.BildBisZumRand){padding:0}}@media(max-width: 1023px){#wrapper .content-text.BildBisZumRand,#wrapper .content-element-group.BildBisZumRand{.content-image:nth-child(2){margin-top:20px}.content-image:nth-child(1){margin-bottom:20px}}}@media(min-width: 1024px){#wrapper .content-text.BildBisZumRand,#wrapper .content-element-group.BildBisZumRand{overflow:hidden;figure{float:none}&>.rte{padding:var(--article_margin, 20px)}padding:0;width:100%;display:grid;align-items:center;grid-template-columns:var(--content_margin) 1fr calc(var(--content_width)/2) calc(var(--content_width)/2) 1fr var(--content_margin);&>.rte,&>.content-element-group{padding:0;grid-column:3/4;grid-row:1;margin-top:var(--article_margin);margin-bottom:var(--article_margin);&:nth-child(1){margin-right:var(--image_margin)}.media--left &,&:nth-child(2):not(.rte){grid-column:4/5;margin-left:var(--image_margin)}.media--right &{margin-right:var(--image_margin)}.TextUnten &{align-self:end}.TextOben &{align-self:start}}&>figure,&>.content-image{position:absolute;display:block;top:0;width:100%;height:100%;grid-column:4/7;grid-row:1;&>figure{.BildInVollerHöhe &{height:100%}}.media--left &,&:nth-child(1):not(figure){grid-column:1/4;margin-right:0}.media--right &{margin-left:0}picture{display:block;height:100%;img{width:100%;height:100%;object-fit:cover}}}}}.content-text.TextMittig{figure{float:none}}@media(min-width: 1024px){.content-text.TextMittig{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;justify-items:center;& figure{margin:0;float:none;display:grid;align-content:center;.media--right &{grid-column:2}}.rte{display:grid;align-content:center;margin-top:0;.media--left &{margin-left:var(--image_margin)}.media--right &{margin-right:var(--image_margin);grid-row:1}}}}.mod_article.TextAufBild{padding-top:0;.content-image{padding:0}}@media(min-width: 1024px){.mod_article.TextAufBild{padding-top:0;padding-bottom:0;overflow:hidden;height:600px;max-height:100vh;&.Höhe200{height:200px}&.Höhe300{height:300px}&.Höhe400{height:400px}&.Höhe500{height:500px}&.Höhe600{height:600px}&.Höhe700{height:700px}&.Höhe800{height:800px}&.Höhe900{height:900px}&.Höhe1000{height:1000px}.content-image{position:absolute;top:0;left:0;width:100vw;height:100%;padding:0;margin:0;& figure{height:100%;.BildOben-100 &,.BildUnten-100 &{height:calc(100% + 100px)}.BildOben-150 &,.BildUnten-150 &{height:calc(100% + 150px)}.BildOben-200 &,.BildUnten-200 &{height:calc(100% + 200px)}.BildOben-250 &,.BildUnten-250 &{height:calc(100% + 250px)}.BildOben-300 &,.BildUnten-300 &{height:calc(100% + 300px)}.BildOben-350 &,.BildUnten-350 &{height:calc(100% + 350px)}.BildOben-400 &,.BildUnten-400 &{height:calc(100% + 400px)}& img{object-fit:cover;height:100%;width:100%;.BildUnten &,[class*=" BildUnten"] &{object-position:bottom}}}}.content-text{margin-top:0;height:100%;display:grid;.TextMitHintergrund &{width:100%}.rte{align-self:end;justify-self:start;width:100%;max-width:100%;margin-bottom:50px;.TextOben &{align-self:center;margin-bottom:0;margin-top:50px}.TextRechts &{justify-self:end}.TextVertikalMittig &{align-self:center;margin-bottom:0}.TextHorizontalMittig &{justify-self:center}.TextMitHintergrund &{background-image:linear-gradient(to left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100%);height:calc(100% - 100px);margin:40px 0px 50px -20px;padding:60px;width:600px;max-width:100%}.BreiteText50Prozent &{width:50%}.BreiteText300 &{width:300px}.BreiteText400 &{width:400px}.BreiteText500 &{width:500px}.BreiteText600 &{width:600px}.BreiteText700 &{width:700px}.BreiteText800 &{width:800px}.BreiteText900 &{width:900px}.BreiteText1000 &{width:1000px}}}}}
div[class^='Spalten'], div[class*=' Spalten'] {
	--Mindestbreite: 200px;
	display: grid;
	gap: 60px;
	
	& > * { margin-top: 0; margin-bottom: 0; }
	
	&.Mindestbreite0 { --Mindestbreite: 0; }

	&.Spalte2Breite20Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite30Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite40Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite50Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite60Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); }
	&.Spalte2Breite70Prozent { --ZweiteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); }
	
	&.Spalte3Breite20Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 20 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite30Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 30 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite40Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 40 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite50Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 50 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite60Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 60 ) + var(--content_margin, 0) ); }
	&.Spalte3Breite70Prozent { --DritteSpalte: calc( calc( var(--content_width, 50%) / 100 * 70 ) + var(--content_margin, 0) ); }
	
	&.Spalte1Breite10 { --ErsteSpalte: 10fr; } &.Spalte1Breite15 { --ErsteSpalte: 15fr; } &.Spalte1Breite20 { --ErsteSpalte: 20fr; } &.Spalte1Breite25 { --ErsteSpalte: 25fr; } &.Spalte1Breite30 { --ErsteSpalte: 30fr; } &.Spalte1Breite35 { --ErsteSpalte: 35fr; } &.Spalte1Breite40 { --ErsteSpalte: 40fr; } &.Spalte1Breite45 { --ErsteSpalte: 45fr; } &.Spalte1Breite50 { --ErsteSpalte: 50fr; } &.Spalte1Breite55 { --ErsteSpalte: 55fr; } &.Spalte1Breite60 { --ErsteSpalte: 60fr; } &.Spalte1Breite65 { --ErsteSpalte: 65fr; } &.Spalte1Breite70 { --ErsteSpalte: 70fr; } &.Spalte1Breite75 { --ErsteSpalte: 75fr; } &.Spalte1Breite80 { --ErsteSpalte: 80fr; } &.Spalte1Breite85 { --ErsteSpalte: 85fr; } &.Spalte1Breite90 { --ErsteSpalte: 90fr; } &.Spalte1Breite95 { --ErsteSpalte: 95fr; }
	&.Spalte2Breite10 { --ZweiteSpalte: 10fr; } &.Spalte2Breite15 { --ZweiteSpalte: 15fr; } &.Spalte2Breite20 { --ZweiteSpalte: 20fr; } &.Spalte2Breite25 { --ZweiteSpalte: 25fr; } &.Spalte2Breite30 { --ZweiteSpalte: 30fr; } &.Spalte2Breite35 { --ZweiteSpalte: 35fr; } &.Spalte2Breite40 { --ZweiteSpalte: 40fr; } &.Spalte2Breite45 { --ZweiteSpalte: 45fr; } &.Spalte2Breite50 { --ZweiteSpalte: 50fr; } &.Spalte2Breite55 { --ZweiteSpalte: 55fr; } &.Spalte2Breite60 { --ZweiteSpalte: 60fr; } &.Spalte2Breite65 { --ZweiteSpalte: 65fr; } &.Spalte2Breite70 { --ZweiteSpalte: 70fr; } &.Spalte2Breite75 { --ZweiteSpalte: 75fr; } &.Spalte2Breite80 { --ZweiteSpalte: 80fr; } &.Spalte2Breite85 { --ZweiteSpalte: 85fr; } &.Spalte2Breite90 { --ZweiteSpalte: 90fr; } &.Spalte2Breite95 { --ZweiteSpalte: 95fr; }
	&.Spalte3Breite10 { --DritteSpalte: 10fr; } &.Spalte3Breite15 { --DritteSpalte: 15fr; } &.Spalte3Breite20 { --DritteSpalte: 20fr; } &.Spalte3Breite25 { --DritteSpalte: 25fr; } &.Spalte3Breite30 { --DritteSpalte: 30fr; } &.Spalte3Breite35 { --DritteSpalte: 35fr; } &.Spalte3Breite40 { --DritteSpalte: 40fr; } &.Spalte3Breite45 { --DritteSpalte: 45fr; } &.Spalte3Breite50 { --DritteSpalte: 50fr; } &.Spalte3Breite55 { --DritteSpalte: 55fr; } &.Spalte3Breite60 { --DritteSpalte: 60fr; } &.Spalte3Breite65 { --DritteSpalte: 65fr; } &.Spalte3Breite70 { --DritteSpalte: 70fr; } &.Spalte3Breite75 { --DritteSpalte: 75fr; } &.Spalte3Breite80 { --DritteSpalte: 80fr; } &.Spalte3Breite85 { --DritteSpalte: 85fr; } &.Spalte3Breite90 { --DritteSpalte: 90fr; } &.Spalte3Breite95 { --DritteSpalte: 95fr; }
	&.Spalte4Breite10 { --VierteSpalte: 10fr; } &.Spalte4Breite15 { --VierteSpalte: 15fr; } &.Spalte4Breite20 { --VierteSpalte: 20fr; } &.Spalte4Breite25 { --VierteSpalte: 25fr; } &.Spalte4Breite30 { --VierteSpalte: 30fr; } &.Spalte4Breite35 { --VierteSpalte: 35fr; } &.Spalte4Breite40 { --VierteSpalte: 40fr; } &.Spalte4Breite45 { --VierteSpalte: 45fr; } &.Spalte4Breite50 { --VierteSpalte: 50fr; } &.Spalte4Breite55 { --VierteSpalte: 55fr; } &.Spalte4Breite60 { --VierteSpalte: 60fr; } &.Spalte4Breite65 { --VierteSpalte: 65fr; } &.Spalte4Breite70 { --VierteSpalte: 70fr; } &.Spalte4Breite75 { --VierteSpalte: 75fr; } &.Spalte4Breite80 { --VierteSpalte: 80fr; } &.Spalte4Breite85 { --VierteSpalte: 85fr; } &.Spalte4Breite90 { --VierteSpalte: 90fr; } &.Spalte4Breite95 { --VierteSpalte: 95fr; }
	&.Spalte5Breite10 { --FünfteSpalte: 10fr; } &.Spalte5Breite15 { --FünfteSpalte: 15fr; } &.Spalte5Breite20 { --FünfteSpalte: 20fr; } &.Spalte5Breite25 { --FünfteSpalte: 25fr; } &.Spalte5Breite30 { --FünfteSpalte: 30fr; } &.Spalte5Breite35 { --FünfteSpalte: 35fr; } &.Spalte5Breite40 { --FünfteSpalte: 40fr; } &.Spalte5Breite45 { --FünfteSpalte: 45fr; } &.Spalte5Breite50 { --FünfteSpalte: 50fr; } &.Spalte5Breite55 { --FünfteSpalte: 55fr; } &.Spalte5Breite60 { --FünfteSpalte: 60fr; } &.Spalte5Breite65 { --FünfteSpalte: 65fr; } &.Spalte5Breite70 { --FünfteSpalte: 70fr; } &.Spalte5Breite75 { --FünfteSpalte: 75fr; } &.Spalte5Breite80 { --FünfteSpalte: 80fr; } &.Spalte5Breite85 { --FünfteSpalte: 85fr; } &.Spalte5Breite90 { --FünfteSpalte: 90fr; } &.Spalte5Breite95 { --FünfteSpalte: 95fr; }
	&.Spalte6Breite10 { --SechsteSpalte: 10fr; } &.Spalte6Breite15 { --SechsteSpalte: 15fr; } &.Spalte6Breite20 { --SechsteSpalte: 20fr; } &.Spalte6Breite25 { --SechsteSpalte: 25fr; } &.Spalte6Breite30 { --SechsteSpalte: 30fr; } &.Spalte6Breite35 { --SechsteSpalte: 35fr; } &.Spalte6Breite40 { --SechsteSpalte: 40fr; } &.Spalte6Breite45 { --SechsteSpalte: 45fr; } &.Spalte6Breite50 { --SechsteSpalte: 50fr; } &.Spalte6Breite55 { --SechsteSpalte: 55fr; } &.Spalte6Breite60 { --SechsteSpalte: 60fr; } &.Spalte6Breite65 { --SechsteSpalte: 65fr; } &.Spalte6Breite70 { --SechsteSpalte: 70fr; } &.Spalte6Breite75 { --SechsteSpalte: 75fr; } &.Spalte6Breite80 { --SechsteSpalte: 80fr; } &.Spalte6Breite85 { --SechsteSpalte: 85fr; } &.Spalte6Breite90 { --SechsteSpalte: 90fr; } &.Spalte6Breite95 { --SechsteSpalte: 95fr; }

	&.Spalten2 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ); }
	&.Spalten3 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ); }
	&.Spalten4 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ); }
	&.Spalten5 { grid-template-columns: minmax(var(--Mindestbreite), var(--ErsteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--ZweiteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--DritteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--VierteSpalte, 1fr) ) minmax(var(--Mindestbreite), var(--FünfteSpalte, 1fr) ); }
	&.Spalten6 { grid-template-columns: minmax(100px, var(--ErsteSpalte, 1fr) ) minmax(100px, var(--ZweiteSpalte, 1fr) ) minmax(100px, var(--DritteSpalte, 1fr) ) minmax(100px, var(--VierteSpalte, 1fr) ) minmax(100px, var(--FünfteSpalte, 1fr) ) minmax(100px, var(--SechsteSpalte, 1fr) ); }

	&.Spalten2 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 3; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten3 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 4; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten4 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 5; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten5 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 6; @media(max-width:960px){ grid-column: 1; } }
	&.Spalten6 > :is(h1, h2, h3, h4, h5, h6, p):not(.content-headline) { grid-column: 1 / 7; @media(max-width:960px){ grid-column: 1; } }

	&.Spalten2, &.Spalten3, &.Spalten4, &.Spalten5, &.Spalten6 { 
		@media(max-width:960px){ 
			grid-template-columns: 1fr;
			gap: 20px;
			& > * { padding-bottom: 20px; }
			& > div[class^='SpaltenElementBreite'], & > div[class*=' SpaltenElementBreite'] { grid-column: 1; }
		}
	}
	
	&.Spaltenabstand0 { column-gap: 0; }
	&.SpaltenabstandXXXS { column-gap: var(--XXXS, 10px); }
	&.SpaltenabstandXXS { column-gap: var(--XXS, 20px); }
	&.SpaltenabstandXS { column-gap: var(--XS, 25px); }
	&.SpaltenabstandS { column-gap: var(--S, 40px); }
	&.SpaltenabstandM { column-gap: var(--M, 60px); }
	&.SpaltenabstandL { column-gap: var(--L, 100px); }
	&.SpaltenabstandXL { column-gap: var(--XL, 200px); }
	&.SpaltenabstandXXL { column-gap: var(--XXL, 300px); }
	&.SpaltenabstandXXXL { column-gap: var(--XXXL, 400px); }
	
	&.Zeilenabstand0 { row-gap: 0; }
	&.ZeilenabstandXXXS { row-gap: var(--XXXS, 10px); }
	&.ZeilenabstandXXS { row-gap: var(--XXS, 20px); }
	&.ZeilenabstandXS { row-gap: var(--XS, 25px); }
	&.ZeilenabstandS { row-gap: var(--S, 40px); }
	&.ZeilenabstandM { row-gap: var(--M, 60px); }
	&.ZeilenabstandL { row-gap: var(--L, 100px); }
	&.ZeilenabstandXL { row-gap: var(--XL, 200px); }
	&.ZeilenabstandXXL { row-gap: var(--XXL, 300px); }
	&.ZeilenabstandXXXL { row-gap: var(--XXXL, 400px); }
	
	& > .Spaltenbreite1-2 { grid-column: 1 / 3; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite1-3 { grid-column: 1 / 4; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite1-4 { grid-column: 1 / 5; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-2 { grid-column: 2; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-3 { grid-column: 2 / 4; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite2-4 { grid-column: 2 / 5; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite3-3 { grid-column: 3; @media(max-width:960px){ grid-column: unset; } } 
	& > .Spaltenbreite3-4 { grid-column: 3 / 5; @media(max-width:960px){ grid-column: unset; } }
	
	& > .Spaltenhöhe1-2 { grid-row: 1 / 3; @media(max-width:960px){ grid-row: unset; } }
	& > .Spaltenhöhe1-3 { grid-row: 1 / 4; @media(max-width:960px){ grid-row: unset; } }
	& > .Spaltenhöhe2-3 { grid-row: 2 / 4; @media(max-width:960px){ grid-row: unset; } }
	
	& > .mittig { align-content: center; }
	& > .unten { align-content: end; }

	&.InhaltVertikalZentrieren { align-items: center; }
	&.InhaltHorizontalZentrieren { justify-content: center; }
	&.ElementeAußen { justify-content: space-between;
		&.Spalten2 > :nth-child(2n) { text-align: right; }
	}
	
	@media(max-width:960px){  
		& > .mobilePosition1 { grid-row: 1; }
		& > .mobilePosition2 { grid-row: 2; }
		& > .mobilePosition3 { grid-row: 3; }
		& > .mobilePosition4 { grid-row: 4; }
		& > .mobilePosition5 { grid-row: 5; }
		& > .mobilePosition6 { grid-row: 6; }
		& > .mobilePosition7 { grid-row: 7; }
		& > .mobilePosition8 { grid-row: 8; }
	}

	.content-image figure {
		height: 100%;
		@media(max-width:960px){ width: 100%; }
		img { object-fit: cover; 
			@media(max-width:960px){ width: 100%; }
		}
	}

}

@media(min-width:1024px){ .nichtAufDesktopAnzeigen { display: none !important; } }
@media(max-width:1023px){ .nichtAufMobilAnzeigen { display: none !important; } }
.verstecken { display: none; }
.mobilTransparent { @media(max-width:1023px){ opacity: .1; } }
.mod_article.InhaltLäuftÜberElementHinaus, .mod_article .InhaltLäuftÜberElementHinaus { overflow: visible; }
.mod_article.InhaltBegrenzen, .mod_article .InhaltBegrenzen { overflow: hidden; }
.zweispaltig .rte { columns: 2; gap: 80px;
	@media(max-width:1023px){ columns: 1; gap: 0; }
	ul { margin-top: 0; margin-bottom: 0; }
}
.nachHinten { z-index: -1; }
#wrapper .imVordergrund { z-index: 9; }
.Tabellenlinien table {
	border: 1px solid var(--border_color, #ddd);
	border-collapse: collapse;
	th, td {
		border: 1px solid var(--border_color, #ddd);
		padding: .5rem;
	}
}
/************************************************************* TEXT *************************************************************/
.TextAusrichtungRechts { text-align: right; }
.kursivGroßbuchstaben strong, 
.fettGroßbuchstaben strong,
.ÜberschriftGroßbuchstaben :is(h1, h2, h3, h4, h5, h6),
.Großbuchstaben,
.fettGroßbuchstabenNichtFett strong { text-transform: uppercase; }
.fettGroßbuchstabenNichtFett strong { font-weight: var(--font_weight, normal); }
.fettSchriftgrößeXXS strong, .kursivSchriftgrößeXXS em, .SchriftgrößeXXS { font-size: .55em; }	
.fettSchriftgrößeXS strong, .kursivSchriftgrößeXS em, .SchriftgrößeXS { font-size: .7em; }
.fettSchriftgrößeS strong, .kursivSchriftgrößeS em, .SchriftgrößeS { font-size: .85em; }
.fettSchriftgrößeL strong, .kursivSchriftgrößeL em, .SchriftgrößeL { font-size: 1.3em; }
.fettSchriftgrößeXL strong, .kursivSchriftgrößeXL em, .SchriftgrößeXL { font-size: 1.6em; }
.fettSchriftgrößeXXL strong, .kursivSchriftgrößeXXL em, .SchriftgrößeXXL { font-size: 2em; }
.fettSchriftgrößeXXXL strong, .kursivSchriftgrößeXXXL em, .SchriftgrößeXXXL { font-size: 3em; }
.TextKlein { font-size: 14px; }
.fettKleinNichtFett strong { font-size: 14px; font-weight: var(--font_weight, normal); }
.fettKlein strong { font-size: 14px; }
.kursivKleinNichtKursiv em { font-size: 14px; font-style: normal; }
.kursivKlein em { font-size: 14px; }
.fettSehrKleinNichtFett strong { font-size: 12px; font-weight: var(--font_weight, normal); } 
.fettSehrKlein strong { font-size: 12px; } 
.kursivSehrKleinNichtKursiv em { font-size: 12px; font-style: normal; }
.kursivSehrKlein em { font-size: 12px; }
.fettGroßNichtFett strong { font-size: 18px; font-weight: var(--font_weight, normal); }
.kursivGroßNichtKursiv em { font-size: 18px; font-style: normal; }
.fettSehrGroßNichtFett strong { font-size: 20px; font-weight: var(--font_weight, normal); }
.kursivSehrGroßNichtKursiv em { font-size: 20px; font-style: normal; }
.fettBlock strong { display: block; }
.ZeilenabstandXS, .ZeilenabstandXS :is(h1,h2,h3,h4,h5,h6) { line-height: 1; }
.ZeilenabstandS, .ZeilenabstandS :is(h1,h2,h3,h4,h5,h6) { line-height: 1.2; }
.ZeilenabstandM, .ZeilenabstandM :is(h1,h2,h3,h4,h5,h6) { line-height: 1.4; }
.ZeilenabstandL, .ZeilenabstandL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.6; }
.ZeilenabstandXL, .ZeilenabstandXL :is(h1,h2,h3,h4,h5,h6) { line-height: 1.8; }
.ZeilenabstandXXL, .ZeilenabstandXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 2; }
.ZeilenabstandXXXL, .ZeilenabstandXXXL :is(h1,h2,h3,h4,h5,h6) { line-height: 3; }
.zentriert { text-align: center; }
.aufDesktopZentriert { text-align: center; @media(max-width:1023px){ text-align: left; } }
.aufMobilZentriert { @media(max-width:1023px){ text-align: center; } }
.aufDesktopBlocksatz { text-align: justify; @media(max-width:1023px){ text-align: left; } }
.keineWorttrennung p,
.fettKeineWorttrennung strong,
.ÜberschriftKeineWorttrennung :is(h1, h2, h3, h4, h5, h6), 
.ÜberschriftKeineWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: none; }
.Worttrennung p,
.ÜberschriftWorttrennung :is(h1, h2, h3, h4, h5, h6),
.ÜberschriftWorttrennung:is(h1, h2, h3, h4, h5, h6) { hyphens: auto; }

.ÜberschriftFett :is(h1, h2, h3, h4, h5, h6),
.ÜberschriftFett:is(h1, h2, h3, h4, h5, h6) { font-weight: var(--font_weight_strong); }
.TextFett p { font-weight: var(--font_weight_strong); }

.Überschrift1Farbe1 { h1 { color: var(--color_1); } }
.Überschrift1Farbe2 { h1 { color: var(--color_2); } }
.Überschrift1Farbe3 { h1 { color: var(--color_3); } }
.Überschrift1Farbe4 { h1 { color: var(--color_4); } }
.Überschrift1FarbeWeiß { h1 { color: #fff; } }

.Überschrift2Farbe1 { h2 { color: var(--color_1); } }
.Überschrift2Farbe2 { h2 { color: var(--color_2); } }
.Überschrift2Farbe3 { h2 { color: var(--color_3); } }
.Überschrift2Farbe4 { h2 { color: var(--color_4); } }
.Überschrift2FarbeWeiß { h2 { color: #fff; } }

.Überschrift3Farbe1 { h3 { color: var(--color_1); } }
.Überschrift3Farbe2 { h3 { color: var(--color_2); } }
.Überschrift3Farbe3 { h3 { color: var(--color_3); } }
.Überschrift3Farbe4 { h3 { color: var(--color_4); } }
.Überschrift3FarbeWeiß { h3 { color: #fff; } }

.Überschrift4Farbe1 { h4 { color: var(--color_1); } }
.Überschrift4Farbe2 { h4 { color: var(--color_2); } }
.Überschrift4Farbe3 { h4 { color: var(--color_3); } }
.Überschrift4Farbe4 { h4 { color: var(--color_4); } }
.Überschrift4FarbeWeiß { h4 { color: #fff; } }

.letztesElementUnten {
	display: flex;
	flex-direction: column;
	.rte {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		& > :last-child {
			margin-top: auto;
		}
	}
}

/************************************************************* BILDER *************************************************************/
.Bildrahmen img { border: 1px solid var(--border_color); }
.Bildrahmenfarbe1 img { border: 1px solid var(--color_1); }
.Bildrahmenfarbe2 img { border: 1px solid var(--color_2); }
.BildVolleHöhe {
	figure { height: 100%;
		img { min-height: 100vh; object-fit: cover; }
	}
}

.BildLinks img, .BildMittig img, .BildRechts img { display: inline-block; }
.BildLinks figure { text-align: left; }
.BildMittig figure { text-align: center; }
.BildRechts figure { text-align: right; }

.BildRund img { border-radius: var(--border_radius); }
.BildKreis img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }

.mod_article .BildAlsHintergrund,
.mod_article .BildAlsHintergrundFixiert {
	position: fixed;
	overflow: hidden;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
	margin: 0;
	padding: 0;
	img { width: 100vw; height: 100vh; object-fit: cover; }
}
.mod_article:has(.BildAlsHintergrundFixiert) { overflow: hidden; }

.mod_article .BildAlsHintergrund {
	position: absolute;
	display: grid;
	height: 100%;
	&.BildNichtVolleHöhe { height: auto; }
	&.BildHalbeBreite { width: 50vw; }
	&.BildRechts { left: auto; right: 0; }
	&.BildMitte { left: 50%; transform: translateX(-50%); }
	&.BildÜberRand {
		overflow: visible;
		figure { overflow: visible;}
	}
	img { height: 100%; }
}

#wrapper div[class^='BildNachLinksVerschieben'], #wrapper div[class*=' BildNachLinksVerschieben'] {
	&.BildNachLinksVerschieben20 { --verschieben: 20px; }
	&.BildNachLinksVerschieben50 { --verschieben: 50px; }
	&.BildNachLinksVerschieben100 { --verschieben: 100px; }
	&.BildNachLinksVerschieben150 { --verschieben: 150px; }
	&.BildNachLinksVerschieben200 { --verschieben: 200px; }
	&.BildNachLinksVerschieben250 { --verschieben: 250px; }
	margin-left: calc( var(--verschieben) * -1 );
	width: calc( 100% + var(--verschieben) );
	img { width: 100%; }
}
#wrapper div[class^='BildNachRechtsVerschieben'], #wrapper div[class*=' BildNachRechtsVerschieben'] {
	&.BildNachRechtsVerschieben20 { --verschieben: 20px; }
	&.BildNachRechtsVerschieben50 { --verschieben: 50px; }
	&.BildNachRechtsVerschieben100 { --verschieben: 100px; }
	&.BildNachRechtsVerschieben150 { --verschieben: 150px; }
	&.BildNachRechtsVerschieben200 { --verschieben: 200px; }
	&.BildNachRechtsVerschieben250 { --verschieben: 250px; }
	margin-right: calc( var(--verschieben) * -1 );
	width: calc( 100% + var(--verschieben) );
	img { width: 100%; }
}
.BildVerdunkeln img { filter: brightness(0.6); }

.Bildhintergrund1 img { background-color: var(--color_1); }
.Bildhintergrund2 img { background-color: var(--color_2); }
.Bildhintergrund3 img { background-color: var(--color_3); }
.Bildhintergrund4 img { background-color: var(--color_4); }
.BildhintergrundWeiß img { background-color: #fff; }
.BildhintergrundSchwarz img { background-color: #000; }

#wrapper .content-text.TextErscheintAufBild {
	position: relative;
	align-self: start;
	overflow: hidden;
	@media(max-width:1023px){  
		display: inline-block;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	& > figure { margin: 0; }
	.rte {
		position: absolute;
		bottom: 0;
		opacity: 0;
		transform: translateY(100%);
		background: color-mix(in srgb, var(--color_1), transparent 25%);
		color: #fff;
		padding: 10px 20px;
		line-height: 1.2;
		width: 100%;
		transition: all 0.5s ease-in-out;
		@media(max-width:1023px){
			position: relative;
			opacity: 1;
			transform: translateY(0);
			padding: 10px;
		}
	}
	&:hover .rte {
		transform: translateY(0);
		opacity: 1;
	}
}

/************************************************************* LISTEN *************************************************************/
.ListeAbstand0 ul { margin: 0; }

.ListenzeilenhöheL ul li { padding-top: .2em; padding-bottom: .2em; }
.ListenzeilenhöheXL ul li { padding-top: .3em; padding-bottom: .3em; }
.ListenzeilenhöheXXL ul li { padding-top: .4em; padding-bottom: .4em; }
.ListenzeilenhöheXXXL ul li { padding-top: .7em; padding-bottom: .7em; }

.ListensymbolPunkt li { list-style: disc; }
.ListensymbolKleinerPunkt li::marker { content: '•  '; }
.ListensymbolKreis li { list-style: circle; }
.ListensymbolBuchstaben li { list-style: lower-alpha; }
.ListensymbolGroßbuchstaben li { list-style: upper-alpha; }
.ListensymbolQuadrat li { list-style: square; }
.ListensymbolRömischeZahlen li { list-style: upper-roman; }
.ListensymbolStrich li::marker { content: '-  '; }
.ListensymbolLangerStrich li::marker { content: '—  '; }
.ListensymbolSpitzeAnführungszeichen li::marker { content: '»  '; }
.ListensymbolDoppelpunkt li::marker { content: ':  '; }

.ListensymbolHaken ul {
	padding-left: 50px;
	& li {	list-style: none;
		&::marker { content: ''; }
		&::before { 
			position: absolute;
			margin-left: -45px;
			margin-top: 3px;
			display: inline-block;
			content: "\2713";
			font-weight: 600;
			font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
			width: 1em;
			height: 1em;
			padding: 0.2em;
			border-radius: 50%;
			line-height: 1;
			text-align: center;
		}
	}
}

.ListensymbolHintergrund1 li::marker, .ListensymbolHintergrund1 li::before { background: var(--color_1); }
.ListensymbolHintergrund2 li::marker, .ListensymbolHintergrund2 li::before { background: var(--color_2); }
.ListensymbolHintergrund3 li::marker, .ListensymbolHintergrund3 li::before { background: var(--color_3); }
.ListensymbolHintergrund4 li::marker, .ListensymbolHintergrund4 li::before { background: var(--color_4); }
.ListensymbolHintergrund5 li::marker, .ListensymbolHintergrund5 li::before { background: var(--color_5); }
.ListensymbolHintergrundWeiß li::marker, .ListensymbolHintergrundWeiß li::before { background: #fff; }
.ListensymbolHintergrundSchwarz li::marker, .ListensymbolHintergrundSchwarz li::before { background: #000; }

.Listensymbolfarbe1 li::marker, .Listensymbolfarbe1 li::before { color: var(--color_1); }
.Listensymbolfarbe2 li::marker, .Listensymbolfarbe2 li::before { color: var(--color_2); }
.Listensymbolfarbe3 li::marker, .Listensymbolfarbe3 li::before { color: var(--color_3); }
.Listensymbolfarbe4 li::marker, .Listensymbolfarbe4 li::before { color: var(--color_4); }
.ListensymbolfarbeWeiß li::marker, .ListensymbolfarbeWeiß li::before { color: #fff; }
.ListensymbolfarbeSchwarz li::marker, .ListensymbolfarbeSchwarz li::before { color: #000; }
/************************************************************* LINKS *************************************************************/
#wrapper .LinkOhneUnterstrich a {
	text-decoration: none;
	&:hover { text-decoration: underline; }
	&:before { display: none; }
}
#wrapper .LinkMitUnterstrich a { text-decoration: underline; }
#wrapper .LinkunterstrichBeiBerührung a:hover { text-decoration: underline; }
#wrapper .UnterstrichBeiBerührung:hover { text-decoration: underline; }
#wrapper .LinkOhneUnterstrichBeiBerührung a:hover { text-decoration: none; }

#wrapper .LinkBeiBerührungDrehen a, a.LinkBeiBerührungDrehen {
	display: inline-block;
	line-height: 1;
	transition: all 0.25s ease-in-out;
	&:hover { transform: rotate(20deg); }
}
#wrapper .LinkBeiBerührungVergrößern a, a.LinkBeiBerührungVergrößern {
	display: inline-block;
	line-height: 1;
	transition: all 0.25s ease-in-out;
	&:hover { transform: scale(1.05); }
}

body #wrapper .LinkgrößeXXS a { font-size: .55em; }
body #wrapper .LinkgrößeXS a { font-size: .7em; }
body #wrapper .LinkgrößeS a { font-size: .85em; }
body #wrapper .LinkgrößeL a { font-size: 1.3em; }
body #wrapper .LinkgrößeXL a { font-size: 1.6em; }
body #wrapper .LinkgrößeXXL a { font-size: 2em; }

body .Linkfarbe1 a, body .Linkfarbe1 a svg, body .Linkfarbe1 a svg.icon { color: var(--color_1); fill: var(--color_1); }
body .Linkfarbe2 a, body .Linkfarbe2 a svg, body .Linkfarbe2 a svg.icon { color: var(--color_2); fill: var(--color_2); }
body .Linkfarbe3 a, body .Linkfarbe3 a svg, body .Linkfarbe3 a svg.icon { color: var(--color_3); fill: var(--color_3); }
body .Linkfarbe4 a, body .Linkfarbe4 a svg, body .Linkfarbe4 a svg.icon { color: var(--color_4); fill: var(--color_4); }
body .LinkfarbeSchwarz a, body .LinkfarbeSchwarz a svg, body .LinkfarbeSchwarz a svg.icon { color: #000; fill: #000; }
body .LinkfarbeWeiß a, body .LinkfarbeWeiß a svg, body .LinkfarbeWeiß a svg.icon { color: #fff; fill: #fff; }
body .LinkfarbeTextfarbe a, body .LinkfarbeTextfarbe a svg, body .LinkfarbeTextfarbe a svg.icon,
body .LinkfarbeSchriftfarbe a, body .LinkfarbeSchriftfarbe a svg, body .LinkfarbeSchriftfarbe a svg.icon { color: var(--font_color, #444); fill: var(--font_color, #444); }
/************************************************************* SPALTEN *************************************************************/
.ElementeOben { align-items: start; }
.vertikalMittig, .ElementeVertikalMittig { align-items: center; }
.ElementeUnten { align-items: end; }
.horizontalMittig { justify-content: center; }
.ElementhöheGleich > * { height: 100%; }
/************************************************************* FORMULARE *************************************************************/
fieldset.Spaltenanzahl2,
fieldset.Spaltenanzahl3,
fieldset.Spaltenanzahl4,
fieldset.Spaltenanzahl5 {
	padding: 0;
	border: 0;
	column-gap: var(--form_gap, 10px);
	display: grid;
	align-items: end;
	grid-template-columns: repeat(2, 1fr);
	@media(max-width:767px){ grid-template-columns: repeat(1, 1fr); }
}
fieldset.Spaltenanzahl3 { grid-template-columns: repeat(3, 1fr); }
fieldset.Spaltenanzahl4 { grid-template-columns: repeat(4, 1fr); }
fieldset.Spaltenanzahl5 { grid-template-columns: repeat(5, 1fr); }
/************************************************************* FLÄCHEN *************************************************************/
.rundeEcken { border-radius: var(--border_radius, 10px) ; }
.rundeEckeUntenLinks { border-bottom-left-radius: var(--border_radius, 10px) ; }
.rundeEckeObenLinks { border-top-left-radius: var(--border_radius, 10px) ; }
.rundeEckeUntenRechts { border-bottom-right-radius: var(--border_radius, 10px) ; }
.rundeEckeObenRechts { border-top-right-radius: var(--border_radius, 10px) ; }
.eckigeEcken { --button_border_radius: 0; --border_radius: 0; }

.Rahmen0, #wrapper .Kachel.Rahmen0 { border: 0; }
.Rahmen1 { border: 1px solid var(--color_1); }
.Rahmen2 { border: 1px solid var(--color_2); }
.Rahmen3 { border: 1px solid var(--color_3); }
.Rahmen4 { border: 1px solid var(--color_4); }

.RahmenOben { border-top: 1px solid var(--border_color, #ddd); margin-top: var(--article_space_top, 60px); }
.RahmenUnten { border-bottom: 1px solid var(--border_color, #ddd); margin-bottom: var(--article_space_top, 60px); }
.RahmenLinks { border-left: 1px solid var(--border_color, #ddd); }
.RahmenRechts { border-right: 1px solid var(--border_color, #ddd); }

.Rahmen { border: 1px solid var(--border_color, #ddd); }
#wrapper .RahmenbreiteL { border-width: 2px; }
#wrapper .RahmenbreiteXL { border-width: 3px; }
#wrapper .RahmenbreiteXXL { border-width: 5px; }
.Rahmenfarbe1 { border-color: var(--color_1); }
.Rahmenfarbe2 { border-color: var(--color_2); }
.RahmenfarbeWeiß { border-color: #fff; }
.RahmenfarbeSchwarz { border-color: #000; }
.RahmenfarbeSchriftfarbe { border-color: var(--font_color); }

/************************************************************* KACHELN *************************************************************/
#wrapper .Kacheln, 
#wrapper .KachelnGrau,
#wrapper .KachelnWeiß {
	justify-content: center;
	& > * {
		border: 1px solid var(--border_color);
		padding: 20px 20px;
		background: #f8f8f8;
		border-radius: var(--border_radius, 3px);
		height: 100%;
		overflow: hidden;
		&.content-text.media--above img { margin-bottom: .5em; }
	}
	&.KachelnWeiß > * { background: #fff; }
	&.KachelnGrau > * { background: #f8f8f8; }
}

#wrapper .Kachel {
	border: 1px solid #ddd;
	padding: 1.5em;
	background: #f8f8f8;
	border-radius: var(--border_radius, 3px);
	overflow: hidden;
	@media(max-width:1023px){ padding: .5em; }
}

.abg1 #wrapper .mod_article:nth-child(odd) .Kachel,
.abg2 #wrapper .mod_article:nth-child(even) .Kachel,
#wrapper #container #main .mod_article.HintergrundGrau .Kachel { background: #fff; }
.abg1 #wrapper .mod_article:nth-child(even) .Kachel,
.abg2 #wrapper .mod_article:nth-child(odd) .Kachel,
#wrapper #container #main .mod_article.HintergrundWeiß .Kachel { background: #f8f8f8; }

.abg1 #wrapper .mod_article:nth-child(even) .Kacheln > *,
.abg2 #wrapper .mod_article:nth-child(odd) .Kacheln > *,
#wrapper #container #main .mod_article.HintergrundWeiß .Kacheln > * { background: #f8f8f8; }
.abg1 #wrapper .mod_article:nth-child(odd) .Kacheln > *,
.abg2 #wrapper .mod_article:nth-child(even) .Kacheln > *,
#wrapper #container #main .mod_article.HintergrundGrau .Kacheln > * { background: #fff; }
/************************************************************* BREITE *************************************************************/
.mod_article .volleBreite:not(.content-table), #wrapper .volleBreite, .volleBreite, #wrapper .Breite100Prozent, .Breite100Prozent { 
	padding-left: 0; padding-right: 0; width: 100%; 
}
.mod_article .volleBreiteMitAbstand { width: 100%; }
.mod_article .volleBreite.content-table table { width: 100%; }
.mod_article .volleBreite.content-image img { width: 100%; height: auto; }
.mod_article.volleBreite, .mod_article.Breite100Prozent {
	& > * { width: 100%; padding-right: 0; padding-left: 0; 
		&.content-image img { width: 100%; }
	}
}

.mod_article .Breite100, .mod_article.Breite100 > * { max-width: 100%; width: 100px; margin-left: auto; margin-right: auto; }
.mod_article .Breite150, .mod_article.Breite150 > * { max-width: 100%; width: 150px; margin-left: auto; margin-right: auto; }
.mod_article .Breite200, .mod_article.Breite200 > * { max-width: 100%; width: 200px; margin-left: auto; margin-right: auto; }
.mod_article .Breite250, .mod_article.Breite250 > * { max-width: 100%; width: 250px; margin-left: auto; margin-right: auto; }
.mod_article .Breite300, .mod_article.Breite300 > * { max-width: 100%; width: 300px; margin-left: auto; margin-right: auto; }
.mod_article .Breite350, .mod_article.Breite350 > * { max-width: 100%; width: 350px; margin-left: auto; margin-right: auto; }
.mod_article .Breite400, .mod_article.Breite400 > * { max-width: 100%; width: 400px; margin-left: auto; margin-right: auto; }
.mod_article .Breite450, .mod_article.Breite450 > * { max-width: 100%; width: 450px; margin-left: auto; margin-right: auto; }
.mod_article .Breite500, .mod_article.Breite500 > * { max-width: 100%; width: 500px; margin-left: auto; margin-right: auto; }
.mod_article .Breite550, .mod_article.Breite550 > * { max-width: 100%; width: 550px; margin-left: auto; margin-right: auto; }
.mod_article .Breite600, .mod_article.Breite600 > * { max-width: 100%; width: 600px; margin-left: auto; margin-right: auto; }
.mod_article .Breite650, .mod_article.Breite650 > * { max-width: 100%; width: 650px; margin-left: auto; margin-right: auto; }
.mod_article .Breite700, .mod_article.Breite700 > * { max-width: 100%; width: 700px; margin-left: auto; margin-right: auto; }
.mod_article .Breite750, .mod_article.Breite750 > * { max-width: 100%; width: 750px; margin-left: auto; margin-right: auto; }
.mod_article .Breite800, .mod_article.Breite800 > * { max-width: 100%; width: 800px; margin-left: auto; margin-right: auto; }
.mod_article .Breite850, .mod_article.Breite850 > * { max-width: 100%; width: 850px; margin-left: auto; margin-right: auto; }
.mod_article .Breite900, .mod_article.Breite900 > * { max-width: 100%; width: 900px; margin-left: auto; margin-right: auto; }
.mod_article .Breite950, .mod_article.Breite950 > * { max-width: 100%; width: 950px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1000, .mod_article.Breite1000 > * { max-width: 100%; width: 1000px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1050, .mod_article.Breite1050 > * { max-width: 100%; width: 1050px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1100, .mod_article.Breite1100 > * { max-width: 100%; width: 1100px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1150, .mod_article.Breite1150 > * { max-width: 100%; width: 1150px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1200, .mod_article.Breite1200 > * { max-width: 100%; width: 1200px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1250, .mod_article.Breite1250 > * { max-width: 100%; width: 1250px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1300, .mod_article.Breite1300 > * { max-width: 100%; width: 1300px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1350, .mod_article.Breite1350 > * { max-width: 100%; width: 1350px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1400, .mod_article.Breite1400 > * { max-width: 100%; width: 1400px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1450, .mod_article.Breite1450 > * { max-width: 100%; width: 1450px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1500, .mod_article.Breite1500 > * { max-width: 100%; width: 1500px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1550, .mod_article.Breite1550 > * { max-width: 100%; width: 1550px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1600, .mod_article.Breite1600 > * { max-width: 100%; width: 1600px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1650, .mod_article.Breite1650 > * { max-width: 100%; width: 1650px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1700, .mod_article.Breite1700 > * { max-width: 100%; width: 1700px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1750, .mod_article.Breite1750 > * { max-width: 100%; width: 1750px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1800, .mod_article.Breite1800 > * { max-width: 100%; width: 1800px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1850, .mod_article.Breite1850 > * { max-width: 100%; width: 1850px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1900, .mod_article.Breite1900 > * { max-width: 100%; width: 1900px; margin-left: auto; margin-right: auto; }
.mod_article .Breite1950, .mod_article.Breite1950 > * { max-width: 100%; width: 1950px; margin-left: auto; margin-right: auto; }

.content-text.TextLinks .rte { margin-left: 0; }
.content-text.TextRechts .rte { margin-right: 0; }

/************************************************************* HÖHE *************************************************************/
.volleHöhe { height: 100vh; overflow-y: hidden; }

.minimaleHöhe5Prozent { min-height: 5vh; min-height: 5svh; }
.minimaleHöhe10Prozent { min-height: 10vh; min-height: 10svh; }
.minimaleHöhe15Prozent { min-height: 15vh; min-height: 15svh; }
.minimaleHöhe20Prozent { min-height: 20vh; min-height: 20svh; }
.minimaleHöhe25Prozent { min-height: 25vh; min-height: 25svh; }
.minimaleHöhe30Prozent { min-height: 30vh; min-height: 30svh; }
.minimaleHöhe35Prozent { min-height: 35vh; min-height: 35svh; }
.minimaleHöhe40Prozent { min-height: 40vh; min-height: 40svh; }
.minimaleHöhe45Prozent { min-height: 45vh; min-height: 45svh; }
.minimaleHöhe50Prozent { min-height: 50vh; min-height: 50svh; }
.minimaleHöhe55Prozent { min-height: 55vh; min-height: 55svh; }
.minimaleHöhe60Prozent { min-height: 60vh; min-height: 60svh; }
.minimaleHöhe65Prozent { min-height: 65vh; min-height: 65svh; }
.minimaleHöhe70Prozent { min-height: 70vh; min-height: 70svh; }
.minimaleHöhe75Prozent { min-height: 75vh; min-height: 75svh; }
.minimaleHöhe80Prozent { min-height: 80vh; min-height: 80svh; }
.minimaleHöhe85Prozent { min-height: 85vh; min-height: 85svh; }
.minimaleHöhe90Prozent { min-height: 90vh; min-height: 90svh; }
.minimaleHöhe95Prozent { min-height: 95vh; min-height: 95svh; }
.minimaleHöhe100Prozent { min-height: 100vh; min-height: 100svh; }

.minimaleHöhe50Pixel { min-height: 50px; }
.minimaleHöhe100Pixel { min-height: 100px; }
.minimaleHöhe150Pixel { min-height: 150px; }
.minimaleHöhe200Pixel { min-height: 200px; }
.minimaleHöhe250Pixel { min-height: 250px; }
.minimaleHöhe300Pixel { min-height: 300px; }
.minimaleHöhe350Pixel { min-height: 350px; }
.minimaleHöhe400Pixel { min-height: 400px; }
.minimaleHöhe450Pixel { min-height: 450px; }
.minimaleHöhe500Pixel { min-height: 500px; }
.minimaleHöhe550Pixel { min-height: 550px; }
.minimaleHöhe600Pixel { min-height: 600px; }
.minimaleHöhe650Pixel { min-height: 650px; }
.minimaleHöhe700Pixel { min-height: 700px; }
.minimaleHöhe750Pixel { min-height: 750px; }
.minimaleHöhe800Pixel { min-height: 800px; }
.minimaleHöhe850Pixel { min-height: 850px; }
.minimaleHöhe900Pixel { min-height: 900px; }
.minimaleHöhe950Pixel { min-height: 950px; }
.minimaleHöhe1000Pixel { min-height: 1000px; }

.maximaleHöhe5Prozent { max-height: 5vh; max-height: 5svh; }
.maximaleHöhe10Prozent { max-height: 10vh; max-height: 10svh; }
.maximaleHöhe15Prozent { max-height: 15vh; max-height: 15svh; }
.maximaleHöhe20Prozent { max-height: 20vh; max-height: 20svh; }
.maximaleHöhe25Prozent { max-height: 25vh; max-height: 25svh; }
.maximaleHöhe30Prozent { max-height: 30vh; max-height: 30svh; }
.maximaleHöhe35Prozent { max-height: 35vh; max-height: 35svh; }
.maximaleHöhe40Prozent { max-height: 40vh; max-height: 40svh; }
.maximaleHöhe45Prozent { max-height: 45vh; max-height: 45svh; }
.maximaleHöhe50Prozent { max-height: 50vh; max-height: 50svh; }
.maximaleHöhe55Prozent { max-height: 55vh; max-height: 55svh; }
.maximaleHöhe60Prozent { max-height: 60vh; max-height: 60svh; }
.maximaleHöhe65Prozent { max-height: 65vh; max-height: 65svh; }
.maximaleHöhe70Prozent { max-height: 70vh; max-height: 70svh; }
.maximaleHöhe75Prozent { max-height: 75vh; max-height: 75svh; }
.maximaleHöhe80Prozent { max-height: 80vh; max-height: 80svh; }
.maximaleHöhe85Prozent { max-height: 85vh; max-height: 85svh; }
.maximaleHöhe90Prozent { max-height: 90vh; max-height: 90svh; }
.maximaleHöhe95Prozent { max-height: 95vh; max-height: 95svh; }
.maximaleHöhe100Prozent { max-height: 100vh; max-height: 100svh; }

.maximaleHöhe50Pixel { max-height: 50px; }
.maximaleHöhe100Pixel { max-height: 100px; }
.maximaleHöhe150Pixel { max-height: 150px; }
.maximaleHöhe200Pixel { max-height: 200px; }
.maximaleHöhe250Pixel { max-height: 250px; }
.maximaleHöhe300Pixel { max-height: 300px; }
.maximaleHöhe350Pixel { max-height: 350px; }
.maximaleHöhe400Pixel { max-height: 400px; }
.maximaleHöhe450Pixel { max-height: 450px; }
.maximaleHöhe500Pixel { max-height: 500px; }
.maximaleHöhe550Pixel { max-height: 550px; }
.maximaleHöhe600Pixel { max-height: 600px; }
.maximaleHöhe650Pixel { max-height: 650px; }
.maximaleHöhe700Pixel { max-height: 700px; }
.maximaleHöhe750Pixel { max-height: 750px; }
.maximaleHöhe800Pixel { max-height: 800px; }
.maximaleHöhe850Pixel { max-height: 850px; }
.maximaleHöhe900Pixel { max-height: 900px; }
.maximaleHöhe950Pixel { max-height: 950px; }
.maximaleHöhe1000Pixel { max-height: 1000px; }
/************************************************************* ABSTÄNDE *************************************************************/
:root {
	--XXXXS: 5px;
	--XXXS: 10px;
	--XXS: 20px;
	--XS: 25px;
	--S: 40px;
	--M: 60px;
	--L: 100px;
	--XL: 200px;
	--XXL: 300px;
	--XXXL: 400px;
}
.AbstandÜberschriftOben0 { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-top: 0; } 
}
.AbstandÜberschriftUnten0 { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXXXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXXS); }
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XXS); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenXS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--XS); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}
.AbstandÜberschriftUntenS { 
	&:is(h1, h2, h3, h4, h5, h6), :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--S); } 
	:is(h1, h2, h3, h4, h5, h6) + * { margin-top: 0; }
}

body #wrapper #container .Abstand0, .mod_article body #wrapper .AbstandText0 .rte { padding: 0px; }
body #wrapper #container .AbstandXXXS, #container .mod_article .AbstandTextXXXS .rte { padding: var(--XXXS); }
body #wrapper #container .AbstandXXS, #container .mod_article .AbstandTextXXS .rte { padding: var(--XXS); }
body #wrapper #container .AbstandXS, #container .mod_article .AbstandTextXS .rte { padding: var(--XS); }
body #wrapper #container .AbstandS, #container .mod_article .AbstandTextS .rte { padding: var(--S); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandM, #container .mod_article .AbstandTextM .rte { padding: var(--M); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandL, #container .mod_article .AbstandTextL .rte { padding: var(--L); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXL, #container .mod_article .AbstandTextXL .rte { padding: var(--XL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXL, #container .mod_article .AbstandTextXXL .rte { padding: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXXL, #container .mod_article .AbstandTextXXXL .rte { padding: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandXXXXL, #container .mod_article .AbstandTextXXXXL .rte { padding: 250px; @media(max-width:767px){ padding: 30px 10px; } }

body #wrapper #container .AbstandOben0, #container .mod_article .AbstandTextOben0 .rte { padding-top: 0px; }
body #wrapper #container .AbstandObenXXXS, #container .mod_article .AbstandTextObenXXXS .rte { padding-top: var(--XXXS); }
body #wrapper #container .AbstandObenXXS, #container .mod_article .AbstandTextObenXXS .rte { padding-top: var(--XXS); }
body #wrapper #container .AbstandObenXS, #container .mod_article .AbstandTextObenXS .rte { padding-top: var(--XS); }
body #wrapper #container .AbstandObenS, #container .mod_article .AbstandTextObenS .rte { padding-top: var(--S); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenM, #container .mod_article .AbstandTextObenM .rte { padding-top: var(--M); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenL, #container .mod_article .AbstandTextObenL .rte { padding-top: var(--L); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXL, #container .mod_article .AbstandTextObenXL .rte { padding-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXXL, #container .mod_article .AbstandTextObenXXL .rte { padding-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandObenXXXL, #container .mod_article .AbstandTextObenXXXL .rte { padding-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } }

body #wrapper #container .AbstandRechts0, #container .mod_article .AbstandTextRechts0 .rte { padding-right: 0px; }
body #wrapper #container .AbstandRechtsXXXS, #container .mod_article .AbstandTextRechtsXXXS .rte { padding-right: var(--XXXS); }
body #wrapper #container .AbstandRechtsXXS, #container .mod_article .AbstandTextRechtsXXS .rte { padding-right: var(--XXS); }
body #wrapper #container .AbstandRechtsXS, #container .mod_article .AbstandTextRechtsXS .rte { padding-right: var(--XS); }
body #wrapper #container .AbstandRechtsS, #container .mod_article .AbstandTextRechtsS .rte { padding-right: var(--S); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsM, #container .mod_article .AbstandTextRechtsM .rte { padding-right: var(--M); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsL, #container .mod_article .AbstandTextRechtsL .rte { padding-right: var(--L); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXL, #container .mod_article .AbstandTextRechtsXL .rte { padding-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXXL, #container .mod_article .AbstandTextRechtsXXL .rte { padding-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandRechtsXXXL, #container .mod_article .AbstandTextRechtsXXXL .rte { padding-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } }

body #wrapper #container .AbstandUnten0, #container .mod_article .AbstandTextUnten0 .rte { padding-bottom: 0px; }
body #wrapper #container .AbstandUntenXXXS, #container .mod_article .AbstandTextUntenXXXS .rte { padding-bottom: var(--XXXS); }
body #wrapper #container .AbstandUntenXXS, #container .mod_article .AbstandTextUntenXXS .rte { padding-bottom: var(--XXS); }
body #wrapper #container .AbstandUntenXS, #container .mod_article .AbstandTextUntenXS .rte { padding-bottom: var(--XS); }
body #wrapper #container .AbstandUntenS, #container .mod_article .AbstandTextUntenS .rte { padding-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenM, #container .mod_article .AbstandTextUntenM .rte { padding-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenL, #container .mod_article .AbstandTextUntenL .rte { padding-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXL, #container .mod_article .AbstandTextUntenXL .rte { padding-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXXL, #container .mod_article .AbstandTextUntenXXL .rte { padding-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandUntenXXXL, #container .mod_article .AbstandTextUntenXXXL .rte { padding-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } }

body #wrapper #container .AbstandLinks0, #container .mod_article .AbstandTextLinks0 .rte { padding-left: 0px; }
body #wrapper #container .AbstandLinksXXXS, #container .mod_article .AbstandTextLinksXXXS .rte { padding-left: var(--XXXS); }
body #wrapper #container .AbstandLinksXXS, #container .mod_article .AbstandTextLinksXXS .rte { padding-left: var(--XXS); }
body #wrapper #container .AbstandLinksXS, #container .mod_article .AbstandTextLinksXS .rte { padding-left: var(--XS); }
body #wrapper #container .AbstandLinksS, #container .mod_article .AbstandTextLinksS .rte { padding-left: var(--S); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksM, #container .mod_article .AbstandTextLinksM .rte { padding-left: var(--M); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksL, #container .mod_article .AbstandTextLinksL .rte { padding-left: var(--L); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXL, #container .mod_article .AbstandTextLinksXL .rte { padding-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXXL, #container .mod_article .AbstandTextLinksXXL .rte { padding-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandLinksXXXL, #container .mod_article .AbstandTextLinksXXXL .rte { padding-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } }


#wrapper .AbstandBildOben0 figure { margin-top: 0px; }
#wrapper .AbstandBildRechts0 figure { margin-right: 0px; }
#wrapper .AbstandBildUnten0 figure { margin-bottom: 0px; }
#wrapper .AbstandBildLinks0 figure { margin-left: 0px; }

#wrapper .AbstandBildObenXXXXS figure { margin-top: var(--XXXXS); }
#wrapper .AbstandBildObenXXXS figure { margin-top: var(--XXXS); }
#wrapper .AbstandBildObenXXS figure { margin-top: var(--XXS); }
#wrapper .AbstandBildObenXS figure { margin-top: var(--XS); }
#wrapper .AbstandBildObenS figure { margin-top: var(--S); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenM figure { margin-top: var(--M); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenL figure { margin-top: var(--L); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXL figure { margin-top: var(--XL); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXXL figure { margin-top: var(--XXL); @media(max-width:767px){ margin-top: 20px; } }
#wrapper .AbstandBildObenXXXL figure { margin-top: var(--XXXL); @media(max-width:767px){ margin-top: 20px; } }

#wrapper .AbstandBildRechtsXXXXS figure { margin-right: var(--XXXXS); }
#wrapper .AbstandBildRechtsXXXS figure { margin-right: var(--XXXS); }
#wrapper .AbstandBildRechtsXXS figure { margin-right: var(--XXS); }
#wrapper .AbstandBildRechtsXS figure { margin-right: var(--XS); }
#wrapper .AbstandBildRechtsS figure { margin-right: var(--S); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsM figure { margin-right: var(--M); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsL figure { margin-right: var(--L); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXL figure { margin-right: var(--XL); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXXL figure { margin-right: var(--XXL); @media(max-width:767px){ margin-right: 20px; } }
#wrapper .AbstandBildRechtsXXXL figure { margin-right: var(--XXXL); @media(max-width:767px){ margin-right: 20px; } }

#wrapper .AbstandBildUntenXXXXS figure { margin-bottom: var(--XXXXS); }
#wrapper .AbstandBildUntenXXXS figure { margin-bottom: var(--XXXS); }
#wrapper .AbstandBildUntenXXS figure { margin-bottom: var(--XXS); }
#wrapper .AbstandBildUntenXS figure { margin-bottom: var(--XS); }
#wrapper .AbstandBildUntenS figure { margin-bottom: var(--S); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenM figure { margin-bottom: var(--M); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenL figure { margin-bottom: var(--L); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXL figure { margin-bottom: var(--XL); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXXL figure { margin-bottom: var(--XXL); @media(max-width:767px){ margin-bottom: 20px; } }
#wrapper .AbstandBildUntenXXXL figure { margin-bottom: var(--XXXL); @media(max-width:767px){ margin-bottom: 20px; } }

#wrapper .AbstandBildLinksXXXXS figure { margin-left: var(--XXXXS); }
#wrapper .AbstandBildLinksXXXS figure { margin-left: var(--XXXS); }
#wrapper .AbstandBildLinksXXS figure { margin-left: var(--XXS); }
#wrapper .AbstandBildLinksXS figure { margin-left: var(--XS); }
#wrapper .AbstandBildLinksS figure { margin-left: var(--S); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksM figure { margin-left: var(--M); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksL figure { margin-left: var(--L); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXL figure { margin-left: var(--XL); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXXL figure { margin-left: var(--XXL); @media(max-width:767px){ margin-left: 20px; } }
#wrapper .AbstandBildLinksXXXL figure { margin-left: var(--XXXL); @media(max-width:767px){ margin-left: 20px; } }


body #wrapper #container .AbstandAußen0 { margin: 0; }
body #wrapper #container .AbstandAußenXXXS { margin: var(--XXXS); }
body #wrapper #container .AbstandAußenXXS { margin: var(--XXS); }
body #wrapper #container .AbstandAußenXS { margin: var(--XS); }
body #wrapper #container .AbstandAußenS { margin: var(--S); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenM { margin: var(--M); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenL { margin: var(--L); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXL { margin: var(--XL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXL { margin: var(--XXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXXL { margin: var(--XXXL); @media(max-width:767px){ padding: 30px 10px; } }
body #wrapper #container .AbstandAußenXXXXL { margin: 250px; @media(max-width:767px){ padding: 30px 10px; } }

body #wrapper #container .AbstandAußenOben0 { margin-top: 0px; }
body #wrapper #container .AbstandAußenObenXXXS { margin-top: var(--XXXS); }
body #wrapper #container .AbstandAußenObenXXS { margin-top: var(--XXS); }
body #wrapper #container .AbstandAußenObenXS { margin-top: var(--XS); }
body #wrapper #container .AbstandAußenObenS { margin-top: var(--S); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenM { margin-top: var(--M); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenL { margin-top: var(--L); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXL { margin-top: var(--XL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXXL { margin-top: var(--XXL); @media(max-width:767px){ padding-top: 20px; } }
body #wrapper #container .AbstandAußenObenXXXL { margin-top: var(--XXXL); @media(max-width:767px){ padding-top: 20px; } }

body #wrapper #container .AbstandAußenRechts0 { margin-right: 0px; }
body #wrapper #container .AbstandAußenRechtsXXXS { margin-right: var(--XXXS); }
body #wrapper #container .AbstandAußenRechtsXXS { margin-right: var(--XXS); }
body #wrapper #container .AbstandAußenRechtsXS { margin-right: var(--XS); }
body #wrapper #container .AbstandAußenRechtsS { margin-right: var(--S); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsM { margin-right: var(--M); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsL { margin-right: var(--L); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXL { margin-right: var(--XL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXXL { margin-right: var(--XXL); @media(max-width:767px){ padding-right: 20px; } }
body #wrapper #container .AbstandAußenRechtsXXXL { margin-right: var(--XXXL); @media(max-width:767px){ padding-right: 20px; } }

body #wrapper #container .AbstandAußenUnten0 { margin-bottom: 0px; }
body #wrapper #container .AbstandAußenUntenXXXS { margin-bottom: var(--XXXS); }
body #wrapper #container .AbstandAußenUntenXXS { margin-bottom: var(--XXS); }
body #wrapper #container .AbstandAußenUntenXS { margin-bottom: var(--XS); }
body #wrapper #container .AbstandAußenUntenS { margin-bottom: var(--S); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenM { margin-bottom: var(--M); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenL { margin-bottom: var(--L); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXL { margin-bottom: var(--XL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXXL { margin-bottom: var(--XXL); @media(max-width:767px){ padding-bottom: 20px; } }
body #wrapper #container .AbstandAußenUntenXXXL { margin-bottom: var(--XXXL); @media(max-width:767px){ padding-bottom: 20px; } }

body #wrapper #container .AbstandAußenLinks0 { margin-left: 0px; }
body #wrapper #container .AbstandAußenLinksXXXS { margin-left: var(--XXXS); }
body #wrapper #container .AbstandAußenLinksXXS { margin-left: var(--XXS); }
body #wrapper #container .AbstandAußenLinksXS { margin-left: var(--XS); }
body #wrapper #container .AbstandAußenLinksS { margin-left: var(--S); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksM { margin-left: var(--M); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksL { margin-left: var(--L); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXL { margin-left: var(--XL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXXL { margin-left: var(--XXL); @media(max-width:767px){ padding-left: 20px; } }
body #wrapper #container .AbstandAußenLinksXXXL { margin-left: var(--XXXL); @media(max-width:767px){ padding-left: 20px; } }


body #wrapper #container .AbstandMobil0 { @media(max-width:767px){ padding: 0; } }
body #wrapper #container .AbstandMobilXXXS { @media(max-width:767px){ padding: var(--XXXS); } }
body #wrapper #container .AbstandMobilXXS { @media(max-width:767px){ padding: var(--XXS); } }
body #wrapper #container .AbstandMobilXS { @media(max-width:767px){ padding: var(--XS); } }
body #wrapper #container .AbstandMobilS { @media(max-width:767px){ padding: var(--S); } }
body #wrapper #container .AbstandMobilM { @media(max-width:767px){ padding: var(--M); } }
body #wrapper #container .AbstandMobilL { @media(max-width:767px){ padding: var(--L); } }
body #wrapper #container .AbstandMobilXL { @media(max-width:767px){ padding: var(--XL); } }
body #wrapper #container .AbstandMobilXXL { @media(max-width:767px){ padding: var(--XXL); } }
body #wrapper #container .AbstandMobilXXXL { @media(max-width:767px){ padding: var(--XXXL); } }
body #wrapper #container .AbstandMobilXXXXL { @media(max-width:767px){ padding: 250px; } }

body #wrapper #container .AbstandMobilOben0 { @media(max-width:767px){ padding-top: 0px; } }
body #wrapper #container .AbstandMobilObenXXXS { @media(max-width:767px){ padding-top: var(--XXXS); } }
body #wrapper #container .AbstandMobilObenXXS { @media(max-width:767px){ padding-top: var(--XXS); } }
body #wrapper #container .AbstandMobilObenXS { @media(max-width:767px){ padding-top: var(--XS); } }
body #wrapper #container .AbstandMobilObenS { @media(max-width:767px){ padding-top: var(--S); } }
body #wrapper #container .AbstandMobilObenM { @media(max-width:767px){ padding-top: var(--M); } }
body #wrapper #container .AbstandMobilObenL { @media(max-width:767px){ padding-top: var(--L); } }
body #wrapper #container .AbstandMobilObenXL { @media(max-width:767px){ padding-top: var(--XL); } }
body #wrapper #container .AbstandMobilObenXXL { @media(max-width:767px){ padding-top: var(--XXL); } }
body #wrapper #container .AbstandMobilObenXXXL { @media(max-width:767px){ padding-top: var(--XXXL); } }

body #wrapper #container .AbstandMobilRechts0 { @media(max-width:767px){ padding-right: 0px; } }
body #wrapper #container .AbstandMobilRechtsXXXS { @media(max-width:767px){ padding-right: var(--XXXS); } }
body #wrapper #container .AbstandMobilRechtsXXS { @media(max-width:767px){ padding-right: var(--XXS); } }
body #wrapper #container .AbstandMobilRechtsXS { @media(max-width:767px){ padding-right: var(--XS); } }
body #wrapper #container .AbstandMobilRechtsS { @media(max-width:767px){ padding-right: var(--S); } }
body #wrapper #container .AbstandMobilRechtsM { @media(max-width:767px){ padding-right: var(--M); } }
body #wrapper #container .AbstandMobilRechtsL { @media(max-width:767px){ padding-right: var(--L); } }
body #wrapper #container .AbstandMobilRechtsXL { @media(max-width:767px){ padding-right: var(--XL); } }
body #wrapper #container .AbstandMobilRechtsXXL { @media(max-width:767px){ padding-right: var(--XXL); } }
body #wrapper #container .AbstandMobilRechtsXXXL { @media(max-width:767px){ padding-right: var(--XXXL); } }

body #wrapper #container .AbstandMobilUnten0 { @media(max-width:767px){ padding-bottom: 0px; } }
body #wrapper #container .AbstandMobilUntenXXXS { @media(max-width:767px){ padding-bottom: var(--XXXS); } }
body #wrapper #container .AbstandMobilUntenXXS { @media(max-width:767px){ padding-bottom: var(--XXS); } }
body #wrapper #container .AbstandMobilUntenXS { @media(max-width:767px){ padding-bottom: var(--XS); } }
body #wrapper #container .AbstandMobilUntenS { @media(max-width:767px){ padding-bottom: var(--S); } }
body #wrapper #container .AbstandMobilUntenM { @media(max-width:767px){ padding-bottom: var(--M); } }
body #wrapper #container .AbstandMobilUntenL { @media(max-width:767px){ padding-bottom: var(--L); } }
body #wrapper #container .AbstandMobilUntenXL { @media(max-width:767px){ padding-bottom: var(--XL); } }
body #wrapper #container .AbstandMobilUntenXXL { @media(max-width:767px){ padding-bottom: var(--XXL); } }
body #wrapper #container .AbstandMobilUntenXXXL { @media(max-width:767px){ padding-bottom: var(--XXXL); } }

body #wrapper #container .AbstandMobilLinks0 { @media(max-width:767px){ padding-left: 0px; } }
body #wrapper #container .AbstandMobilLinksXXXS { @media(max-width:767px){ padding-left: var(--XXXS); } }
body #wrapper #container .AbstandMobilLinksXXS { @media(max-width:767px){ padding-left: var(--XXS); } }
body #wrapper #container .AbstandMobilLinksXS { @media(max-width:767px){ padding-left: var(--XS); } }
body #wrapper #container .AbstandMobilLinksS { @media(max-width:767px){ padding-left: var(--S); } }
body #wrapper #container .AbstandMobilLinksM { @media(max-width:767px){ padding-left: var(--M); } }
body #wrapper #container .AbstandMobilLinksL { @media(max-width:767px){ padding-left: var(--L); } }
body #wrapper #container .AbstandMobilLinksXL { @media(max-width:767px){ padding-left: var(--XL); } }
body #wrapper #container .AbstandMobilLinksXXL { @media(max-width:767px){ padding-left: var(--XXL); } }
body #wrapper #container .AbstandMobilLinksXXXL { @media(max-width:767px){ padding-left: var(--XXXL); } }


body #wrapper #container .AbstandNegativOben0 { margin-top: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXXS { margin-top: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXS { margin-top: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXS { margin-top: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenS { margin-top: calc( -1 * var(--S) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenM { margin-top: calc( -1 * var(--M) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenL { margin-top: calc( -1 * var(--L) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXL { margin-top: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXL { margin-top: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativObenXXXL { margin-top: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-top: 0; } }

body #wrapper #container .AbstandNegativRechts0 { margin-right: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXXXS { margin-right: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXXS { margin-right: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsXS { margin-right: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativRechtsS { margin-right: calc( -1 * var(--S) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsM { margin-right: calc( -1 * var(--M) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsL { margin-right: calc( -1 * var(--L) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXL { margin-right: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXXL { margin-right: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-right: 0; } }
body #wrapper #container .AbstandNegativRechtsXXXL { margin-right: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-right: 0; } }

body #wrapper #container .AbstandNegativUnten0 { margin-bottom: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXXXS { margin-bottom: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXXS { margin-bottom: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenXS { margin-bottom: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativUntenS { margin-bottom: calc( -1 * var(--S) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenM { margin-bottom: calc( -1 * var(--M) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenL { margin-bottom: calc( -1 * var(--L) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXL { margin-bottom: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXXL { margin-bottom: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-bottom: 0; } }
body #wrapper #container .AbstandNegativUntenXXXL { margin-bottom: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-bottom: 0; } }

body #wrapper #container .AbstandNegativLinks0 { margin-left: 0; @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXXXS { margin-left: calc( -1 * var(--XXXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXXS { margin-left: calc( -1 * var(--XXS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksXS { margin-left: calc( -1 * var(--XS) ); @media(max-width:767px){ margin-top: 0; } }
body #wrapper #container .AbstandNegativLinksS { margin-left: calc( -1 * var(--S) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksM { margin-left: calc( -1 * var(--M) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksL { margin-left: calc( -1 * var(--L) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXL { margin-left: calc( -1 * var(--XL) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXXL { margin-left: calc( -1 * var(--XXL) ); @media(max-width:767px){ margin-left: 0; } }
body #wrapper #container .AbstandNegativLinksXXXL { margin-left: calc( -1 * var(--XXXL) ); @media(max-width:767px){ margin-left: 0; } }

/************************************************************* FARBEN *************************************************************/
.SchriftfarbeTextWeiß:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeWeiß strong, .kursivSchriftfarbeWeiß em, .ÜberschriftfarbeWeiß :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.SchriftfarbeWeiß { color: #fff;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
	svg.icon, svg { fill: #fff; }
}
.SchriftfarbeTextSchwarz:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeSchwarz strong, .kursivSchriftfarbeSchwarz em, .ÜberschriftfarbeSchwarz :is(h1, h2, h3, h4, h5, h6) { color: #000; }
.SchriftfarbeSchwarz { color: #000;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #000; }
	svg.icon, svg { fill: #000; }
}
.SchriftfarbeTextGrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeGrau strong, .kursivSchriftfarbeGrau em, .ÜberschriftfarbeGrau :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; }
.SchriftfarbeGrau { color: #f8f8f8;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #f8f8f8; }
	svg.icon, svg { fill: #f8f8f8; }
}
.SchriftfarbeTextDunkelgrau:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbeDunkelgrau strong, .kursivSchriftfarbeDunkelgrau em, .ÜberschriftfarbeDunkelgrau :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; }
.SchriftfarbeDunkelgrau { color: #1b2125;
	a, :is(h1, h2, h3, h4, h5, h6) { color: #1b2125; }
	svg.icon, svg { fill: #1b2125; }
}

.SchriftfarbeText1:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe1 strong, .kursivSchriftfarbe1 em, .Überschriftfarbe1 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe1:is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); }
.Schriftfarbe1 { color: var(--color_1);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_1); }
	svg.icon, svg { fill: var(--color_1); }
}
.SchriftfarbeText2:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe2 strong, .kursivSchriftfarbe2 em, .Überschriftfarbe2 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe2:is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); }
.Schriftfarbe2 { color: var(--color_2);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_2); }
	svg.icon, svg { fill: var(--color_2); }
}
.SchriftfarbeText3:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe3 strong, .kursivSchriftfarbe3 em, .Überschriftfarbe3 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe3:is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); }
.Schriftfarbe3 { color: var(--color_3);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_3); }
	svg.icon, svg { fill: var(--color_3); }
}
.SchriftfarbeText4:not(:is(h1,h2,h3,h4,h5,h6)), .fettSchriftfarbe4 strong, .kursivSchriftfarbe4 em, .Überschriftfarbe4 :is(h1, h2, h3, h4, h5, h6), .Überschriftfarbe4:is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); }
.Schriftfarbe4 { color: var(--color_4);
	a, :is(h1, h2, h3, h4, h5, h6) { color: var(--color_4); }
	svg.icon, svg { fill: var(--color_4); }
}

#wrapper .Hintergrund1, .fettHintergrund1 strong { background-color: var(--color_1); }
#wrapper .Hintergrund1.HintergrundTransparent { background-color: color-mix(in lab, var(--color_1), transparent 80%); }

#wrapper .Hintergrund2, .fettHintergrund2 strong { background-color: var(--color_2); }
#wrapper .Hintergrund2.HintergrundTransparent { background-color: color-mix(in lab, var(--color_2), transparent 80%); }

#wrapper .Hintergrund3, .fettHintergrund3 strong { background-color: var(--color_3); }
#wrapper .Hintergrund3.HintergrundTransparent { background-color: color-mix(in lab, var(--color_3), transparent 80%); }

#wrapper .Hintergrund4, .fettHintergrund4 strong { background-color: var(--color_4); }
#wrapper .Hintergrund4.HintergrundTransparent { background-color: color-mix(in lab, var(--color_4), transparent 80%); }

#wrapper .Hintergrund5, .fettHintergrund5 strong { background-color: var(--color_5); }
#wrapper .Hintergrund5.HintergrundTransparent { background-color: color-mix(in lab, var(--color_5), transparent 80%); }

#wrapper .HintergrundWeiß, .fettHintergrundWeiß strong { background-color: #fff; color: var(--font_color); }
#wrapper .HintergrundWeiß.HintergrundTransparent { background-color: color-mix(in lab, #fff, transparent 80%); }

#wrapper .HintergrundSchwarz, .fettHintergrundSchwarz strong { background-color: #000; }
#wrapper .HintergrundSchwarz.HintergrundTransparent { background-color: color-mix(in lab, #000, transparent 80%); }

#wrapper .HintergrundDunkelgrau, .fettHintergrundDunkelgrau strong { background-color: #1b2125; }
#wrapper .HintergrundDunkelgrau.HintergrundTransparent { background-color: color-mix(in lab, #1b2125, transparent 80%); }

#wrapper .HintergrundGrau, .fettHintergrundGrau strong { background-color: #f8f8f8; }
#wrapper .HintergrundGrau.HintergrundTransparent { background-color: color-mix(in lab, #f8f8f8, transparent 80%); }

.HintergrundTextWeiß .rte { background-color: #fff; }
.HintergrundTextGrau .rte { background-color: #f8f8f8; }
.HintergrundTextSchwarz .rte { background-color: #000; }
.HintergrundText1 .rte { background-color: var(--color_1); }
.HintergrundText2 .rte { background-color: var(--color_2); }
.HintergrundText3 .rte { background-color: var(--color_3); }
.HintergrundText4 .rte { background-color: var(--color_4); }

.Iconfarbe1 svg { fill: var(--color_1); }
.Iconfarbe2 svg { fill: var(--color_2); }
.Iconfarbe3 svg { fill: var(--color_3); }
.Iconfarbe4 svg { fill: var(--color_4); }
.Iconfarbe5 svg { fill: var(--color_5); }
.IconfarbeWeiß svg { fill: #fff; }
.IconfarbeSchwarz svg { fill: #000; }
.IconfarbeGrau svg { fill: #444; }
.IconfarbeSchriftfarbe svg { fill: var(--font_color, #000); }

#header .mod_navigation li.Navigationsfarbe1 > * { color: var(--color_1); }
#header .mod_navigation li.Navigationsfarbe2 > * { color: var(--color_2); }
#header .mod_navigation li.Navigationsfarbe3 > * { color: var(--color_3); }
#header .mod_navigation li.Navigationsfarbe4 > * { color: var(--color_4); }

#header .mod_navigation li.Navigationshintergrund1 > * { background: var(--color_1); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund2 > * { background: var(--color_2); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund3 > * { background: var(--color_3); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund4 > * { background: var(--color_4); border-radius: 10px; }
#header .mod_navigation li.Navigationshintergrund5 > * { background: var(--color_5); border-radius: 10px; }
/************************************************************* SCROLLING *************************************************************/
#wrapper .beimScrollenObenFixieren { position: sticky; top: 0; }
/************************************************************* ICONS *************************************************************/
#wrapper .IcongrößeXXXS svg  { width: var(--XXXS); height: var(--XXXS); }
#wrapper .IcongrößeXXS svg  { width: var(--XXS); height: var(--XXS); }
#wrapper .IcongrößeXS svg  { width: var(--XS); height: var(--XS); }
#wrapper .IcongrößeS svg  { width: var(--S); height: var(--S); }
#wrapper .IcongrößeM svg  { width: var(--M); height: var(--M); }
#wrapper .IcongrößeL svg  { width: var(--L); height: var(--L); }
#wrapper .IcongrößeXL svg  { width: var(--XL); height: var(--XL); }
#wrapper .IcongrößeXXL svg  { width: var(--XXL); height: var(--XXL); }
#wrapper .IcongrößeXXXL svg  { width: var(--XXXL); height: var(--XXXL); }
/************************************************************* BUTTON *************************************************************/
html body .content-text {
	--button_border_color: var(--color_1, #000);
	--button_border_width: 1px;
	--button_border_radius: var(--button_border_radius, var(--border_radius, .25em));
	--button_font_color: var(--color_1, #000);
	--button_hover_font_color: #fff;
	--button_background_color: transparent;
	--button_hover_background_color: var(--color_1, transparent);
	--button_padding: .25rem 2rem;
	--button_font_size: 1em;
	
	&.ButtongrößeL { --button_padding: 1rem 5rem; }
	&.ButtonschriftL { --button_font_size: 1.3em; }
	&.ButtonrahmenL { --button_border_width: 2px; }
	&.ButtonrahmenXL { --button_border_width: 4px; }

	&.Buttonhintergrundfarbe {
		--button_font_color: #fff;
		--button_hover_font_color: var(--color_1, #000);
		--button_background_color: var(--color_1, transparent);
		--button_hover_background_color: transparent;
	}
	
	&.LinkAlsButton2, &.fettAlsButton2, &.kursiverLinkAlsButton2 {
		--button_border_color: var(--color_2, #000);
		--button_font_color: var(--color_2, #fff);
		--button_hover_background_color: var(--color_2, transparent);

		&.Buttonhintergrundfarbe {
			--button_font_color: #fff;
			--button_hover_font_color: var(--color_2, #000);
			--button_background_color: var(--color_2, transparent);
			--button_hover_background_color: transparent;
		}
	}

	&.Buttonschriftfarbe1 p { --button_font_color: var(--color_1, #000); }
	&.Buttonschriftfarbe2 p { --button_font_color: var(--color_2, #000); }
	&.Buttonschriftfarbe3 p { --button_font_color: var(--color_3, #000); }
	&.Buttonschriftfarbe4 p { --button_font_color: var(--color_4, #000); }
	&.ButtonschriftfarbeWeiß p { --button_font_color: #fff; }
	&.ButtonschriftfarbeSchwarz p { --button_font_color: #000; }
	&.ButtonschriftfarbeGrau p { --button_font_color: #444; }
	
	&.Buttonhoverschriftfarbe1 a { --button_hover_font_color: var(--color_1, #000); }
	&.Buttonhoverschriftfarbe2 a { --button_hover_font_color: var(--color_2, #000); }
	&.Buttonhoverschriftfarbe3 a { --button_hover_font_color: var(--color_3, #000); }
	&.Buttonhoverschriftfarbe4 a { --button_hover_font_color: var(--color_4, #000); }
	&.ButtonhoverschriftfarbeWeiß a { --button_hover_font_color: #fff; }
	&.ButtonhoverschriftfarbeSchwarz a { --button_hover_font_color: #000; }
	&.ButtonhoverschriftfarbeGrau a { --button_hover_font_color: #f8f8f8; }

	&.LinkAlsButton, &.LinkAlsButton2, &.kursiverLinkAlsButton, &.kursiverLinkAlsButton2, &.fettAlsButton, &.fettAlsButton2 { 
		position: relative;
		&:not(.kursiverLinkAlsButton) .rte strong a,
		&:not(.kursiverLinkAlsButton) .rte a strong { font-weight: var(--font_width_strong); }
		&:not(.kursiverLinkAlsButton) .rte a, 
		&:not(.LinkAlsButton) .rte em a,
		&:not(.LinkAlsButton) .rte a em,
		&.fettAlsButton .rte strong { 
			border: var(--button_border_width) solid var(--button_border_color);
			color: var(--button_font_color);
			background: var(--button_background_color);
			cursor: pointer;
			display: inline-block;
			font-style: normal; 
			font-size: var(--button_font_size);
			border-radius: var(--button_border_radius);
			text-decoration: none; 
			padding: var(--button_padding);
			line-height: 1.4;
			transition: all 0.25s ease-in-out;
			svg, svg.icon { 
				fill: var(--button_font_color); 
				transition: all 0.25s ease-in-out;
			}
			&:before { display: none; }
			&:hover { 
				background: var(--button_hover_background_color);
				color: var(--button_hover_font_color);
				svg, svg.icon { fill: var(--button_hover_font_color); }
			}
    	}
	}
}
/************************************************************* animierterUnterstrich *************************************************************/
body.scroll-down .animierterUnterstrich s:nth-of-type(1):after, 
body:not(.scroll-down) .animierterUnterstrich s:nth-of-type(2):after { width: 0; }
.animierterUnterstrich {
	s { text-decoration: none; }
	s:nth-of-type(1), s:nth-of-type(2) { position: relative; font-size: inherit; line-height: inherit; vertical-align: inherit; }
	s:nth-of-type(1):after { left: 0; }
 	s:nth-of-type(2):after { right: 0; }
	s:nth-of-type(1):after, s:nth-of-type(2):after {
		content: "";
		position: absolute;
		bottom: -0.1em;
		width: 100%;
		min-height: 3px;
		height: 0.2em;
		background: var(--color_1);
		z-index: -1;
		transition: width .9s;
	}
}
.Hintergrund1,
.Hintergrund2,
.Hintergrund3,
.Hintergrund4,
.Hintergrund5,
.HintergrundSchwarz,
.HintergrundDunkelgrau {
	.animierterUnterstrich {
		s:nth-of-type(1):after, s:nth-of-type(2):after {
			background: #fff;
		}
	}
}

:root {
	--color_1: #E1E6D5;
	--color_2: #F6D156;
	--color_3: #8E8256;
    --color_4: #ECEEEC;
    --color_5: #5D686E;
	
	--font_family: 'League Spartan', sans-serif;
    --font_color: #5D686E;
    --font_weight: 200;
    --font_size: 24px;
    @media(max-width:1023px){  
        --font_size: 20px;
    }
    --line_height: 1.25;

    --border_color: #5D686E;

    --article_margin: 130px;
    @media(max-width:1023px){  
        --article_margin: 20px;
    }
    --image_margin: 110px;

    --footer_width: 1198px;

	--fade_duration: 1.5s;
	--move_duration: 1.5s;
	--ivp_animation_delay: 0s;

    --nav-breakpoint: 9999;
    --nav-color: var(--font_color, #444); /* Textfarbe */
    --nav-active-color: var(--color_1);
    --nav-item-line-height: 1.5;
    --nav-font-size: 20px;
    --nav-font-weight: 400;
    --nav-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M9 18l6-6-6-6"/></svg>');
    --nav-icon-background: transparent;
	--nav-mobile-background: #fff;
    --nav-mobile-color: var(--font_color, #444); /* Textfarbe */;
    --nav-mobile-active-background: var(--color_4);
    --nav-mobile-active-color: var(--color_3);
    --nav-mobile-active-border-color: var(--color_1);
    --nav-mobile-btn-clr: var(--color_1);
    --nav-mobile-separator-color: #ddd;
    --nav-mobile-padding: 51px 20px 20px;
    --nav-mobile-font-size: 18px;
    --nav-mobile-backdrop-height: 0;
    --nav-mobile-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>');
    --nav-submenu-background: #fff;
    --nav-burger-line-color: var(--color_1);
}
.invisible { display: none; }
.preload * { transition: none; }

.mod_article {
    &>*+* { 
        margin-block-start: 100px; 
        @media(max-width:1023px){  
            margin-block-start: 20px; 
        }
    }
}

.rte a, a {
    color: var(--font_color);
    text-decoration: underline;
}

body { 
    background: var(--color_4); 
    &.Hintergrund1 { 
        background: var(--color_1); 
        #header { background: var(--color_1); }
    }
    &.Hintergrund2 { background: var(--color_2); }
    &.Hintergrund3 { background: var(--color_3); }
}

.content-text>.rte>*+:is(p,ul,ol) { margin-block-start: 1.2em; }
.content-text.ZeilenabstandSchriftS>.rte>*+:is(p,ul,ol) { margin-block-start: .5em; }
.content-text.ZeilenabstandÜberschrift0>.rte>*+:is(h1,h2,h3,h4,h5,h6) { margin-block-start: 0; }

.Textbreite100 .rte { width: 100px; max-width: 100%; }
.Textbreite150 .rte { width: 150px; max-width: 100%; }
.Textbreite200 .rte { width: 200px; max-width: 100%; }
.Textbreite250 .rte { width: 250px; max-width: 100%; }
.Textbreite300 .rte { width: 300px; max-width: 100%; }
.Textbreite350 .rte { width: 350px; max-width: 100%; }
.Textbreite400 .rte { width: 400px; max-width: 100%; }
.Textbreite450 .rte { width: 450px; max-width: 100%; }
.Textbreite500 .rte { width: 500px; max-width: 100%; }
.Textbreite550 .rte { width: 550px; max-width: 100%; }
.Textbreite600 .rte { width: 600px; max-width: 100%; }
.Textbreite650 .rte { width: 650px; max-width: 100%; }
.Textbreite700 .rte { width: 700px; max-width: 100%; }
.Textbreite750 .rte { width: 750px; max-width: 100%; }
.Textbreite800 .rte { width: 800px; max-width: 100%; }
.Textbreite850 .rte { width: 850px; max-width: 100%; }
.Textbreite900 .rte { width: 900px; max-width: 100%; }
.Textbreite950 .rte { width: 950px; max-width: 100%; }
.Textbreite1000 .rte { width: 1000px; max-width: 100%; }
.Textbreite1050 .rte { width: 1050px; max-width: 100%; }
.Textbreite1100 .rte { width: 1100px; max-width: 100%; }
.Textbreite1150 .rte { width: 1150px; max-width: 100%; }
.Textbreite1200 .rte { width: 1200px; max-width: 100%; }
.Textbreite1250 .rte { width: 1250px; max-width: 100%; }
.Textbreite1300 .rte { width: 1300px; max-width: 100%; }
.Textbreite1350 .rte { width: 1350px; max-width: 100%; }
.Textbreite1400 .rte { width: 1400px; max-width: 100%; }
.TextRechts .rte { margin-right: 0; margin-left: auto; }

h1, h2 {
    font-size: 90px;
    font-weight: 100;
    line-height: 1;
    @media(max-width:1023px){  
        font-size: 40px;
    }
}
.AbstandÜberschriftUntenM h1, .AbstandÜberschriftUntenM h2 {
    padding-bottom: 30px;
    @media(max-width:1023px){  
        padding-bottom: 0;
    }
}
h3 {
    font-size: 37.38px;
    line-height: 40px;
    font-weight: 100;
    @media(max-width:1023px){  
        font-size: 24px;
        line-height: 1.2;
    }
}

.Blumen { 
    .custom_swiper { 
        figure { 
            text-align: center; 
            img { display: inline-block; } 
        }
    }
        .button_wrapper button {
            width: 300px;
            height: 100%;
            top: 0;
            background-repeat: no-repeat;
            background-position: center left;
            &.swiper-button-prev {
                background-position: center right;
            }
            @media(max-width:1023px){  
                width: 50px;
            }
            svg { display: none; }
        }
}
.Team .custom_swiper {
    width: 750px;
    max-width: 100%;
    margin: auto;
    .rte {
        margin-top: 0;
        padding-top: 20px;
    }
}

.Hintergrund1.Videos {
    @media(max-width:1023px){  
        width: 100vw;
    }
}

body .content-custom-swiper.Team figure {
    text-align: center;
    img { display: inline-block; }
} 
body .content-custom-swiper { 
    @media(max-width:1023px){  
        padding-left: 10px;
        padding-right: 10px;
    }
}
body .content-custom-swiper .button_wrapper button.swiper-button-next,
body .content-swiper button.swiper-button-next { 
    background-image: url('/files/layout/icons/arrow_right.svg'); 
    border: 0;
    background-color: transparent;
    svg { display: none; } 
}
body .content-custom-swiper .button_wrapper button.swiper-button-prev,
body .content-swiper button.swiper-button-prev { 
    background-image: url('/files/layout/icons/arrow_left.svg'); 
    border: 0;
    background-color: transparent;
    svg { display: none; } 
}
body .content-swiper .swiper-pagination { display: none; }

.swiper-button-next, .swiper-button-prev {
    &.swiper-button-disabled { opacity: 0; }
}

body .Videos { 
    @media(max-width:1023px){  
        width: calc( 100vw - 20px);
    }
    .content-custom-swiper .button_wrapper button,
    .content-swiper button { background-repeat: no-repeat; background-position: center; }
    .content-custom-swiper .button_wrapper button.swiper-button-next,
    .content-swiper button.swiper-button-next { background-image: url('/files/layout/icons/arrow_white_right.svg'); }
    .content-custom-swiper .button_wrapper button.swiper-button-prev,
    .content-swiper button.swiper-button-prev { background-image: url('/files/layout/icons/arrow_white_left.svg'); }
    h3 {
        color: #111;
        @media(max-width:1023px){  
            margin-top: 40px;
        }
    }
    .content-custom-swiper, .content-swiper { 
        margin-top: 60px; 
        @media(max-width:1023px){  
            margin-top: 20px;
            padding-left: 0;
            padding-right: 0;
        }
    }
    .content-text {
        cursor: pointer;
        &:not(.active) { 
            opacity: .5; 
            cursor: default;
        }
    }
    .VideoButtons {
        width: fit-content;
        background: #fff;
        border-radius: 5px;
        padding: 20px 10px;
        display: grid;
        grid-template-columns: repeat(4, 100px);
        margin: 5px auto 0; 
        @media(max-width:1023px){  
            padding: 15px 3px;
            width: calc( 100vw - 20px);
            grid-template-columns: repeat(4, auto);
            .content-text { max-width: 80px; }
        }
        figure {
            margin-bottom: 0;
            text-align: center;
            img { display: inline-block; }
        }
        .rte {
            margin-top: 5px;
            text-align: center;
        }
    }
    figure { text-align: center; }
}

.AbstandNegativBildObenS figure { 
    margin-top: -50px; 
    @media(max-width:1023px){  
        margin-top: 0;
    }
}
.BildRahmenUnten figure { border-bottom: 1px solid var(--border_color); }
.content-text ul li {
    padding: 10px 0;
}
.content-text.ListeKleineSchrift ul li, .FettKlein .rte strong {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    padding: 10px 0;
}
.FettKlein .rte strong { font-weight: 400; }

#header {
    background: var(--color_4);
    border-bottom: 0;
    padding-top: 50px;
    padding-bottom: 10px;
    transition: padding 1s ease;
    position: fixed;
    @media(max-width:1023px){  
        padding-top: 0px;
    }
    body.scrolled & {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    &>.inside>.content-element-group { 
        justify-content: space-between;
        .mod_logo { margin-right: 3vw; }
        @media(max-width:1023px){  
            .content-text { display: none; }
        }
    }
    .mod_navigation {
        flex-grow: 0;
        margin-left: 6vw;
    }
    button.nav-burger {
        .nav-burger__inner {    
            background-image: url('/files/layout/icons/burger.svg');
            background-repeat: no-repeat;
            background-position: 5px -1px;
            width: 55px;
            height: 55px;
            body.navigation-open & { background-image: url('/files/layout/icons/burger_close.svg'); }
            .icon-line { display: none; }
        }
    }
    .navigation-main { background: var(--color_4); }
}
body.nav-is-mobile #wrapper .navigation-main li.active :is(a,strong), body.nav-is-mobile #wrapper .navigation-main li.active,
body.nav-is-mobile #wrapper .navigation-main li :is(a,strong), body.nav-is-mobile #wrapper .navigation-main li
 {
    background: var(--color_4) !important; 
}


@media (min-width: 1024px) {
    body.nav-is-mobile #wrapper .navigation-main ul ul.level_2 li { padding-left: 0; }
    body.nav-is-mobile .navigation-main a, body.nav-is-mobile .navigation-main strong { padding: 5px 6px; }
    body:not(.nav-is-desktop) .navigation-main {
        margin-top: 0;
        display: grid;
        align-content: center;
    }
    body:not(.nav-is-desktop) .navigation-main {
        ul.level_1 {
            padding-top: 0px; 
            width: 1100px;
            margin: auto;
            display: grid;
            grid-template-columns: 260px 330px;
            gap: 0 5vw;
            justify-content: center;
            & > li:not(.submenu) { grid-column: 1 / 3; }
            & > li > :is(a,strong) { 
                font-size: 37.38px; 
            }
        }
    }
}
#container { 
    margin-top: 150px; 
    @media(max-width:1023px){  
        margin-top: 70px;
    }
} 
body.Startseite #container { 
    margin-top: 160px; 
    @media(max-width:1023px){  
        margin-top: 70px;
    }
}

#footer {
    background: transparent;
    margin-top: 170px; 
    @media(max-width:1023px){  
        font-size: 20px;
        margin-top: 40px;
        .BildAlsHintergrund { display: none; }
    }
    h3 a, a h3, h3 {
        color: var(--font_color);
        font-size: 37.38px;
        line-height: 40px;
        font-weight: 100;
        line-height: 1.5;
        @media(max-width:1023px){  
            font-size: 24px;
            line-height: 1.2;
        }
    }
    h3 i svg {
        width: auto;
        height: 33px;
        margin-right: 10px;
    }
    & > .inside > .content-element-group {
        padding-top: 240px;
        padding-left: 360px;
        @media(max-width:1023px){  
            padding-top: 20px;
            padding-left: 20px;
        }
        & > * {
            @media(max-width:1023px){  
                width: calc( 100vw - 29vw );
                width: 100%;
            }
        }
        p { font-weight: 200; }
        .content-element-group.Spalten2 { margin-top: 40px; margin-bottom: 60px; }
        & > .content-image {
            position: absolute; 
            left: 0; 
            top: 0; 
            width: 1247px;
            max-width: 100%;
            left: 50%;
            transform: translateX(-50%);
            z-index: -1;
        }
    }
    .AbstandÜberschriftUnten0 {
        h3 { margin-bottom: 0 !important; }
        p { margin-top: 0 !important; }
    }
    .EMailFusszeile { 
        margin-bottom: 50px; 
        @media(max-width:1023px){  
            width: calc( 100vw - 140px );
        }
    }
}

    .AbstandÜberschriftUnten0 {
        h3 { margin-bottom: 0 !important; }
        p { margin-top: 0 !important; }
    }

.mod_newslist {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    gap: 100px;
    @media(max-width:1023px){  
        grid-template-columns: 1fr;
    }
}

.mod_newslist .layout_latest { 
    padding: 1em; 
    background: #fff;
    height: fit-content;
    @media(max-width:1023px){  
        width: calc( 100vw - 20px);
        padding: .5em;
    }
    h2 {
        font-size: 37.38px;
        line-height: 40px;
        font-weight: 100;
        margin-bottom: 40px;
        color: var(--font_color);
        @media(max-width:1023px){  
            font-size: 24px;
            line-height: 1.2;
        }
        a {
            color: inherit;
            text-decoration: none;
            pointer-events: none;
        }
    }
    .info { display: none; }
    a { 
        color: var(--font_color); 
        text-decoration: underline;
    }
    .more { display: none; }
}

html body .content-text {
    &.LinkAlsButton, &.LinkAlsButton2, &.kursiverLinkAlsButton, &.kursiverLinkAlsButton2, &.fettAlsButton, &.fettAlsButton2 {
        &:not(.kursiverLinkAlsButton) .rte a, &:not(.LinkAlsButton) .rte em a, &:not(.LinkAlsButton) .rte a em, &.fettAlsButton .rte strong {
            --button_border_color: var(--color_3);
            --button_font_color: var(--color_3);
            border: var(--button_border_width) solid var(--button_border_color);
            color: var(--button_font_color);
            background: var(--button_background_color);
        }
    }
}
.Rahmen1 {
    border-color: var(--border_color);
}
strong svg, strong svg.icon { height: 60px !important; }

.BildNachObenVerschoben {
    top: calc( 12vw * -1 ); 
    margin-bottom: -200px;
    @media(max-width:1023px){  
        top: 0;
        margin-bottom: 0;
    }
    figure { 
        text-align: right;
        img { display: inline-block; }
    }
}

.VerschobenNachOben {
    top: calc(12vw * -1);
    z-index: 0;
    @media(max-width:1023px){  
        top: 0;
    }
}

.Mediathek .button_wrapper { display: none; }

@keyframes fadeInOut {
  0%, 20%, 100% {
    opacity: 0;
  }
  5%, 15% {
    opacity: 1;
  }
}


.Startbildschirm {
    padding-top: 30px;
    .Überschriften {
        width: 1250px;
        max-width: 100%;
        position: relative; /* Needed for absolute positioning of li */
        height: 100px; /* Adjust height to fit one line */
        font-size: 120px;
        font-weight: 100;
        line-height: 90px;
        color: var(--font_color);
        @media(max-width:1200px){ height: 1.2em; }
        @media(max-width:1023px){  
            font-size: 39px;
            line-height: 1;
            height: 3em;
        }
        ul { 
            padding-left: 0; 
            list-style: none; 
            @media(max-width:1023px){  
                margin-top: 0;
                margin-bottom: 0;
            }
        }
        li {
            /* Animation properties */
            position: absolute;
            width: 100%;
            opacity: 0; /* Start hidden */
            animation-name: fadeInOut;
            animation-duration: 12s; /* 5 items * 1.2s interval */
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            @media(max-width:1023px){  
                width: calc( 100vw - 20px );
            }
        }

        /* Stagger the animation delays */
        li:nth-child(1) { animation-delay: 0s; }
        li:nth-child(2) { animation-delay: 2.4s; }
        li:nth-child(3) { animation-delay: 4.8s; }
        li:nth-child(4) { animation-delay: 7.2s; }
        li:nth-child(5) { animation-delay: 9.6s; }
    }
    .Umschlag { 
        width: 1250px;
        max-width: 100%;
        position: relative; 
        margin-top: 40px;
        margin-bottom: 200px;
        @media(max-width:1023px){  
            margin-top: 0;
            margin-bottom: 60px;
        }
    }
    .BildTextBild {
        width: 1250px;
        max-width: 100%;
        display: grid;
        grid-template-columns: 230fr 450fr 410fr;
        gap: 40px;
        align-items: end;
        padding-bottom: 0;
        @media(max-width:1023px){  
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .Porträt img {
            width: 190px;
            height: auto;
        }
        .content-text {
            padding-bottom: 60px;
        }
        .Blumen {
            img {
                width: 410px;
                height: auto;
            }
            @media(max-width:1023px){  
                display: none;
            }
        }
    }
    .Linie {
        position: absolute;
        width: 1250px;
        max-width: 100%;
        padding-top: 0;
        margin-top: 0;
        bottom: -54px;
        @media(min-width:1250px){ bottom: -61px; }
        @media(max-width:1023px){  
            width: calc( 100vw - 20px );
            bottom: 0;
            position: relative;
            img {
                height: 150px;
                object-fit: cover;
                object-position: right;
            }
        }
    }
    .Teaser {
        padding-top: 30px;
        @media(max-width:1023px){  
            padding-top: 0px;
        }
        .ÜberschriftWeichtDemText {
            display: grid;
            grid-template-columns: 1fr;
            @media(max-width:1023px){  
                width: calc( 100vw - 20px );
            }
            .Überschrift {
                grid-column: 1 / 2;
                transition: all 1s ease;
                @media(max-width:1023px){  
                    
                }
                h2 {
                    font-size: 90px;
                    line-height: 1;
                    margin-top: 0;
                    &:nth-child(1) { color: #9EA7AD; }
                    @media(max-width:1023px){  
                        font-size: 40px;
                    }
                }
                .ÜberschriftWeichtDemText:hover & {
                    translate: 0 -200px;
                    opacity: 0;
                    @media(max-width:1023px){ 
                        translate: 0 0; 
                        opacity: 1;
                    }
                }
            }
            .Text {
                font-size: 37.38px;
                position: absolute;
                width: 100%;
                grid-column: 1 / 2;
                opacity: 0;
                translate: 0 -200px;
                transition: all 1s ease;
                @media(max-width:1023px){  
                    font-size: 24px;
                    translate: 0 0;
                    position: relative;
                    opacity: 1;
                    padding-top: 20px;
                }
                .ÜberschriftWeichtDemText:hover & {
                    translate: 0 0;
                    opacity: 1;
                }
            }
            .Button {
                margin-top: 30px;
                @media(max-width:1023px){  
                    margin-bottom: 60px;
                }
            }
        }
    }
    a {
        border: 1px solid var(--border_color);
        padding: 12px 24px;
        font-size: 37.38px;
        text-decoration: none;
        @media(max-width:1023px){  
            font-size: 24px;
            padding: 8px 16px;
        }
        &:hover {
            outline: 5px solid var(--color_2);
        }
    }
    .zweiBilderUntText {
        padding-top: 170px;
        width: 1250px;
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(12, 1fr);
        gap: 20px;
        @media(max-width:1023px){  
            display: flex;
            flex-direction: column;
        }
        .content-image:nth-child(1) {
            grid-column: 5 / 13;
            grid-row: 1 / 6;
            height: 420px;
            overflow: hidden; 
            @media(max-width:1023px){ order: 1; }
            figure, picture { width: 100%; height: 100%; }
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .content-image:nth-child(2) {
            grid-column: 1 / 7;
            grid-row: 4 / 13;
            @media(max-width:1023px){ order: 4; }
            img {
                width: 100%;
                height: auto;
            }
        }
        .ÜberschriftÜberBild {
            grid-column: 2 / 13;
            grid-row: 3 / 7;
            align-self: end;
            position: relative;
            top: 50px;
            @media(max-width:1023px){  
                top: 0;
                margin-top: 40px;
                margin-bottom: 20px;
                order: 2;
            }
            h2 {
                margin-top: 0;
                color: #000;
                strong {
                    font-weight: 100;
                    color: #5D686E;
                }
            }
        }
        .TextMitLink {
            grid-column: 8 / 13;
            grid-row: 6 / 12;
            align-self: center;
            @media(max-width:1023px){  
                margin-bottom: 60px;
                order: 3;
            }
        }
    }  
}

.nachObenScrollen { text-align: right; }

.widget {
    
    --form_input_padding: 3px 10px;
}
.widget input, .widget textarea {
    border-radius: 0;
    border: 1px solid var(--border_color);
    padding: 12px 24px;
    font-size: 24px;
    color: var(--font_color);
    font-weight: 100;
    @media(max-width:1023px){  
        font-size: 20px;
        padding: 8px 16px;
    }
}
button.submit {
    border-radius: 0;
    border: 1px solid var(--border_color);
    padding: 12px 24px;
    font-size: 24px;
    color: var(--font_color);
    text-decoration: none;
    font-weight: 100;
    @media(max-width:1023px){  
        font-size: 24px;
        padding: 8px 16px;
    }
    &:hover {
        outline: 5px solid var(--color_2);
    }
}