.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
:root {
  --base-spacing-unit-sm: calc(var(--base-spacing-unit) / 2);
  --base-spacing-unit: 1rem;
  --links-outline-focus: 2px dotted
    var(--links-outline-color, var(--color-highlight));
  --links-outline-active: none;
  --links-color: var(--color-brand-secondary);
  --links-color-visited: var(--links-color);
  --base-border-radius: 10px;
  --base-box-shadow: var(--shadow-2);
  --base-font-family: var(--base-font-family-1);
  --base-font-size-xs: 0.875rem;
  --base-line-height: 1.625;
  --base-font-weight: 300;
  --color-page-background: #fff;
  --color-text: var(--color-gray-dark);
  --base-font-size: 1rem;
  --base-font-size-lg: 1.125rem;
  --base-font-size-xl: 1.25rem;
  --h1-font-family: var(--headings-font-family);
  --h1-font-size: 1.75rem;
  --h1-font-weight: var(--headings-font-weight);
  --h1-line-height: 1.25;
  --h1-color: var(--headings-color);
  --h1-spacing-top: 0;
  --h1-spacing-bottom: 1.5rem;
  --h1-font-size-sm: 1.75rem;
  --h1-font-size-md: 2.125rem;
  --h1-font-size-lg: 2.125rem;
  --h1-font-size-xl: 2.25rem;
  --h2-font-family: var(--headings-font-family);
  --h2-font-size: 1.625rem;
  --h2-font-weight: var(--headings-font-weight);
  --h2-line-height: 1.25;
  --h2-color: var(--headings-color);
  --h2-spacing-top: 0;
  --h2-spacing-bottom: 1.5rem;
  --h2-font-size-sm: 1.625rem;
  --h2-font-size-md: 1.75rem;
  --h2-font-size-lg: 1.75rem;
  --h2-font-size-xl: 1.875rem;
  --h3-font-family: var(--headings-font-family);
  --h3-font-size: 1.375rem;
  --h3-font-weight: var(--headings-font-weight);
  --h3-line-height: 1.25;
  --h3-color: var(--headings-color);
  --h3-spacing-top: 0;
  --h3-spacing-bottom: 1rem;
  --h3-font-size-sm: 1.375rem;
  --h3-font-size-md: 1.5rem;
  --h3-font-size-lg: 1.5rem;
  --h3-font-size-xl: 1.5rem;
  --h4-font-family: var(--headings-font-family);
  --h4-font-size: 1.125rem;
  --h4-font-weight: var(--headings-font-weight);
  --h4-line-height: 1.25;
  --h4-color: var(--headings-color);
  --h4-spacing-top: 0;
  --h4-spacing-bottom: 0.5rem;
  --h4-font-size-sm: 1.125rem;
  --h4-font-size-md: 1.25rem;
  --h4-font-size-lg: 1.25rem;
  --h4-font-size-xl: 1.25rem;
  --h5-font-family: var(--headings-font-family);
  --h5-font-size: 1rem;
  --h5-font-weight: var(--headings-font-weight);
  --h5-line-height: 1.25;
  --h5-color: var(--headings-color);
  --h5-spacing-top: 0;
  --h5-spacing-bottom: 0.5rem;
  --h5-font-size-sm: 1rem;
  --h5-font-size-md: 1rem;
  --h5-font-size-lg: 1rem;
  --h5-font-size-xl: 1rem;
  --h6-font-family: var(--headings-font-family);
  --h6-font-size: 0.875rem;
  --h6-font-weight: var(--headings-font-weight);
  --h6-line-height: 1.25;
  --h6-color: var(--headings-color);
  --h6-spacing-top: 0;
  --h6-spacing-bottom: 0;
  --h6-font-size-sm: 0.875rem;
  --h6-font-size-md: 0.875rem;
  --h6-font-size-lg: 0.875rem;
  --h6-font-size-xl: 0.875rem;
  --paragraph-link-decoration: underline;
  --paragraph-link-decoration-hover: none;
  --code-color: var(--color-highlight);
  --pre-color-background: var(--color-gray-light);
  --pre-color: var(--color-text);
  --hr-border: var(--base-border);
  --selection-background: var(--color-brand);
  --selection-color: var(--color-text-inverted);
  --base-spacing-unit-lg: calc(var(--base-spacing-unit) * 2);
  --alert-border: var(--color-brand-primary);
  --links-color-hover: var(--color-brand-secondary-dark);
  --code-background: var(--color-gray-light);
  --grid-columns: 12;
  --grid-gutter: 1.875rem;
  --layout-wrapper-background: transparent;
  --layout-header-background: var(--color-page-background);
  --layout-header-color: var(--color-text);
  --layout-spacing-sides: var(--base-spacing-unit);
  --layout-footer-background: transparent;
  --layout-footer-color: var(--color-text);
  --base-border: var(--base-border-width) solid var(--base-border-color);
  --base-spacing-unit-xs: calc(var(--base-spacing-unit) / 4);
  --article-spacing-top: var(--base-spacing-unit-xl);
  --article-spacing-bottom: var(--base-spacing-unit-xl);
  --article-highlight-background: linear-gradient(
    -165deg,
    var(--color-brand-primary),
    var(--color-brand-primary-dark)
  );
  --article-highlight-color: var(--color-text-inverted);
  --article-tint-background: var(--color-tint);
  --base-spacing-unit-xl: calc(var(--base-spacing-unit) * 4);
  --article-dark-background: var(--color-gray-dark);
  --article-dark-color: var(--color-text-inverted);
  --gallery-gutter: var(--grid-gutter);
  --color-text-inverted: var(--color-page-background);
  --image-caption-padding: var(--base-spacing-unit);
  --image-border: var(--base-border);
  --button-border-radius: 2rem;
  --button-spacing: var(--base-spacing-unit-xs) var(--base-spacing-unit);
  --button-border-width: var(--base-border-width);
  --button-font-family: var(--base-font-family);
  --button-font-weight: var(--base-font-weight);
  --button-font-size: var(--base-font-size);
  --button-line-height: var(--base-line-height);
  --button-color: var(--color-text-inverted);
  --button-background: var(--color-brand-primary);
  --button-background-hover: var(--color-brand-primary-dark);
  --button-color-hover: var(--button-color);
  --button-shadow-primary: 0 10px 40px 0 rgba(50, 50, 50, 0.25);
  --button-color-secondary: var(--color-text-inverted);
  --button-background-secondary: var(--color-brand-secondary);
  --button-background-secondary-hover: var(--color-brand-secondary-dark);
  --button-background-highlight: var(--color-text);
  --button-color-highlight: var(--color-text-inverted);
  --button-background-highlight-hover: var(--color-brand-secondary);
  --nav-main-font-size: 1rem;
  --nav-main-color: var(--color-text);
  --nav-main-item-padding: 0.5rem;
  --nav-main-font-weight: var(--base-font-weight-bold);
  --nav-main-color-active: var(--color-brand);
  --nav-main-color-hover: var(--color-brand);
  --nav-submenu-background: var(--color-page-background);
  --nav-mobile-font-size: calc(var(--base-font-size-xl) * 1.125);
  --nav-mobile-background: var(--article-highlight-background);
  --nav-mobile-color: var(--color-text-inverted);
  --nav-icon-width: 1.75rem;
  --nav-icon-stroke: .175rem;
  --base-border-width: 1px;
  --nav-submenu-item-padding: var(--base-spacing-unit-sm);
  --grid-gutter-half: calc(var(--grid-gutter) / 2);
  --base-font-weight-bold: 500;
  --slider-arrow-size: 2rem;
  --slider-arrow-color: var(--color-brand);
  --slider-arrow-font-family: 'Arial';
  --slider-menu-point-size: 2rem;
  --slider-menu-point-color: inherit;
  --slider-menu-point-color-active: var(--color-brand);
  --slider-arrow-padding: var(--base-spacing-unit-sm);
  --news-grid-columns-sm: 2;
  --news-grid-columns-md: 2;
  --news-grid-columns-lg: 3;
  --news-grid-columns-xl: 3;
  --headings-font-weight: var(--base-font-weight-bold);
  --headings-font-family: var(--base-font-family-1);
  --card-border: var(--base-border);
  --card-border-radius: var(--base-border-radius);
  --card-background: var(--color-page-background);
  --card-padding: var(--base-spacing-unit);
  --card-shadow: var(--base-box-shadow);
  --color-gray: var(--gray-7);
  --events-grid-columns-sm: 1;
  --events-grid-columns-md: 2;
  --events-grid-columns-lg: 3;
  --events-grid-columns-xl: 3;
  --forms-input-border-radius: var(--base-border-radius);
  --forms-input-border-width: var(--base-border-width);
  --forms-input-border-color: rgba(0, 0, 0, 0.25);
  --forms-input-background: var(--color-);
  --forms-input-line-height: var(--base-line-height);
  --forms-mandatory-color: var(--color-brand);
  --accordion-spacing: var(--base-spacing-unit-sm);
  --accordion-toggler-font-size: 1.125rem;
  --accordion-toggler-background: transparent;
  --accordion-toggler-color: var(--color-text);
  --accordion-toggler-spacing: 0.5rem 0.5rem;
  --accordion-toggler-border: var(--base-border);
  --accordion-toggler-color-hover: var(--color-brand-primary);
  --accordion-content-background: transparent;
  --accordion-content-spacing: var(--base-spacing-unit-sm)
    var(--base-spacing-unit-sm) var(--base-spacing-unit);
  --accordion-toggler-font-weight: var(--headings-font-weight);
  --accordion-content-border: var(--base-border);
  --download-link-color: inherit;
  --download-link-decoration: none;
  --table-border-width: 1px;
  --table-border-style: solid;
  --table-border-color: var(--base-border-color);
  --table-background-light: var(--color-gray-lighter);
  --newsletter-list-border: var(--base-border);
  --newsletter-reader-width: 600px;
  --newsletter-reader-border: var(--base-border);
  --newsletter-list-font-family: var(--headings-font-family);
  --newsletter-list-font-weight: var(--headings-font-weight);
  --faq-border: none;
  --color-error: rgba(255, 0, 0, 1);
  --color-error-light: rgba(255, 0, 0, 0.5);
  --comments-reply-background: var(--color-gray-light);
  --search-relevance-color: var(--color-gray);
  --search-url-color: var(--color-gray);
  --color-gray-light: var(--gray-3);
  --color-highlight: var(--color-brand);
  --color-brand-secondary: var(--indigo-8);
  --shadow-2: 0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));
  --base-font-family-1: 'Noto Sans', source-sans-pro, sans-serif;
  --color-gray-dark: var(--gray-10);
  --headings-color: 'currentColor';
  --color-brand: var(--color-brand-primary);
  --color-brand-primary: var(--green-10);
  --color-brand-secondary-dark: var(--indigo-10);
  --base-border-color: var(--color-gray-light);
  --color-brand-primary-dark: var(--green-12);
  --color-tint: var(--green-3);
  --gray-7: #495057;
  --color-gray-lighter: var(--gray-0);
  --gray-3: #dee2e6;
  --indigo-8: #3b5bdb;
  --shadow-color: 220 40% 2%;
  --shadow-strength: 25%;
  --gray-10: #16191d;
  --green-10: #237032;
  --indigo-10: #2f44ad;
  --green-12: #133d1b;
  --green-3: #8ce99a;
  --gray-0: #f8f9fa;
}

/**
  * based on
  * Erdmann & Freunde
  * OPTIMIST Contao Theme
  * erdmann-freunde.de/contao-themes/optimist
  *
  */

/* 1. abstracts */

/* do not import the custom-properties.css - open-jit-props does its work for this file */

/* but optional: put all wanted extra props in here (Maybe some at the end?) */

/* @import 'assets/config'; */

/* @import 'assets/variables'; */

/* GENERIC (load these NOT ANYMORE directly from nutshell, as we don't need additional normalize, resets and box-sizing) */

/* Reset by Andy Bell: https://piccalil.li/blog/a-more-modern-css-reset/ */

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */

/* switched back to margin instead of margin-block-end, as there are margins on the side with the latter */

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

/* Not needed. No role='list' in Contao */

/* ul[role='list'],
ol[role='list'] {
  list-style: none;
} */

/* Set core body defaults */

body {
  min-height: 100vh;
  /* line-height: 1.5; */ /* removed here, is set somewhere else */
}

/* Set shorter line heights on headings and interactive elements */

/* removed here, is set somewhere else */

/* h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
} */

/* Balance text wrapping on headings */

h1, h2, h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input, button,
textarea, select {
  /* changed to font, because of font-weight  */
  /* font-family: inherit;
  font-size: inherit; */
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */

textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */

:target {
  scroll-margin-block: 5ex;
}

/* @import 'assets/generic/normalize.css'; */

/** float classes entfernt, gibt es so in Contao 5 nicht mehr  */

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

/* @import 'assets/generic/box-sizing.css'; */

/* not needed with the reset.css */

/* BASE */

/** ...nutshell/scss/base/shared.scss - Beginn  */

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--base-spacing-unit-sm);
}

ul, ol, dl, blockquote, p, address, hr, fieldset, pre {
  margin-bottom: var(--base-spacing-unit);
}

ul, ol, dd {
  margin-left: var(--base-spacing-unit);
}

/* deleted the clearfix, not needed anymore */

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

a:focus-visible,
[tabindex="0"]:focus-visible {
  outline: var(--links-outline-focus);
}

a:active,
[tabindex="0"]:active {
  outline: var(--links-outline-active);
}

a {
  color: var(--links-color);

  &:visited {
    color: var(--links-color-visited);
  }
}

:not(p) a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/** ...nutshell/scss/base/shared.scss - Ende  */

/** ...theme/scss/base/shared.scss - Beginn  */

.content-image img {
  border-radius: var(--base-border-radius);
  box-shadow: var(--base-box-shadow);
}

/** ...theme/scss/base/shared.scss - Ende  */

/** ...nutshell/scss/base/page.scss - Beginn  */

html {
  font-family: var(--base-font-family, sans-serif);
  font-size: var(--base-font-size-xs);
  line-height: var(--base-line-height);
  font-weight: var(--base-font-weight);
  background-color: var(--color-page-background);
  color: var(--color-text);
  overflow-y: scroll;
  /* min-height: 100%; */
  /* -moz-osx-font-smoothing: grayscale; */
  -webkit-font-smoothing: antialiased;

  @media screen and (min-width: 34.375em) {
    font-size: var(--base-font-size-sm, var(--base-font-size));
  }
  @media screen and (min-width: 48em) {
    font-size: var(--base-font-size);
  }
  @media screen and (min-width: 58.75em) {
    font-size: var(--base-font-size-lg, var(--base-font-size));
  }
  @media screen and (min-width: 68.75em) {
    font-size: var(--base-font-size-xl);
  }
}

/** ...nutshell/scss/base/page.scss - Ende  */

/** ...theme/scss/base/page.scss - Beginn  */

html:focus-within {
  scroll-behavior: smooth;
}

/** ...theme/scss/base/page.scss - Ende  */

/* ------------------------------------------------------------------- */

/* Example style sheet for font-face                                   */

/*                                                                     */

/* https://docs.contao.org/manual/de/guides/webfont/#lokale-einbindung */

/*                                                                     */

/* The font needs to be uploaded in a fonts folder                     */

/* |-- files                                                           */

/*      |-- layout                                                     */

/*          |-- css                                                    */

/*          |-- fonts                                                  */

/*                                                                     */

/* ------------------------------------------------------------------- */

/* noto-sans-300 - latin */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/theme/fonts/noto-sans-v42-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-500 - latin */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/theme/fonts/noto-sans-v42-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** ...nutshell/scss/base/type.scss - Beginn  */

.heading--1 :is(h1, h2, h3, h4, h5, h6), .heading--1.content-headline, h1 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  color: var(--h1-color);
  margin-top: var(--h1-spacing-top);
  margin-bottom: var(--h1-spacing-bottom);

  /* Verschachtelte Media Queries */
  @media screen and (min-width: 34.375em) {
    --h1-font-size: var(--h1-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h1-font-size: var(--h1-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h1-font-size: var(--h1-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h1-font-size: var(--h1-font-size-xl);
  }
}

.heading--2 :is(h1, h2, h3, h4, h5, h6), .heading--2.content-headline, h2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
  color: var(--h2-color);
  margin-top: var(--h2-spacing-top);
  margin-bottom: var(--h2-spacing-bottom);

  @media screen and (min-width: 34.375em) {
    --h2-font-size: var(--h2-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h2-font-size: var(--h2-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h2-font-size: var(--h2-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h2-font-size: var(--h2-font-size-xl);
  }
}

.heading--3 :is(h1, h2, h3, h4, h5, h6), .heading--3.content-headline, h3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  color: var(--h3-color);
  margin-top: var(--h3-spacing-top);
  margin-bottom: var(--h3-spacing-bottom);

  @media screen and (min-width: 34.375em) {
    --h3-font-size: var(--h3-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h3-font-size: var(--h3-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h3-font-size: var(--h3-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h3-font-size: var(--h3-font-size-xl);
  }
}

.card :is(h1, h2, h3, h4, h5, h6), 
.faq-page article > :is(h1, h2, h3, h4, h5, h6), 
.faq-list > :is(h1, h2, h3, h4, h5, h6), 
.ce_form :is(h1, h2, h3, h4, h5, h6), 
.events-grid .layout_upcoming a, 
.events-grid :is(h1, h2, h3, h4, h5, h6), 
.events-list .layout_upcoming a, 
.events-list .layout_list :is(h1, h2, h3, h4, h5, h6),
.events-list .layout_teaser :is(h1, h2, h3, h4, h5, h6),
.news-grid .layout_simple a, 
.news-grid :is(h1, h2, h3, h4, h5, h6), 
.news-list .layout_simple a, 
.news-list .layout_short :is(h1, h2, h3, h4, h5, h6), 
.news-list .layout_latest :is(h1, h2, h3, h4, h5, h6), 
.text--alert :is(h1, h2, h3, h4, h5, h6), 
.heading--4 :is(h1, h2, h3, h4, h5, h6), .heading--4.content-headline, h4 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  color: var(--h4-color);
  margin-top: var(--h4-spacing-top);
  margin-bottom: var(--h4-spacing-bottom);

  @media screen and (min-width: 34.375em) {
    --h4-font-size: var(--h4-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h4-font-size: var(--h4-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h4-font-size: var(--h4-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h4-font-size: var(--h4-font-size-xl);
  }
}

.fact :is(h1, h2, h3, h4, h5, h6), 
.events-calendar > :is(h1, h2, h3, h4, h5, h6), 
.events-menu > :is(h1, h2, h3, h4, h5, h6), 
.events-list .header, 
.events-list > :is(h1, h2, h3, h4, h5, h6), 
.news-menu > :is(h1, h2, h3, h4, h5, h6), 
.news-list > :is(h1, h2, h3, h4, h5, h6), 
.heading--5 :is(h1, h2, h3, h4, h5, h6), .heading--5.content-headline, h5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--h5-line-height);
  color: var(--h5-color);
  margin-top: var(--h5-spacing-top);
  margin-bottom: var(--h5-spacing-bottom);
  @media screen and (min-width: 34.375em) {
    --h5-font-size: var(--h5-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h5-font-size: var(--h5-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h5-font-size: var(--h5-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h5-font-size: var(--h5-font-size-xl);
  }
}

.heading--6 :is(h1, h2, h3, h4, h5, h6), .heading--6.content-headline, h6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--h6-line-height);
  color: var(--h6-color);
  margin-top: var(--h6-spacing-top);
  margin-bottom: var(--h6-spacing-bottom);

  @media screen and (min-width: 34.375em) {
    --h6-font-size: var(--h6-font-size-sm);
  }
  @media screen and (min-width: 48em) {
    --h6-font-size: var(--h6-font-size-md);
  }
  @media screen and (min-width: 58.75em) {
    --h6-font-size: var(--h6-font-size-lg);
  }
  @media screen and (min-width: 68.75em) {
    --h6-font-size: var(--h6-font-size-xl);
  }
}

:is(p, ul, ol) {
  margin-top: 0;
  &:last-child {
    margin-bottom: 0;
  }
  & a {
    -webkit-text-decoration: var(--paragraph-link-decoration);
            text-decoration: var(--paragraph-link-decoration);
    &:hover {
      --paragraph-link-decoration: var(--paragraph-link-decoration-hover);
    }
  }
}

code {
  color: var(--code-color);
}

pre {
  padding: 1rem;
  background: var(--pre-color-background);
  color: var(--pre-color);
  overflow-x: scroll;
}

hr {
  margin-block: 1rem;
  border: 0;
  border-top: var(--hr-border);
}

.li--block {
  margin-bottom: 1rem;
}

.ce_text,
.content-text {
  margin-bottom: var(--base-spacing-unit);
}

::-moz-selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: 1;
}

::selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: 1;
}

/** ...nutshell/scss/base/type.scss - Ende  */

/** ...theme/scss/base/type.scss - Beginn  */

.heading--left {
  text-align: left;
}

.heading--center {
  text-align: center;
}

.heading--right {
  text-align: right;
}

.text--left {
  text-align: left;
}

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

.text--right {
  text-align: right;
}

.text--attention {
  font-size: 1.125rem;
  line-height: 1.5;
  opacity: 0.75;
  @media screen and (min-width: 48em) {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: var(--base-spacing-unit-lg);
  }
}

.text--alert {
  padding: var(--base-spacing-unit);
  border-radius: var(--base-border-radius);
  border: 2px solid var(--alert-border);
  color: var(--color-alert);
}

.content-text + .text--alert :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}

@media screen and (min-width: 48em) {
  .text--narrow {
    max-width: 75%;
    margin-inline: auto;
  }
}

@media screen and (min-width: 58.75em) {
  .text--narrow {
    max-width: 58.3333333333%;
  }
}

:is(p, ul, ol) a:hover {
  --paragraph-link-color: var(--links-color-hover);
}

ul,
ol {
  padding: 0;
  margin-top: 0;
  margin-left: var(--base-spacing-unit-lg);
}

.checklist ul {
  margin-left: 0;
  list-style-type: none;
}

.checklist li {
  margin-left: 2rem;
  text-indent: -2rem;
  margin-bottom: var(--base-spacing-unit);
}

.checklist li::before {
  content: "✔︎";
  text-indent: -9999rem;
  display: inline-block;
  width: 2rem;
  height: calc(var(--base-line-height) * 1rem);
  line-height: var(--base-line-height);
  background: url("/files/theme/img/icons/checkmark.svg") left center/24px 24px no-repeat;
  vertical-align: bottom;
}

blockquote {
  margin: var(--base-spacing-unit) 0;
}

code {
  background: var(--code-background);
  display: inline-block;
  padding-inline: 4px;
  border-radius: var(--base-border-radius);
  color: var(--color-text);
}

pre code {
  background: none;
  color: inherit;
}

/** ...theme/scss/base/type.scss - Ende  */

/** ...nutshell/scss/base/grid.scss - Beginn  */

.row {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

.row--gap-y {
  row-gap: var(--grid-gutter);
}

:is(.article-xl-12, .article-xl-11, .article-xl-10, .article-xl-9, .article-xl-8, .article-xl-7, .article-xl-6, .article-xl-5, .article-xl-4, .article-xl-3, .article-xl-2, .article-xl-1) > .inside > *,
:is(.article-lg-12, .article-lg-11, .article-lg-10, .article-lg-9, .article-lg-8, .article-lg-7, .article-lg-6, .article-lg-5, .article-lg-4, .article-lg-3, .article-lg-2, .article-lg-1) > .inside > *, 
:is(.article-md-12, .article-md-11, .article-md-10, .article-md-9, .article-md-8, .article-md-7, .article-md-6, .article-md-5, .article-md-4, .article-md-3, .article-md-2, .article-md-1) > .inside > *,
:is(.article-sm-12, .article-sm-11, .article-sm-10, .article-sm-9, .article-sm-8, .article-sm-7, .article-sm-6, .article-sm-5, .article-sm-4, .article-sm-3, .article-sm-2, .article-sm-1) > .inside > *,
:is(.article-xs-12, .article-xs-11, .article-xs-10, .article-xs-9, .article-xs-8, .article-xs-7, .article-xs-6, .article-xs-5, .article-xs-4, .article-xs-3, .article-xs-2, .article-xs-1) > .inside > *, 
.ce_gallery > ul li, 
.col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, 
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, 
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, 
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  display: grid;
  grid-column: 1/-1;
  max-width: 100%;
}

.col {
  grid-column: 1/-1;
}

.col-1 {
  grid-column: span 1/span 1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.col-2 {
  grid-column: span 2/span 2;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.col-3 {
  grid-column: span 3/span 3;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.col-4 {
  grid-column: span 4/span 4;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.col-5 {
  grid-column: span 5/span 5;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.col-6 {
  grid-column: span 6/span 6;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.col-7 {
  grid-column: span 7/span 7;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.col-8 {
  grid-column: span 8/span 8;
}

.row-start-8 {
  grid-row-start: 8;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.col-9 {
  grid-column: span 9/span 9;
}

.row-start-9 {
  grid-row-start: 9;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.col-10 {
  grid-column: span 10/span 10;
}

.row-start-10 {
  grid-row-start: 10;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.col-11 {
  grid-column: span 11/span 11;
}

.row-start-11 {
  grid-row-start: 11;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.col-12 {
  grid-column: span 12/span 12;
}

.row-start-12 {
  grid-row-start: 12;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1/span 1;
  }
  .col-xs-2 {
    grid-column: span 2/span 2;
  }
  .col-xs-3 {
    grid-column: span 3/span 3;
  }
  .col-xs-4 {
    grid-column: span 4/span 4;
  }
  .col-xs-5 {
    grid-column: span 5/span 5;
  }
  .col-xs-6 {
    grid-column: span 6/span 6;
  }
  .col-xs-7 {
    grid-column: span 7/span 7;
  }
  .col-xs-8 {
    grid-column: span 8/span 8;
  }
  .col-xs-9 {
    grid-column: span 9/span 9;
  }
  .col-xs-10 {
    grid-column: span 10/span 10;
  }
  .col-xs-11 {
    grid-column: span 11/span 11;
  }
  .col-xs-12 {
    grid-column: span 12/span 12;
  }
}

@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xs-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xs-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xs-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xs-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xs-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xs-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xs-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xs-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xs-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xs-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xs-12 {
    grid-row: span 12/span 12;
  }
}

@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }
  .row-start-xs-1 {
    grid-row-start: 1;
  }
  .col-start-xs-2 {
    grid-column-start: 2;
  }
  .row-start-xs-2 {
    grid-row-start: 2;
  }
  .col-start-xs-3 {
    grid-column-start: 3;
  }
  .row-start-xs-3 {
    grid-row-start: 3;
  }
  .col-start-xs-4 {
    grid-column-start: 4;
  }
  .row-start-xs-4 {
    grid-row-start: 4;
  }
  .col-start-xs-5 {
    grid-column-start: 5;
  }
  .row-start-xs-5 {
    grid-row-start: 5;
  }
  .col-start-xs-6 {
    grid-column-start: 6;
  }
  .row-start-xs-6 {
    grid-row-start: 6;
  }
  .col-start-xs-7 {
    grid-column-start: 7;
  }
  .row-start-xs-7 {
    grid-row-start: 7;
  }
  .col-start-xs-8 {
    grid-column-start: 8;
  }
  .row-start-xs-8 {
    grid-row-start: 8;
  }
  .col-start-xs-9 {
    grid-column-start: 9;
  }
  .row-start-xs-9 {
    grid-row-start: 9;
  }
  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }
  .col-start-xs-11 {
    grid-column-start: 11;
  }
  .row-start-xs-11 {
    grid-row-start: 11;
  }
  .col-start-xs-12 {
    grid-column-start: 12;
  }
  .row-start-xs-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }
  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 34.375em) {
  .col-sm-1 {
    grid-column: span 1/span 1;
  }
  .col-sm-2 {
    grid-column: span 2/span 2;
  }
  .col-sm-3 {
    grid-column: span 3/span 3;
  }
  .col-sm-4 {
    grid-column: span 4/span 4;
  }
  .col-sm-5 {
    grid-column: span 5/span 5;
  }
  .col-sm-6 {
    grid-column: span 6/span 6;
  }
  .col-sm-7 {
    grid-column: span 7/span 7;
  }
  .col-sm-8 {
    grid-column: span 8/span 8;
  }
  .col-sm-9 {
    grid-column: span 9/span 9;
  }
  .col-sm-10 {
    grid-column: span 10/span 10;
  }
  .col-sm-11 {
    grid-column: span 11/span 11;
  }
  .col-sm-12 {
    grid-column: span 12/span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .row-span-sm-1 {
    grid-row: span 1/span 1;
  }
  .row-span-sm-2 {
    grid-row: span 2/span 2;
  }
  .row-span-sm-3 {
    grid-row: span 3/span 3;
  }
  .row-span-sm-4 {
    grid-row: span 4/span 4;
  }
  .row-span-sm-5 {
    grid-row: span 5/span 5;
  }
  .row-span-sm-6 {
    grid-row: span 6/span 6;
  }
  .row-span-sm-7 {
    grid-row: span 7/span 7;
  }
  .row-span-sm-8 {
    grid-row: span 8/span 8;
  }
  .row-span-sm-9 {
    grid-row: span 9/span 9;
  }
  .row-span-sm-10 {
    grid-row: span 10/span 10;
  }
  .row-span-sm-11 {
    grid-row: span 11/span 11;
  }
  .row-span-sm-12 {
    grid-row: span 12/span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }
  .row-start-sm-1 {
    grid-row-start: 1;
  }
  .col-start-sm-2 {
    grid-column-start: 2;
  }
  .row-start-sm-2 {
    grid-row-start: 2;
  }
  .col-start-sm-3 {
    grid-column-start: 3;
  }
  .row-start-sm-3 {
    grid-row-start: 3;
  }
  .col-start-sm-4 {
    grid-column-start: 4;
  }
  .row-start-sm-4 {
    grid-row-start: 4;
  }
  .col-start-sm-5 {
    grid-column-start: 5;
  }
  .row-start-sm-5 {
    grid-row-start: 5;
  }
  .col-start-sm-6 {
    grid-column-start: 6;
  }
  .row-start-sm-6 {
    grid-row-start: 6;
  }
  .col-start-sm-7 {
    grid-column-start: 7;
  }
  .row-start-sm-7 {
    grid-row-start: 7;
  }
  .col-start-sm-8 {
    grid-column-start: 8;
  }
  .row-start-sm-8 {
    grid-row-start: 8;
  }
  .col-start-sm-9 {
    grid-column-start: 9;
  }
  .row-start-sm-9 {
    grid-row-start: 9;
  }
  .col-start-sm-10 {
    grid-column-start: 10;
  }
  .row-start-sm-10 {
    grid-row-start: 10;
  }
  .col-start-sm-11 {
    grid-column-start: 11;
  }
  .row-start-sm-11 {
    grid-row-start: 11;
  }
  .col-start-sm-12 {
    grid-column-start: 12;
  }
  .row-start-sm-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 34.375em) {
  .pull-right-sm {
    grid-column-end: -1;
  }
  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 48em) {
  .col-md-1 {
    grid-column: span 1/span 1;
  }
  .col-md-2 {
    grid-column: span 2/span 2;
  }
  .col-md-3 {
    grid-column: span 3/span 3;
  }
  .col-md-4 {
    grid-column: span 4/span 4;
  }
  .col-md-5 {
    grid-column: span 5/span 5;
  }
  .col-md-6 {
    grid-column: span 6/span 6;
  }
  .col-md-7 {
    grid-column: span 7/span 7;
  }
  .col-md-8 {
    grid-column: span 8/span 8;
  }
  .col-md-9 {
    grid-column: span 9/span 9;
  }
  .col-md-10 {
    grid-column: span 10/span 10;
  }
  .col-md-11 {
    grid-column: span 11/span 11;
  }
  .col-md-12 {
    grid-column: span 12/span 12;
  }
}

@media screen and (min-width: 48em) {
  .row-span-md-1 {
    grid-row: span 1/span 1;
  }
  .row-span-md-2 {
    grid-row: span 2/span 2;
  }
  .row-span-md-3 {
    grid-row: span 3/span 3;
  }
  .row-span-md-4 {
    grid-row: span 4/span 4;
  }
  .row-span-md-5 {
    grid-row: span 5/span 5;
  }
  .row-span-md-6 {
    grid-row: span 6/span 6;
  }
  .row-span-md-7 {
    grid-row: span 7/span 7;
  }
  .row-span-md-8 {
    grid-row: span 8/span 8;
  }
  .row-span-md-9 {
    grid-row: span 9/span 9;
  }
  .row-span-md-10 {
    grid-row: span 10/span 10;
  }
  .row-span-md-11 {
    grid-row: span 11/span 11;
  }
  .row-span-md-12 {
    grid-row: span 12/span 12;
  }
}

@media screen and (min-width: 48em) {
  .col-start-md-1 {
    grid-column-start: 1;
  }
  .row-start-md-1 {
    grid-row-start: 1;
  }
  .col-start-md-2 {
    grid-column-start: 2;
  }
  .row-start-md-2 {
    grid-row-start: 2;
  }
  .col-start-md-3 {
    grid-column-start: 3;
  }
  .row-start-md-3 {
    grid-row-start: 3;
  }
  .col-start-md-4 {
    grid-column-start: 4;
  }
  .row-start-md-4 {
    grid-row-start: 4;
  }
  .col-start-md-5 {
    grid-column-start: 5;
  }
  .row-start-md-5 {
    grid-row-start: 5;
  }
  .col-start-md-6 {
    grid-column-start: 6;
  }
  .row-start-md-6 {
    grid-row-start: 6;
  }
  .col-start-md-7 {
    grid-column-start: 7;
  }
  .row-start-md-7 {
    grid-row-start: 7;
  }
  .col-start-md-8 {
    grid-column-start: 8;
  }
  .row-start-md-8 {
    grid-row-start: 8;
  }
  .col-start-md-9 {
    grid-column-start: 9;
  }
  .row-start-md-9 {
    grid-row-start: 9;
  }
  .col-start-md-10 {
    grid-column-start: 10;
  }
  .row-start-md-10 {
    grid-row-start: 10;
  }
  .col-start-md-11 {
    grid-column-start: 11;
  }
  .row-start-md-11 {
    grid-row-start: 11;
  }
  .col-start-md-12 {
    grid-column-start: 12;
  }
  .row-start-md-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 48em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 58.75em) {
  .col-lg-1 {
    grid-column: span 1/span 1;
  }
  .col-lg-2 {
    grid-column: span 2/span 2;
  }
  .col-lg-3 {
    grid-column: span 3/span 3;
  }
  .col-lg-4 {
    grid-column: span 4/span 4;
  }
  .col-lg-5 {
    grid-column: span 5/span 5;
  }
  .col-lg-6 {
    grid-column: span 6/span 6;
  }
  .col-lg-7 {
    grid-column: span 7/span 7;
  }
  .col-lg-8 {
    grid-column: span 8/span 8;
  }
  .col-lg-9 {
    grid-column: span 9/span 9;
  }
  .col-lg-10 {
    grid-column: span 10/span 10;
  }
  .col-lg-11 {
    grid-column: span 11/span 11;
  }
  .col-lg-12 {
    grid-column: span 12/span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .row-span-lg-1 {
    grid-row: span 1/span 1;
  }
  .row-span-lg-2 {
    grid-row: span 2/span 2;
  }
  .row-span-lg-3 {
    grid-row: span 3/span 3;
  }
  .row-span-lg-4 {
    grid-row: span 4/span 4;
  }
  .row-span-lg-5 {
    grid-row: span 5/span 5;
  }
  .row-span-lg-6 {
    grid-row: span 6/span 6;
  }
  .row-span-lg-7 {
    grid-row: span 7/span 7;
  }
  .row-span-lg-8 {
    grid-row: span 8/span 8;
  }
  .row-span-lg-9 {
    grid-row: span 9/span 9;
  }
  .row-span-lg-10 {
    grid-row: span 10/span 10;
  }
  .row-span-lg-11 {
    grid-row: span 11/span 11;
  }
  .row-span-lg-12 {
    grid-row: span 12/span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 58.75em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 68.75em) {
  .col-xl-1 {
    grid-column: span 1/span 1;
  }
  .col-xl-2 {
    grid-column: span 2/span 2;
  }
  .col-xl-3 {
    grid-column: span 3/span 3;
  }
  .col-xl-4 {
    grid-column: span 4/span 4;
  }
  .col-xl-5 {
    grid-column: span 5/span 5;
  }
  .col-xl-6 {
    grid-column: span 6/span 6;
  }
  .col-xl-7 {
    grid-column: span 7/span 7;
  }
  .col-xl-8 {
    grid-column: span 8/span 8;
  }
  .col-xl-9 {
    grid-column: span 9/span 9;
  }
  .col-xl-10 {
    grid-column: span 10/span 10;
  }
  .col-xl-11 {
    grid-column: span 11/span 11;
  }
  .col-xl-12 {
    grid-column: span 12/span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .row-span-xl-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xl-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xl-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xl-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xl-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xl-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xl-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xl-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xl-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xl-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xl-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xl-12 {
    grid-row: span 12/span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .col-start-xl-1 {
    grid-column-start: 1;
  }
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 68.75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

.justify-start {
  justify-self: start;
  text-align: left;
}

.justify-center {
  justify-self: center;
  text-align: center;
}

.justify-end {
  justify-self: end;
  text-align: right;
}

@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xs-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xs-end {
    justify-self: end;
    text-align: right;
  }
}

@media screen and (min-width: 34.375em) {
  .justify-sm-start {
    justify-self: start;
    text-align: left;
  }
  .justify-sm-center {
    justify-self: center;
    text-align: center;
  }
  .justify-sm-end {
    justify-self: end;
    text-align: right;
  }
}

@media screen and (min-width: 48em) {
  .justify-md-start {
    justify-self: start;
    text-align: left;
  }
  .justify-md-center {
    justify-self: center;
    text-align: center;
  }
  .justify-md-end {
    justify-self: end;
    text-align: right;
  }
}

@media screen and (min-width: 58.75em) {
  .justify-lg-start {
    justify-self: start;
    text-align: left;
  }
  .justify-lg-center {
    justify-self: center;
    text-align: center;
  }
  .justify-lg-end {
    justify-self: end;
    text-align: right;
  }
}

@media screen and (min-width: 68.75em) {
  .justify-xl-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xl-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xl-end {
    justify-self: end;
    text-align: right;
  }
}

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

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

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

@media screen and (min-width: 0) {
  .align-xs-start {
    align-self: start;
  }
  .align-xs-center {
    align-self: center;
  }
  .align-xs-end {
    align-self: end;
  }
}

@media screen and (min-width: 34.375em) {
  .align-sm-start {
    align-self: start;
  }
  .align-sm-center {
    align-self: center;
  }
  .align-sm-end {
    align-self: end;
  }
}

@media screen and (min-width: 48em) {
  .align-md-start {
    align-self: start;
  }
  .align-md-center {
    align-self: center;
  }
  .align-md-end {
    align-self: end;
  }
}

@media screen and (min-width: 58.75em) {
  .align-lg-start {
    align-self: start;
  }
  .align-lg-center {
    align-self: center;
  }
  .align-lg-end {
    align-self: end;
  }
}

@media screen and (min-width: 68.75em) {
  .align-xl-start {
    align-self: start;
  }
  .align-xl-center {
    align-self: center;
  }
  .align-xl-end {
    align-self: end;
  }
}

/** ...nutshell/scss/base/grid.scss - Ende  */

/** ...theme/scss/base/grid.scss - Beginn  */

.row {
  grid-row-gap: var(--grid-gutter);
}

.row-start {
  align-self: start;
}

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

/** ...theme/scss/base/grid.scss - Ende  */

/** ...nutshell/scss/base/layout.scss - Beginn  */

[id=wrapper] {
  min-height: 100vh;
  display: grid;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: 100%;
  margin-inline: auto;
  background: var(--layout-wrapper-background);
}

[id=header] {
  background: var(--layout-header-background);
  color: var(--layout-header-color);

  & > .inside {
    max-width: 72em;
    margin-inline: auto;
    padding-inline: var(--layout-spacing-sides);
  }
}

[id=footer] {
  background: var(--layout-footer-background);
  color: var(--layout-footer-color);

    & > .inside {
    max-width: 72em;
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--layout-spacing-sides);
  }
}

/** ...nutshell/scss/base/layout.scss - Ende  */

/** ...theme/scss/base/layout.scss - Beginn  */

@media screen and (max-width: 51.9375em) {
  .html--fixed {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
  }
}

[id=header] .inside {
  padding-block: var(--base-spacing-unit);
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  position: relative;
}

[id=header] html.html--fixed [id=header] html {
  pointer-events: none;
}

[id=footer] {
  border-top: var(--base-border);
}

[id=footer] .inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: var(--base-spacing-unit);
  padding-bottom: var(--base-spacing-unit-xs);
}

@media screen and (min-width: 68.75em) {
  [id=footer] .inside {
    padding-top: var(--base-spacing-unit-lg);
    padding-bottom: var(--base-spacing-unit-sm);
  }
}

/** ...theme/scss/base/layout.scss - Ende  */

/** ...assets/base/article.css - Beginn  */

.mod_article {
  position: relative;

  & > .inside {
    max-width: 72em;
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--layout-spacing-sides);
    padding-block: var(--article-spacing-top) var(--article-spacing-bottom);
  }
}

.article--full > .inside {
  max-width: none;
  width: 100%;
  margin-inline: auto;
  padding-block: 0;
}

/** ...nutshell/scss/base/article.scss - Ende  */

/** ...theme/scss/base/article.scss - Beginn  */

.article--highlight {
  background: var(--article-highlight-background);
  color: var(--article-highlight-color);
  & a {
  color: inherit;
  }
}

.article--bubble-left {
  background-image: url("/files/theme/img/background-bubble-left.svg");
  background-repeat: no-repeat;
  background-position: -1% 0;
}

.article--bubble-right {
  background-image: url("/files/theme/img/background-bubble-right.svg");
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.article--tint {
  background-color: var(--article-tint-background);
  background-repeat: no-repeat;
  background-position: 50% 101%;
  & > .inside {
    padding-block: var(--base-spacing-unit-lg);

    @media screen and (min-width: 48em) {
      padding-block: calc(2 * var(--base-spacing-unit-xl));
    }
  }
  &::before, 
  &::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(1.5 * var(--base-spacing-unit-xl));
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: 100% 100%;
  }
  &::before {
    top: 0;
    background-image: url("/files/theme/img/background-bubble-bottom.svg");
    transform: rotate(180deg);
    background-position-y: 0;
  }
  &::after {
    background-image: url("/files/theme/img/background-bubble-bottom.svg");
    bottom: 0;
  }
  & .inside {
    position: relative;
    z-index: 1001;
  }
}

.article--dark {
  background: var(--article-dark-background);
  color: var(--article-dark-color);
}

/** ...theme/scss/base/article.scss - Ende  */

/* COMPONENTS */

/** ...nutshell/scss/components/media.scss - Beginn  */

.image--left img {
  text-align: left;
  margin-left: 0;
}

.image--right img {
  text-align: right;
  margin-right: 0;
}

.image--center img {
  text-align: center;
  margin-inline: auto;
}

.content-gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content-gallery a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.content-gallery {
  margin-bottom: var(--base-spacing-unit);
}

.content-gallery ul {
  grid-row-gap: var(--gallery-gutter);
}

.content-gallery--cols-2 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

.content-gallery--cols-3 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .content-gallery--cols-3 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
}

.content-gallery--cols-4 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .content-gallery--cols-4 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
}

.content-gallery--cols-5 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .content-gallery--cols-5 ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
}

.content-gallery--cols-6 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .content-gallery--cols-6 ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
}

.content-gallery img {
  display: block;
}

.ce_player .video_container,
.ce_youtube .video_container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}

.content-player figure:has(video),
.content-player figure:has(iframe),
.content-youtube figure:has(video),
.content-youtube figure:has(iframe) {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}

.ce_player video,
.content-player video {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.ce_youtube iframe,
.ce_youtube a,
.content-youtube iframe,
.content-youtube a {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.ce_youtube button,
.content-youtube button {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
}

.ce_youtube button img,
.content-youtube button img {
  grid-column: 1/-1;
  grid-row: 1;
}

.ce_youtube button p,
.content-youtube button p {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  padding: var(--base-spacing-unit);
  background: var(--base-overlay-background);
  color: var(--color-text-inverted);
}

/** ...nutshell/scss/components/media.scss - Ende  */

/** ...theme/scss/components/media.scss - Beginn  */

.content-image a {
  display: grid;
  height: 100%;
  grid-auto-rows: auto 1fr;
}

.content-image img {
  margin-bottom: 0;
  justify-self: center;
}

.content-image figcaption {
  width: 100%;
  padding: var(--image-caption-padding);
  margin-top: 0;
  hyphens: auto;
  border: var(--image-border);
  border-top: none;
}

.image--border img {
  border: var(--image-border);
}

.content-text.media--left, .content-text.media--right {
  flex-wrap: wrap;
  display: flex;
}

.content-text.media--left figure, .content-text.media--right figure {
  position: relative;
  margin-bottom: var(--grid-gutter);
}

@media screen and (min-width: 34.375em) {
  .content-text.media--left figure, .content-text.media--right figure {
    flex: 0 1 40%;
    margin-bottom: 0;
  }
}

.content-text.media--left .rte, .content-text.media--right .rte {
  flex: 1 0 calc(60% - var(--grid-gutter));
}

@media screen and (min-width: 34.375em) {
  .content-text.media--left figure {
    margin-right: var(--grid-gutter);
  }
}

@media screen and (min-width: 34.375em) {
  .content-text.media--right figure {
    margin-left: var(--grid-gutter);
    order: 1;
  }
}

.content-text figcaption {
  font-size: var(--base-font-size-xs);
  font-style: italic;
}

.ce_text {
  overflow: visible;
}

.ce_text .float_left,
.ce_text .float_right {
  position: relative;
  margin-bottom: var(--grid-gutter);
}

@media screen and (min-width: 34.375em) {
  .ce_text .float_left,
  .ce_text .float_right {
    max-width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 34.375em) {
  .ce_text .float_left {
    margin-right: var(--grid-gutter);
  }
}

@media screen and (min-width: 34.375em) {
  .ce_text .float_right {
    margin-left: var(--grid-gutter);
  }
}

.ce_text .caption {
  font-size: var(--base-font-size-xs);
  font-style: italic;
}

/** ...theme/scss/components/media.scss - Ende  */

/** ...nutshell/scss/components/links.scss - Beginn  */

.ce_comments .submit, 
input.submit, button.submit, 
.events-grid .more a, 
.events-list .layout_list .more a, .events-list .layout_teaser .more a, 
.news-grid .more a, 
.news-list .layout_short .more a, .news-list .layout_latest .more a, 
.back a, 
div.btn > :is(a, button),
.toplink > :is(a, button),
.content-toplink > :is(a, button), 
:is(a, span, button).btn {
  border-radius: var(--button-border-radius);
  padding: var(--button-spacing);
  display: inline-block;
  border: var(--button-border-width) var(--button-border-style, solid) var(--button-border-color, transparent);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background: transparent;
  color: var(--button-color);
  background-image: none;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.ce_comments .submit, div.btn--primary a, 
div.btn--primary > :is(a, button),
.toplink > :is(a, button),
.content-toplink > :is(a, button), 
:is(a, span, button).btn--primary {
  background: var(--button-background);
  color: var(--button-color);
}

.ce_comments .submit:hover, div.btn--primary a:hover,
div.btn--primary > button:hover,
.toplink > a:hover, .toplink > button:hover,
.content-toplink > a:hover, .content-toplink > button:hover, 
a.btn--primary:hover, span.btn--primary:hover, button.btn--primary:hover {
  --button-background: var(--button-background-hover);
  --button-color: var(--button-color-hover);
}

:is(a, span, button).btn {
  margin-bottom: var(--base-spacing-unit);
}

div.btn:not(:last-child),
.toplink:not(:last-child),
.content-toplink:not(:last-child) {
  margin-bottom: var(--base-spacing-unit);
}

div.btn--left {
  text-align: left;
}

div.btn--center {
  text-align: center;
}

div.btn--right {
  text-align: right;
}

.btn--floated {
  float: left;
  margin-right: var(--base-spacing-unit-xs);
}

:is(.toplink, .content-toplink) a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.back {
  border-top: var(--base-border);
  margin-top: var(--base-spacing-unit);
  padding-top: var(--base-spacing-unit-sm);
  & a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}

/** ...nutshell/scss/components/links.scss - Ende  */

/** ...theme/scss/components/links.scss - Beginn  */

a {
  color: var(--links-color);
  &:hover {
    --links-color: var(--links-color-hover);
  }
}

.ce_comments .submit, input.submit,
button.submit, .events-grid .more a, .events-list .layout_list .more a,
.events-list .layout_teaser .more a, .news-grid .more a, .news-list .layout_short .more a, .news-list .layout_latest .more a, .back a, a.btn,
span.btn, button.btn, 
div.btn > a, div.btn > button,
.toplink > a, .toplink > button,
.content-toplink > a, .content-toplink > button {
  border: none;
}

.ce_comments .submit, div.btn--primary a, a.btn--primary,
span.btn--primary,
button.btn--primary, div.btn--primary > a,
div.btn--primary > button,
.toplink > a,
.toplink > button,
.content-toplink > a,
.content-toplink > button {
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.ce_comments .submit:hover, div.btn--primary a:hover, a.btn--primary:hover,
span.btn--primary:hover,
button.btn--primary:hover,
div.btn--primary > button:hover,
.toplink > a:hover,
.toplink > button:hover,
.content-toplink > a:hover,
.content-toplink > button:hover {
  box-shadow: var(--button-shadow-primary);
}

p .ce_comments .submit, .ce_comments p .submit, p div.btn--primary a, div.btn--primary p a, p a.btn--primary,
p span.btn--primary,
p button.btn--primary,
p div.btn--primary > button,
p .toplink > a,
p .toplink > button,
p .content-toplink > a,
p .content-toplink > button {
  margin-bottom: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.newsletter-unsubscribe button.submit, .newsletter-subscribe button.submit, input.submit,
button.submit, .events-list .layout_list .more a,
.events-list .layout_teaser .more a, .back a, div.btn--secondary a, a.btn--secondary, .events-grid .more a, .news-grid .more a, .news-list .layout_short .more a, .news-list .layout_latest .more a,
span.btn--secondary,
button.btn--secondary {
  border-radius: var(--button-border-radius);
  color: var(--button-color-secondary);
  border: var(--button-border-width) solid var(--button-background-secondary);
  background: var(--button-background-secondary);
  transition: background-color 0.3s;
}

input.submit:hover,
button.submit:hover, .events-list .layout_list .more a:hover,
.events-list .layout_teaser .more a:hover, .back a:hover, div.btn--secondary a:hover, a.btn--secondary:hover, .events-grid .more a:hover, .news-grid .more a:hover, .news-list .layout_short .more a:hover, .news-list .layout_latest .more a:hover,
span.btn--secondary:hover,
button.btn--secondary:hover {
  --button-background-secondary: var(--button-background-secondary-hover);
}

p .newsletter-unsubscribe button.submit, .newsletter-unsubscribe p button.submit, p .newsletter-subscribe button.submit, .newsletter-subscribe p button.submit, p input.submit,
p button.submit, p .events-list .layout_list .more a, .events-list .layout_list .more p a,
p .events-list .layout_teaser .more a,
.events-list .layout_teaser .more p a, p .back a, .back p a, p div.btn--secondary a, div.btn--secondary p a, p a.btn--secondary, p .events-grid .more a, .events-grid .more p a, p .news-grid .more a, .news-grid .more p a, p .news-list .layout_short .more a, .news-list .layout_short .more p a, p .news-list .layout_latest .more a, .news-list .layout_latest .more p a,
p span.btn--secondary,
p button.btn--secondary {
  margin-bottom: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.article--highlight div.btn--primary a {
  --button-background: var(--button-background-highlight);
  --button-color: var(--button-color-highlight);
}

.article--highlight div.btn--primary a:hover {
  --button-background: var(--button-background-highlight-hover);
}

div.btn--secondary a:hover {
  --button-background-secondary: var(--button-background-secondary-hover);
}

/** ...theme/scss/components/links.scss - Ende  */

/** basic styling for all navs  */

.nav {
  & ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  & a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}

/** Hauptnavigation  */

.nav--main {
  margin-left: auto;
  line-height: 1em;
  font-size: var(--nav-main-font-size);
  color: var(--nav-main-color);
  position: relative;
  & ul {
    display: flex;
    flex-direction: column;
    @media screen and (min-width: 52em) {
      flex-direction: row;
    }
  }
  & :is(a, strong) {
  display: block;
  }
  & :where(a, a.trail, strong.active, strong.trail, strong.forward) {
    padding: var(--nav-main-item-padding);
    font-weight: var(--nav-main-font-weight);
    color: var(--nav-main-color-active);
    @media screen and (min-width: 52em) {
      margin: var(--nav-main-item-padding);
    }
  }
  & :is(a) {
    color: inherit;
    &:hover {
      color: var(--nav-main-color-hover);
    }
  }
  & .level_1 > li {
    position: relative;
      & > :is(a, strong) {
      white-space: nowrap;
    }
  }
}

.nav--main .level_2 {
  flex-direction:column;
  min-width:10rem;
  position:relative;
  z-index:1001;
  @media screen and (min-width:52em) {
    max-height:0;
    opacity:0;
    overflow:hidden;
    position:absolute;
    transition:opacity .2s .3s,max-height 0s .6s,visibility 0s .6s;
    visibility:hidden;

    margin-inline-start: calc(var(--nav-main-item-padding) *2);
    border: var(--base-border);
    border-radius: var(--base-border-radius);
    box-shadow: var(--base-box-shadow);
  }
}

@media screen and (hover)and (min-width:52em) {
  .nav--main .level_1 > li.submenu.submenu--active > .level_2,
  .nav--main .level_1 > li.submenu:active > .level_2,
  .nav--main .level_1 > li.submenu:focus > .level_2,
  .nav--main .level_1 > li.submenu:hover > .level_2 {
    max-height:9999px;
    opacity:1;
    transition-delay:0s;
    visibility:visible;
    z-index:1002;
  }
}

@media screen and (min-width:52em) {
  .nav--main .level_2 > li {
    background:var(--nav-submenu-background);
    &:first-of-type {
      padding-block-start: var(--nav-main-item-padding);
    }
    &:last-of-type {
      padding-block-end: var(--nav-main-item-padding);
    }
    & :where(a, a.trail, strong.active, strong.trail, strong.forward) {
      padding-block: 0;
    }
  }
}

/* .nav--main .level_2 {
  position: absolute;
  z-index: 1001;
  right: 0;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.nav--main .level_2 a,
.nav--main .level_2 a.trail,
.nav--main .level_2 strong.active,
.nav--main .level_2 strong.trail,
.nav--main .level_2 strong.forward {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
.nav--main .level_2 a {
  opacity: 75%;
}
.nav--main .level_2 a:hover {
  opacity: 100%;
}
.nav--main .level_3 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
} */

@media screen and (max-width: 51.9375em) {
  .nav--mobile {
    z-index: -1;
    visibility: hidden;
    font-size: var(--nav-mobile-font-size);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    border-top: var(--base-border);
    background: var(--nav-mobile-background);
    padding: var(--grid-gutter);
    overflow-y: auto;
    touch-action: touch;
    transition: opacity 0.3s, visibility 0.3s 0.3s;
  }
  .nav--mobile .level_1 a,
  .nav--mobile .level_1 strong {
    color: var(--nav-mobile-color);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
  .nav--mobile .level_1 strong {
    color: var(--nav-main-color-active);
  }
  .nav--mobile .level_2 {
    position: relative;
    margin-left: var(--base-spacing-unit);
  }
  .nav--mobile .level_2 a::before,
  .nav--mobile .level_2 strong::before {
    content: "→";
    margin-right: var(--base-spacing-unit-xs);
  }
}

@media screen and (max-width: 51.9375em) {
  .nav--mobile--active {
    z-index: 1004;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }
}

.nav-toggler {
  justify-self: end;
  z-index: 1002;
  pointer-events: auto;
  color: var(--links-color);
  @media screen and (min-width: 52em) {
    display: none;
  }
}

.nav-toggler__button {
  background: none;
  border: none;
  outline: none;
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
  color: currentcolor;
  padding: calc(var(--base-spacing-unit-xs) / 2) var(--base-spacing-unit-xs);
  line-height: 1.5;
}

.nav-toggler__button .menu-icon {
  position: relative;
  width: var(--nav-icon-width);
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
}

.nav-toggler__button .menu-icon__inner {
  width: 100%;
  background-color: currentcolor;
  border-radius:2px;
  position: absolute;
  left: 0;
  top: 40%; /* 40%; */
  margin-top: calc(var(--nav-icon-stroke) / -2);
  height: var(--nav-icon-stroke);
  transition: transform 0.15s ease;
}

.nav-toggler__button .menu-icon__inner::after, .nav-toggler__button .menu-icon__inner::before {
  background-color: currentcolor;
  border-radius:2px;
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: var(--nav-icon-stroke);
  transition: transform 0.15s ease, opacity 0.15s;
}

.nav-toggler__button .menu-icon__inner::before {
  top: -7px;
}

.nav-toggler__button .menu-icon__inner::after {
  bottom: -7px;
}

.html--fixed .nav-toggler__button .menu-icon__inner {
  transform: rotate(45deg);
}

.html--fixed .nav-toggler__button .menu-icon__inner::before {
  opacity: 0;
}

.html--fixed .nav-toggler__button .menu-icon__inner::after {
  transform: rotate(-90deg);
  bottom: 0;
}

.nav-toggler__button .menu-label {
  display: inline-block;
  margin-left: var(--base-spacing-unit-xs);
  font-size: var(--base-font-size-xl);
}

.nav--sub {
  margin-bottom: var(--base-spacing-unit-lg);
  font-size: var(--base-font-size-xs);
  position: relative;
  z-index: 1000;
}

.nav--sub::after {
  content: "";
  border-bottom: var(--base-border);
  display: block;
  left: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.nav--sub ul {
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  touch-action: auto;
}

.nav--sub li {
  flex: 1 0 auto;
  white-space: nowrap;
  position: relative;
  z-index: 1001;
  text-align: center;
}

.nav--sub li.active, .nav--sub li.trail {
  border-bottom: var(--base-border-width) solid currentcolor;
}

.nav--sub li:hover {
  border-bottom: var(--base-border-width) solid var(--links-color-hover);
}

.nav--sub a,
.nav--sub strong.active,
.nav--sub strong.trail {
  color: inherit;
  padding: var(--nav-submenu-item-padding);
}

.nav--sub a:hover {
  color: var(--links-color-hover);
}

.nav--meta {
  justify-self: start;
  font-family: var(--nav-main-font);
  font-weight: var(--nav-main-font-weight);
  font-size: var(--base-font-size-xs);
}

.nav--meta ul {
  display: grid;
  grid-column-gap: var(--grid-gutter-half);
}

@media screen and (min-width: 48em) {
  .nav--meta ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.nav--meta .level_1 > li > a,
.nav--meta .level_1 > li > strong.active,
.nav--meta .level_1 > li > strong.trail {
  font-weight: var(--base-font-weight-bold);
  display: block;
}

.nav--meta a,
.nav--meta strong.active,
.nav--meta strong.trail {
  padding: 0 var(--base-spacing-unit-sm);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  padding-left: 0;
}

.nav--meta a.last,
.nav--meta strong.active.last,
.nav--meta strong.trail.last {
  padding-right: 0;
}

.nav--meta + .nav--meta {
  justify-self: end;
  text-align: right;
}

/** ...theme/scss/components/navs.scss - Ende  */

/** ...nutshell/scss/components/slider.scss - Beginn  */

.content-swiper :is(.swiper-button-prev, .swiper-button-next) {
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.slider {
  position: relative;

  & .slider-control {
    position: static;
    height: 0;

    & a {
      font-size: var(--slider-arrow-size);
      line-height: 1;
      position: absolute;
      display: block;
      color: var(--slider-arrow-color);
      font-family: var(--slider-arrow-font-family);

      top: 50%;
      transform: translateY(-50%);

      &:hover {
        opacity: 0.5;
      }
      
      &::before {
        padding: var(--base-spacing-unit-sm);
        display: block;
      }
    }

    & .slider-prev::before {
      content: "◄";
    }
    & .slider-next::before {
      content: "►";
    }
  }

  & .slider-menu {
    font-size: var(--slider-menu-point-size);
    line-height: 1;
    top: auto;
    bottom: 0;

    & b {
      color: var(--slider-menu-point-color);

      &.active {
        color: var(--slider-menu-point-color-active);
      }
      &:hover {
        opacity: 0.5;
      }
    }
  }
}

/** ...nutshell/scss/components/Ende.scss - Beginn  */

/** ...theme/scss/components/slider.scss - Beginn  */

.slider .slider-wrapper > * {
  margin-bottom: 0;
}

.slider .slider-control a {
  width: calc(var(--slider-arrow-size) + var(--slider-arrow-padding) * 2);
  height: calc(var(--slider-arrow-size) + var(--slider-arrow-padding) * 2);
  overflow: hidden;
  font-family: var(--base-font-family);
}

.slider .slider-prev::before {
  content: "←";
}

.slider .slider-next::before {
  content: "→";
}

.slider .slider-menu {
  font-size: var(--slider-menu-point-size);
}

/** ...theme/scss/components/slider.scss - Ende  */

/** ...nutshell/scss/components/news.scss - Beginn  */

/** more trimming is possible  */

.news-list {
  margin-bottom: var(--base-spacing-unit);

  & > :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
  }
  & .info {
    margin-bottom: 0;
  }
  & .float_left {
    margin-right: var(--base-spacing-unit);
  }
  & .float_right {
    margin-right: var(--base-spacing-unit);
  }
  & :is(.layout_short, .layout_latest, .layout_simple) > :is(h1, h2, h3, h4, h5, h6) {
    margin-top: var(--base-spacing-unit);
  }
  & :is(.layout_simple, .layout_upcoming) :is(time, a) {
    padding-top: var(--base-spacing-unit);
    display: inline-block;
  }
  & .header {
      margin-top: var(--base-spacing-unit);
  }
}

.news-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  margin-bottom: var(--base-spacing-unit);

  @media screen and (min-width: 34.375em) {
    grid-template-columns: repeat(var(--news-grid-columns-sm), 1fr);
  }
  @media screen and (min-width: 48em) {
    grid-template-columns: repeat(var(--news-grid-columns-md), 1fr);
  }
  @media screen and (min-width: 58.75em) {
    grid-template-columns: repeat(var(--news-grid-columns-lg), 1fr);
  }
  @media screen and (min-width: 68.75em) {
    grid-template-columns: repeat(var(--news-grid-columns-xl), 1fr);
  }
  & > :is(h1, h2, h3, h4, h5, h6) {
    grid-column: 1/-1;
  }
  & .layout_simple time {
    display: block;
  }
}

.news-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.news-menu a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.news-menu .year {
  margin-bottom: var(--base-spacing-unit-sm);
}

.news-menu .year > :is(a, .active) {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}

.news-menu .level_2 li {
  margin-bottom: var(--base-spacing-unit-xs);
}

/** ...nutshell/scss/components/news.scss - Ende  */

/** ...theme/scss/components/news.scss - Beginn  */

.news-list {
  display: grid;
  grid-row-gap: var(--grid-gutter);
  margin-bottom: var(--grid-gutter);
  
  & > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--base-spacing-unit-sm);
  }
  & .layout_latest {
    border: var(--card-border);
    border-radius: var(--card-border-radius);
    background: var(--card-background);
    padding: var(--card-padding);
    transition: box-shadow 0.3s, transform 0.6s;
  }
  & .layout_latest:hover {
    box-shadow: var(--card-shadow);
    transform: translate3d(0, -4px, 0);
  }
}

.news-list .layout_latest {
  display: grid;
}

@media screen and (min-width: 48em) {
  .news-list .layout_latest {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  .news-list .layout_latest {
    grid-template-rows: min-content min-content 1fr min-content;
  }
}

.news-list .layout_latest .image_container {
  order: -1;
}

@media screen and (min-width: 48em) {
  .news-list .layout_latest .image_container {
    grid-column: 1/-1;
  }
  .news-list .layout_latest .image_container {
    grid-column: span 6/span 6;
  }
  .news-list .layout_latest .image_container {
    grid-row: span 4;
  }
}

.news-list .layout_latest .image_container img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 48em) {
  .news-list .layout_latest :is(h1, h2, h3, h4, h5, h6), 
  .news-list .layout_latest :is(.info, .ce_text, .more){
    grid-column: 1/-1;
  }
  .news-list .layout_latest :is(h1, h2, h3, h4, h5, h6), 
  .news-list .layout_latest :is(.info, .ce_text, .more) {
    grid-column: span 6/span 6;
  }
}

.news-list .layout_latest :is(h1, h2, h3, h4, h5, h6) {
  order: -1;
}

.news-list .layout_latest :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

.news-list .layout_latest .info {
  color: var(--color-gray);
  font-size: var(--base-font-size-xs);
  margin-bottom: var(--base-spacing-unit);
}

.news-list .layout_latest .ce_text {
  margin-bottom: var(--base-spacing-unit);
}

.news-list .layout_short {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.news-list .layout_short:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.news-list .layout_short {
  display: flex;
  flex-direction: column;
}

.news-list .layout_short .info {
  font-size: var(--base-font-size-xs);
  margin-bottom: var(--base-spacing-unit);
}

.news-list .layout_short :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  order: -1;
}

.news-list .layout_short :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

.news-list .layout_short .more {
  font-size: var(--base-font-size-xs);
  margin-bottom: 0;
}

.news-list .layout_simple {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.news-list .layout_simple:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.news-list .layout_simple {
  margin-bottom: 0;
}

.news-list .layout_simple time {
  display: block;
  font-size: var(--base-font-size-xs);
  padding-top: 0;
}

.news-list .layout_simple a {
  padding-top: 0;
  margin-bottom: 0;
  display: block;
  color: inherit;
}

.news-grid {
  grid-row-gap: var(--grid-gutter);
}

.news-grid :is(.layout_short, .layout_latest, .layout_simple) {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.news-grid :is(.layout_short, .layout_latest, .layout_simple):hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.news-grid :is(.layout_short, .layout_latest, .layout_simple) {
  display: flex;
  flex-direction: column;
}

.news-grid .image_container {
  order: -2;
  margin-bottom: var(--base-spacing-unit);
}

.news-grid :is(h1, h2, h3, h4, h5, h6) {
  order: -1;
  margin-top: 0;
}

.news-grid :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

.news-grid .info {
  font-size: var(--base-font-size-xs);
}

.news-grid .ce_text {
  margin-bottom: var(--base-spacing-unit);
}

.news-grid .more {
  margin-bottom: 0;
  margin-top: auto;
}

.news-grid .layout_simple time {
  font-size: var(--base-font-size-xs);
}

.news-grid .layout_simple a {
  margin-bottom: 0;
  color: inherit;
}

.news-menu {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.news-menu:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.news-menu > :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--base-spacing-unit-sm);
}

.news-menu :is(a, .active) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: var(--headings-font-family);
}

.news-menu .level_2 a,
.news-menu .level_2 span.active {
  vertical-align: middle;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.news-menu .level_2 a::before,
.news-menu .level_2 span.active::before {
  content: "»";
  margin-right: calc(var(--base-spacing-unit-xs) / 2);
}

.news-menu .year > :is(a, .active) {
  font-weight: var(--headings-font-weight);
}

/** ...theme/scss/components/news.scss - Ende  */

/** ...nutshell/scss/components/events.scss - Beginn  */

.events-list {
  margin-bottom: var(--base-spacing-unit);
  & > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
  }
  & .image_container {
    margin-top: var(--base-spacing-unit);
    margin-bottom: var(--base-spacing-unit);
  }
  & .float_left {
    margin-right: var(--base-spacing-unit);
  }
  & .float_right {
    margin-left: var(--base-spacing-unit);
  }
  & .event > :is(h1, h2, h3, h4, h5, h6) {
    margin-top: var(--base-spacing-unit);
  }
  & .layout_upcoming :is(time, a) {
    padding-top: var(--base-spacing-unit);
    display: inline-block;
  }
  & .header {
    margin-top: var(--base-spacing-unit);
  }
}

.events-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  margin-bottom: var(--base-spacing-unit);
  @media screen and (min-width: 34.375em) {
    grid-template-columns: repeat(var(--events-grid-columns-sm), 1fr);
  }
  @media screen and (min-width: 48em) {
    grid-template-columns: repeat(var(--events-grid-columns-md), 1fr);
  }
  @media screen and (min-width: 58.75em) {
    grid-template-columns: repeat(var(--events-grid-columns-lg), 1fr);
  }
  @media screen and (min-width: 68.75em) {
    grid-template-columns: repeat(var(--events-grid-columns-xl), 1fr);
  }
}

.events-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.events-menu a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.events-menu .year {
  margin-bottom: var(--base-spacing-unit-sm);
}

.events-menu .year > a,
.events-menu .year > .active {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}

.events-menu .level_2 li {
  margin-bottom: var(--base-spacing-unit-xs);
}

/** ...nutshell/scss/components/events.scss - Ende  */

/** ...theme/scss/components/events.scss - Beginn  */

.events-list > :is(h1, h2, h3, h4, h5, h6) {
  padding-bottom: var(--base-spacing-unit-sm);
}

@media screen and (min-width: 34.375em) {
  .events-list > :is(h1, h2, h3, h4, h5, h6) {
    grid-column: 3/10 span;
  }
}

@media screen and (min-width: 48em) {
  .events-list > :is(h1, h2, h3, h4, h5, h6) {
    grid-column: 3/10 span;
  }
}

@media screen and (min-width: 58.75em) {
  .events-list > :is(h1, h2, h3, h4, h5, h6) {
    grid-column: 3/8 span;
  }
}

.events-list .header {
  margin-top: var(--base-spacing-unit-lg);
}

.events-list .layout_list,
.events-list .layout_teaser {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.events-list .layout_list:hover,
.events-list .layout_teaser:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.events-list .layout_list,
.events-list .layout_teaser {
  margin-bottom: var(--base-spacing-unit);
}

.events-list .layout_list:last-child,
.events-list .layout_teaser:last-child {
  padding-bottom: var(--grid-gutter);
  border-bottom: var(--base-border);
}

.events-list .layout_list:hover,
.events-list .layout_teaser:hover {
  transform: none;
}

.events-list .layout_list :is(h1, h2, h3, h4, h5, h6),
.events-list .layout_teaser :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

.events-list .layout_list :is(h1, h2, h3, h4, h5, h6) a,
.events-list .layout_teaser :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

.events-list .layout_list .time,
.events-list .layout_teaser .time {
  line-height: 1.25;
  margin-bottom: var(--base-spacing-unit-sm);
}

.events-list .layout_upcoming {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.events-list .layout_upcoming:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.events-list .layout_upcoming {
  margin-bottom: var(--base-spacing-unit);
}

.events-list .layout_upcoming time,
.events-list .layout_upcoming a {
  display: block;
  padding-top: 0;
}

.events-list .layout_upcoming a {
  margin-bottom: 0;
  color: inherit;
}

.events-list .ce_text:last-child {
  margin-bottom: 0;
}

.events-list .more a {
  --paragraph-link-decoration: none;
}

.events-list .empty {
  margin-block: var(--base-spacing-unit-sm);
}

.events-grid > .header {
  display: none;
}

.events-grid .layout_short,
.events-grid .layout_list,
.events-grid .layout_teaser {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.events-grid .layout_short:hover,
.events-grid .layout_list:hover,
.events-grid .layout_teaser:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.events-grid .layout_short,
.events-grid .layout_list,
.events-grid .layout_teaser {
  display: grid;
  grid-template-rows: min-content min-content auto min-content;
  grid-template-columns: min-content auto;
  grid-column-gap: var(--grid-gutter-half);
  -moz-column-gap: var(--grid-gutter-half);
       column-gap: var(--grid-gutter-half);
  overflow: hidden;
}

.events-grid .layout_teaser .date,
.events-grid .layout_teaser .time {
  grid-row: 2;
  color: var(--color-gray);
  font-size: var(--base-font-size-xs);
  white-space: nowrap;
}

.events-grid .image_container {
  overflow: hidden;
  padding: var(--base-spacing-unit) var(--base-spacing-unit) 0;
}

.events-grid :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  grid-row: 1;
  grid-column: span 2;
}

.events-grid :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

.events-grid .location {
  grid-row: 2;
  color: var(--color-gray);
  font-size: var(--base-font-size-xs);
  white-space: nowrap;
}

.events-grid .ce_text {
  grid-column: span 2;
  margin-bottom: var(--base-spacing-unit);
}

.events-grid .more {
  grid-column: span 2;
}

.events-grid .layout_upcoming {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.events-grid .layout_upcoming:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.events-grid .layout_upcoming time,
.events-grid .layout_upcoming a {
  display: block;
  padding-top: 0;
}

.events-grid .layout_upcoming a {
  margin-bottom: 0;
  color: inherit;
}

.events-reader .info {
  font-weight: var(--base-font-weight-bold);
  margin-bottom: var(--base-spacing-unit-sm);
}

.events-reader .ce_text:first-of-type {
  font-size: var(--base-font-size-lg);
  line-height: 1.6;
}

.events-menu {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.events-menu:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.events-menu a,
.events-menu .active {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: var(--headings-font-family);
}

.events-menu .level_2 a,
.events-menu .level_2 span.active {
  vertical-align: middle;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.events-menu .level_2 a::before,
.events-menu .level_2 span.active::before {
  content: "»";
  margin-right: calc(var(--base-spacing-unit-xs) / 2);
}

.events-menu .year > a,
.events-menu .year > .active {
  font-weight: var(--headings-font-weight);
}

.events-calendar {
  font-size: var(--base-font-size-xs);
}

@media screen and (max-width: 47.99875em) {
  .events-calendar {
    overflow-x: scroll;
    touch-action: auto;
  }
}

.events-calendar > :is(h1, h2, h3, h4, h5, h6) {
  padding-bottom: var(--base-spacing-unit-sm);
  margin-bottom: 0;
}

.events-calendar th,
.events-calendar td {
  padding: calc(var(--base-spacing-unit-xs) / 2);
  text-align: center;
}

.events-calendar .days {
  width: 14.2857142857%;
}

/** ...theme/scss/components/events.scss - Ende  */

/** ...nutshell/scss/components/forms.scss - Beginn  */

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: var(--base-spacing-unit-xs);
}

input.text,
input.captcha,
textarea.textarea,
select.select {
  display: block;
  width: 100%;
  padding: var(--base-spacing-unit-sm) var(--base-spacing-unit-sm);
  border-radius: var(--forms-input-border-radius);
  border: var(--forms-input-border-width) solid var(--forms-input-border-color);
  background-clip: padding-box;
  background-image: none;
  background-color: var(--forms-input-background);
  line-height: var(--forms-input-line-height);
}

textarea.textarea {
  height: auto;
}

.widget-text,
.widget-textarea,
.widget-password {
  margin-bottom: var(--base-spacing-unit);
}

input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type=file] {
  display: block;
  line-height: 1;
}

input.radio,
input.checkbox {
  margin-left: 1px;
  margin-right: var(--base-spacing-unit-xs);
  line-height: var(--base-line-height);
  vertical-align: middle;

  & + label {
    margin-right: var(--base-spacing-unit-xs);
    margin-bottom: 0;
    font-weight: normal;
  }
}

.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
  margin-bottom: var(--base-spacing-unit);

  & legend {
    font-weight: var(--headings-font-weight);
  }
}

:is(.radio_container, .checkbox_container) > span {
  display: inline-flex;
  align-items: center;
}

span.mandatory {
  color: var(--forms-mandatory-color);
}

p.error {
  margin-bottom: 0;
}

/** ...nutshell/scss/components/forms.scss - Ende  */

/** ...theme/scss/components/forms.scss - Beginn  */

.ce_form {
  --card-border: none;
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.ce_form:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.ce_form {
  box-shadow: var(--base-box-shadow);
  margin-bottom: var(--base-spacing-unit);
}

@media screen and (min-width: 58.75em) {
  .ce_form {
    --card-padding: var(--base-spacing-unit-lg);
  }
}

.form--sticky {
  position: sticky;
  top: var(--base-spacing-unit);
  align-self: start;
}

input.text,
input.captcha,
textarea {
  padding: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm);
}

input.radio,
input.checkbox {
  vertical-align: middle;
}

.widget-select select {
  width: 100%;
  margin-left: 0;
  height: calc(1rem * var(--base-line-height) + var(--base-spacing-unit-sm));
}

.widget-radio--list .radio_container > span,
.widget-checkbox--list .checkbox_container > span {
  display: flex;
}

/** ...theme/scss/components/forms.scss - Ende  */

/** ...nutshell/scss/components/accordion.scss - Beginn  */

.content-accordion .handorgel__header {
  line-height: var(--base-line-height);
  margin-bottom: var(--accordion-spacing);
}

.content-accordion .handorgel__header__button {
  display: flex;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--accordion-toggler-font-size);
  cursor: pointer;
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
  padding: var(--accordion-toggler-spacing);
  border: var(--accordion-toggler-border);
  &:hover {
    color: var(--accordion-toggler-color-hover);
  }
  &:focus {
    outline: 0;
  }
}

.content-accordion .handorgel__content {
  background: var(--accordion-content-background);
  overflow: hidden;

  & > div {
    padding: var(--accordion-content-spacing);
  }
}

/** ...nutshell/scss/components/accordion.scss - Ende  */

/** ...theme/scss/components/accordion.scss - Beginn  */

.content-accordion {
  display: grid;
  align-self: start;
  & .handorgel__header {
    margin-bottom: 0;
    margin-top: var(--accordion-spacing);
  }
  & .handorgel__header__button {
    --card-padding: var(--accordion-toggler-spacing);
    border: var(--card-border);
    border-radius: var(--card-border-radius);
    background: var(--card-background);
    padding: var(--card-padding);
    transition: box-shadow 0.3s, transform 0.6s;
    &:hover {
      box-shadow: var(--card-shadow);
    transform: translate3d(0, -4px, 0);
    }
  }
}

.content-accordion .handorgel__header__button {
  font-weight: var(--accordion-toggler-font-weight);
  vertical-align: middle;
  transition: border-radius 0.3s, box-shadow 0.3s, transform 0.3s;
  display: inline-block;
}

.content-accordion .handorgel__header__button::before {
  content: "→";
  display: inline-block;
  margin-right: var(--base-spacing-unit-xs);
  transition: transform 0.3s;
}

.content-accordion .handorgel__header--open .handorgel__header__button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  transform: none;
  box-shadow: none;
}

.content-accordion .handorgel__header--open .handorgel__header__button::before {
  transform: rotate(90deg);
}

.content-accordion .handorgel__content {
  border: var(--accordion-content-border);
  border-top: none;
}

.content-accordion .content-text:last-child {
  margin-bottom: 0;
}

/** ...theme/scss/components/accordion.scss - Ende  */

/** ...nutshell/scss/components/downloads.scss - Beginn  */

.content-download,
.content-downloads {
  margin-bottom: var(--base-spacing-unit);

  & .mime_icon {
    display: inline-block;
    vertical-align: middle;
  }
  & a {
    display: inline-block;
    color: var(--download-link-color);
    -webkit-text-decoration: var(--download-link-decoration);
            text-decoration: var(--download-link-decoration);
  }
}

.content-downloads ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content-downloads a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

/** ...nutshell/scss/components/comments.scss - Ende  */

/* This needs restyling

- border color and background color needs rework

*/

/** ...nutshell/scss/components/tables.scss - Beginn  */

table {
  margin-bottom: var(--base-spacing-unit);
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  & :is(th, td) {
    border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color);
    border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
    padding: 10px;
  }
}

thead {
  text-align: left;
  background: var(--table-background-light);
}

tfoot {
  font-style: italic;
}

.table--striped tr:nth-child(even) {
  background: var(--table-background-light);
}

.table--overflow {
  overflow-x: scroll;
}

/** ...nutshell/scss/components/tables.scss - Ende  */

/** ...nutshell/scss/components/newsletter.scss - Beginn  */

.newsletter-subscribe,
.newsletter-unsubscribe {
  margin-bottom: var(--base-spacing-unit);
  & .formbody {
    display: flex;
    flex-flow: row wrap;
  }
  & .text, .widget-text {
    margin-bottom: 0;
    display: inline-block;
    flex: 1;
  }
  & .error {
    margin-bottom: 0;
    flex: 1 100%;
    font-weight: var(--base-font-weight-bold);
  }
  & .widget-captcha {
    order: -1;
    width: 100%;
    margin-bottom: var(--base-spacing-unit);
  }
  & .widget-checkbox {
    order: 1;
    width: 100%;
  }
  & .submit {
    margin-left: var(--base-spacing-unit-xs);
  }
}

.newsletter-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.newsletter-list a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.newsletter-list li {
  border-bottom: var(--newsletter-list-border);
  padding-block: var(--base-spacing-unit);
  display: block;

  &:first-of-type {
    border-top: var(--newsletter-list-border);
  }
  @media screen and (min-width: 34.375em) {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
  }
  @media screen and (min-width: 48em) {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
  }
}

.newsletter-list li a:hover {
  opacity: 0.5;
}

.newsletter-reader {
  max-width: var(--newsletter-reader-width);
  margin-inline: auto;
  border: var(--newsletter-reader-border);
  padding: 0 var(--base-spacing-unit);
}

/** ...nutshell/scss/components/newsletter.scss - Ende  */

/** ...theme/scss/components/newsletter.scss - Beginn  */

.newsletter-subscribe {
  margin-bottom: 0;
}

.newsletter-subscribe :is(.widget-text, .widget-submit) {
  margin-bottom: var(--base-spacing-unit);
  align-items: center;
  display: flex;
}

.newsletter-subscribe button.submit {
  margin-left: var(--base-spacing-unit-sm);
}

.newsletter-unsubscribe :is(.widget-text, .widget-submit) {
  margin-bottom: var(--base-spacing-unit);
}

.newsletter-unsubscribe button.submit {
  margin-left: var(--base-spacing-unit-sm);
}

.newsletter-list li {
  font-family: var(--newsletter-list-font-family);
  font-weight: var(--newsletter-list-font-weight);
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.newsletter-reader {
  padding-top: var(--base-spacing-unit);
  padding-bottom: var(--base-spacing-unit-sm);
}

/** ...theme/scss/components/newsletter.scss - Ende  */

/** ...nutshell/scss/components/faq.scss - Beginn  */

.faq-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.faq-list a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.faq-list > ul {
  margin-top: 2rem;
}

.faq-list li {
  margin-bottom: var(--base-spacing-unit-sm);
  & a {
    display: inline-block;
  }
  & > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
    &::after {
      border-top: var(--faq-border);
      content: "";
      display: block;
    }
  }
  & article > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
    &::after {
      border-top: var(--faq-border);
      content: "";
      display: block;
    }
  }
}

.faq-page > :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
  &::after {
    border-top: var(--faq-border);
    content: "";
    display: block;
  }
  & article > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
    &::after {
      border-top: var(--faq-border);
      content: "";
      display: block;
    }
  }
}

.faq-page .info {
  font-size: 0.875rem;
  margin-top: var(--base-spacing-unit);
  opacity: 0.5;
}

.faq-page section {
  padding: var(--base-spacing-unit) 0;
  border-bottom: var(--faq-border);
  &.last {
    margin-bottom: var(--base-spacing-unit);
  }
}

.faq-reader .info {
  font-size: 0.875rem;
  margin-top: var(--base-spacing-unit);
  opacity: 0.5;
}

/** ...nutshell/scss/components/faq.scss - Ende  */

/** ...theme/scss/components/faq.scss - Beginn  */

.faq-list > ul {
  margin-top: var(--base-spacing-unit);
}

.faq-list li a {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.faq-list li a:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.faq-list li a {
  font-weight: var(--base-font-weight-bold);
  color: var(--color-text);
  display: block;
}

.faq-list li a::before {
  content: "→";
  margin-right: var(--base-spacing-unit-xs);
}

.faq-list li a:hover {
  color: var(--links-color-hover);
}

.faq-page article > :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--base-spacing-unit);
}

.faq-page section {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
}

.faq-page section:hover {
  box-shadow: var(--card-shadow);
  transform: translate3d(0, -4px, 0);
}

.faq-page section {
  margin-bottom: var(--base-spacing-unit);
}

/** ...theme/scss/components/faq.scss - Ende  */

/** ...nutshell/scss/components/comments.scss - Beginn  */

.ce_comments {
  overflow: visible;

  & .widget {
    margin-bottom: var(--base-spacing-unit);
  }
  & p.error {
    margin-bottom: 0;
    color: var(--color-error);
  }
  & .error {
    border-color: var(--color-error-light);
  }
}

.comment_default {
  padding: var(--base-spacing-unit);
  margin-bottom: var(--base-spacing-unit);
  border: var(--base-border);
  & .info {
    padding-bottom: var(--base-spacing-unit);
    border-bottom: var(--base-border);
  }
  &:has(+ :not(.comment_default)) {
  margin-bottom: var(--base-spacing-unit-lg);
  }
}

/** ...nutshell/scss/components/comments.scss - Ende  */

/** ...theme/scss/components/comments.scss - Beginn  */

.ce_comments {
  margin-bottom: var(--base-spacing-unit);
  & .form {
    border: var(--base-border);
    padding: var(--base-spacing-unit);
    @media screen and (min-width: 48em) {
      padding: var(--base-spacing-unit-lg);
    }
  }
  & .widget-submit {
    margin-bottom: 0;
  }
}

.comment_default .info {
  padding-bottom: var(--base-spacing-unit-sm);
  margin-bottom: var(--base-spacing-unit-sm);
}

.comment_default .reply {
  margin-top: var(--base-spacing-unit);
  @media screen and (min-width: 34.375em) {
    padding: var(--base-spacing-unit);
    background-color: var(--comments-reply-background);
    border-radius: var(--base-border-radius);
  }
  & .info {
    font-style: italic;
  }
}

/** ...theme/scss/components/comments.scss - Ende  */

/** ...nutshell/scss/components/search.scss - Beginn  */

.search {
  & .formbody {
    display: flex;
    flex-flow: row wrap;
  }
  & .widget-text {
    margin-bottom: var(--base-spacing-unit-sm);
    display: inline-block;
    flex: 1;
    & label {
      border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
  }
  & .widget-submit {
    margin-bottom: var(--base-spacing-unit-sm);
    margin-left: var(--base-spacing-unit-xs);
    align-self: flex-end;
    & .submit {
      margin-left: 0;
    }
  }
  & .relevance {
    color: var(--search-relevance-color);
  }
  & .context {
    margin-bottom: var(--base-spacing-unit-xs);
  }
  & .highlight {
    font-weight: bold;
  }
  & .url {
    color: var(--search-url-color);
  }
}

/** ...nutshell/scss/components/search.scss - Ende  */

/** ...theme/scss/components/search.scss - Beginn  */

.search :is(.text, .widget-text, .submit, .widget-submit) {
  margin-bottom: 0;
}

.search :is(.even, .odd) {
  padding-bottom: var(--base-spacing-unit);
  margin-bottom: var(--base-spacing-unit);
  border-bottom: var(--base-border);
}

.search .first {
  border-top: var(--base-border);
  padding-top: var(--base-spacing-unit);
}

/** ...theme/scss/components/search.scss - Ende  */

/* .... optimist theme only */

/** ...theme/scss/components/logo.scss - Beginn  */

.logo {
  pointer-events: auto;
  @media screen and (min-width: 52em) {
    padding-bottom: var(--base-spacing-unit);
  }
  & img {
    margin-left: 0;
    width: 160px;
  }
}

/** ...theme/scss/components/logo.scss - Ende  */

/** ...theme/scss/components/facts.scss - Beginn  */

.fact {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;

  & figure {
    margin-bottom: var(--base-spacing-unit);
    order: -1;

    & img {
      margin-left: 0;
    }
  }
}

/** ...theme/scss/components/facts.scss - Ende  */

/** ...theme/scss/components/notes.scss - Beginn  */

.footer__note {
  margin-top: var(--base-spacing-unit);
  font-size: var(--base-font-size-xs);
  width: 100%;

  & a {
    color: inherit;
  }
}

@media screen and (min-width: 58.75em) {
  .footer__note {
    margin-top: var(--base-spacing-unit-lg);
  }
}

/** ...theme/scss/components/notes.scss - Ende  */

/** ...theme/scss/components/card.scss - Beginn  */

.card {
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  background: var(--card-background);
  padding: var(--card-padding);
  transition: box-shadow 0.3s, transform 0.6s;
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  margin-bottom: 0;

  &:hover {
    transform: translate3d(0, -4px, 0);
  }
  & figure {
    order: -1;
    margin-bottom: var(--base-spacing-unit);
    & img {
      margin-left: 0;
    }
  }
  & .rte {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  & .btn {
    margin-top: auto;
    margin-bottom: 0;
  }
}

/** ...theme/scss/components/card.scss - Ende  */

/* TRUMPS */

/** ...theme/scss/trumps/helper.scss - Beginn  */

.text--inverted,
.text--inverted * {
  color: var(--color-text-inverted);
}

.border-top {
  border-top: var(--base-border);
}

.border-bottom {
  border-bottom: var(--base-border);
}

.block--center {
  margin-inline: auto;
}

.m-t-0,
.mod_article.m-t-0 {
  margin-top: calc(0 * var(--base-spacing-unit));
}

.m-b-0,
.mod_article.m-b-0 {
  margin-bottom: calc(0 * var(--base-spacing-unit));
}

.p-t-0 {
  padding-top: calc(0 * var(--base-spacing-unit));
}

.p-b-0 {
  padding-bottom: calc(0 * var(--base-spacing-unit));
}

.mod_article.p-t-0 {
  --article-spacing-top: calc(0 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-0 {
  --article-spacing-bottom: calc(0 * var(--base-spacing-unit));
  padding-bottom: 0;
}

.m-t-1,
.mod_article.m-t-1 {
  margin-top: calc(1 * var(--base-spacing-unit));
}

.m-b-1,
.mod_article.m-b-1 {
  margin-bottom: calc(1 * var(--base-spacing-unit));
}

.p-t-1 {
  padding-top: calc(1 * var(--base-spacing-unit));
}

.p-b-1 {
  padding-bottom: calc(1 * var(--base-spacing-unit));
}

.mod_article.p-t-1 {
  --article-spacing-top: calc(1 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-1 {
  --article-spacing-bottom: calc(1 * var(--base-spacing-unit));
  padding-bottom: 0;
}

.m-t-2,
.mod_article.m-t-2 {
  margin-top: calc(2 * var(--base-spacing-unit));
}

.m-b-2,
.mod_article.m-b-2 {
  margin-bottom: calc(2 * var(--base-spacing-unit));
}

.p-t-2 {
  padding-top: calc(2 * var(--base-spacing-unit));
}

.p-b-2 {
  padding-bottom: calc(2 * var(--base-spacing-unit));
}

.mod_article.p-t-2 {
  --article-spacing-top: calc(2 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-2 {
  --article-spacing-bottom: calc(2 * var(--base-spacing-unit));
  padding-bottom: 0;
}

.m-t-3,
.mod_article.m-t-3 {
  margin-top: calc(3 * var(--base-spacing-unit));
}

.m-b-3,
.mod_article.m-b-3 {
  margin-bottom: calc(3 * var(--base-spacing-unit));
}

.p-t-3 {
  padding-top: calc(3 * var(--base-spacing-unit));
}

.p-b-3 {
  padding-bottom: calc(3 * var(--base-spacing-unit));
}

.mod_article.p-t-3 {
  --article-spacing-top: calc(3 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-3 {
  --article-spacing-bottom: calc(3 * var(--base-spacing-unit));
  padding-bottom: 0;
}

.m-t-4,
.mod_article.m-t-4 {
  margin-top: calc(4 * var(--base-spacing-unit));
}

.m-b-4,
.mod_article.m-b-4 {
  margin-bottom: calc(4 * var(--base-spacing-unit));
}

.p-t-4 {
  padding-top: calc(4 * var(--base-spacing-unit));
}

.p-b-4 {
  padding-bottom: calc(4 * var(--base-spacing-unit));
}

.mod_article.p-t-4 {
  --article-spacing-top: calc(4 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-4 {
  --article-spacing-bottom: calc(4 * var(--base-spacing-unit));
  padding-bottom: 0;
}

.m-t-5,
.mod_article.m-t-5 {
  margin-top: calc(5 * var(--base-spacing-unit));
}

.m-b-5,
.mod_article.m-b-5 {
  margin-bottom: calc(5 * var(--base-spacing-unit));
}

.p-t-5 {
  padding-top: calc(5 * var(--base-spacing-unit));
}

.p-b-5 {
  padding-bottom: calc(5 * var(--base-spacing-unit));
}

.mod_article.p-t-5 {
  --article-spacing-top: calc(5 * var(--base-spacing-unit));
  padding-top: 0;
}

.mod_article.p-b-5 {
  --article-spacing-bottom: calc(5 * var(--base-spacing-unit));
  padding-bottom: 0;
}

:is(
  .article-xs-1, .article-xs-2, .article-xs-3, 
  .article-xs-4, .article-xs-5, .article-xs-6,
  .article-xs-7, .article-xs-8, .article-xs-9, 
  .article-xs-10, .article-xs-11, .article-xs-12) > .inside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

@media screen and (min-width: 0) {
  .article-xs-1 .inside > * {
    grid-column-end: span 1;
  }
  .article-start-xs-1 .inside > * {
    grid-column-start: 1;
  }
  .article-xs-2 .inside > * {
    grid-column-end: span 2;
  }
  .article-start-xs-2 .inside > * {
    grid-column-start: 2;
  }
  .article-xs-3 .inside > * {
    grid-column-end: span 3;
  }
  .article-start-xs-3 .inside > * {
    grid-column-start: 3;
  }
  .article-xs-4 .inside > * {
    grid-column-end: span 4;
  }
  .article-start-xs-4 .inside > * {
    grid-column-start: 4;
  }
  .article-xs-5 .inside > * {
    grid-column-end: span 5;
  }
  .article-start-xs-5 .inside > * {
    grid-column-start: 5;
  }
  .article-xs-6 .inside > * {
    grid-column-end: span 6;
  }
  .article-start-xs-6 .inside > * {
    grid-column-start: 6;
  }
  .article-xs-7 .inside > * {
    grid-column-end: span 7;
  }
  .article-start-xs-7 .inside > * {
    grid-column-start: 7;
  }
  .article-xs-8 .inside > * {
    grid-column-end: span 8;
  }
  .article-start-xs-8 .inside > * {
    grid-column-start: 8;
  }
  .article-xs-9 .inside > * {
    grid-column-end: span 9;
  }
  .article-start-xs-9 .inside > * {
    grid-column-start: 9;
  }
  .article-xs-10 .inside > * {
    grid-column-end: span 10;
  }
  .article-start-xs-10 .inside > * {
    grid-column-start: 10;
  }
  .article-xs-11 .inside > * {
    grid-column-end: span 11;
  }
  .article-start-xs-11 .inside > * {
    grid-column-start: 11;
  }
  .article-xs-12 .inside > * {
    grid-column-end: span 12;
  }
  .article-start-xs-12 .inside > * {
    grid-column-start: 12;
  }
}

:is(
  .article-sm-1, .article-sm-2, .article-sm-3, 
  .article-sm-4, .article-sm-5, .article-sm-6,
  .article-sm-7, .article-sm-8, .article-sm-9, 
  .article-sm-10, .article-sm-11, .article-sm-12) > .inside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

@media screen and (min-width: 34.375em) {
  .article-sm-1 .inside > * {
    grid-column-end: span 1;
  }
  .article-start-sm-1 .inside > * {
    grid-column-start: 1;
  }
  .article-sm-2 .inside > * {
    grid-column-end: span 2;
  }
  .article-start-sm-2 .inside > * {
    grid-column-start: 2;
  }
  .article-sm-3 .inside > * {
    grid-column-end: span 3;
  }
  .article-start-sm-3 .inside > * {
    grid-column-start: 3;
  }
  .article-sm-4 .inside > * {
    grid-column-end: span 4;
  }
  .article-start-sm-4 .inside > * {
    grid-column-start: 4;
  }
  .article-sm-5 .inside > * {
    grid-column-end: span 5;
  }
  .article-start-sm-5 .inside > * {
    grid-column-start: 5;
  }
  .article-sm-6 .inside > * {
    grid-column-end: span 6;
  }
  .article-start-sm-6 .inside > * {
    grid-column-start: 6;
  }
  .article-sm-7 .inside > * {
    grid-column-end: span 7;
  }
  .article-start-sm-7 .inside > * {
    grid-column-start: 7;
  }
  .article-sm-8 .inside > * {
    grid-column-end: span 8;
  }
  .article-start-sm-8 .inside > * {
    grid-column-start: 8;
  }
  .article-sm-9 .inside > * {
    grid-column-end: span 9;
  }
  .article-start-sm-9 .inside > * {
    grid-column-start: 9;
  }
  .article-sm-10 .inside > * {
    grid-column-end: span 10;
  }
  .article-start-sm-10 .inside > * {
    grid-column-start: 10;
  }
  .article-sm-11 .inside > * {
    grid-column-end: span 11;
  }
  .article-start-sm-11 .inside > * {
    grid-column-start: 11;
  }
  .article-sm-12 .inside > * {
    grid-column-end: span 12;
  }
  .article-start-sm-12 .inside > * {
    grid-column-start: 12;
  }
}

:is(
  .article-md-1, .article-md-2, .article-md-3, 
  .article-md-4, .article-md-5, .article-md-6,
  .article-md-7, .article-md-8, .article-md-9, 
  .article-md-10, .article-md-11, .article-md-12) > .inside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

@media screen and (min-width: 48em) {
  .article-md-1 .inside > * {
    grid-column-end: span 1;
  }
  .article-start-md-1 .inside > * {
    grid-column-start: 1;
  }
  .article-md-2 .inside > * {
    grid-column-end: span 2;
  }
  .article-start-md-2 .inside > * {
    grid-column-start: 2;
  }
  .article-md-3 .inside > * {
    grid-column-end: span 3;
  }
  .article-start-md-3 .inside > * {
    grid-column-start: 3;
  }
  .article-md-4 .inside > * {
    grid-column-end: span 4;
  }
  .article-start-md-4 .inside > * {
    grid-column-start: 4;
  }
  .article-md-5 .inside > * {
    grid-column-end: span 5;
  }
  .article-start-md-5 .inside > * {
    grid-column-start: 5;
  }
  .article-md-6 .inside > * {
    grid-column-end: span 6;
  }
  .article-start-md-6 .inside > * {
    grid-column-start: 6;
  }
  .article-md-7 .inside > * {
    grid-column-end: span 7;
  }
  .article-start-md-7 .inside > * {
    grid-column-start: 7;
  }
  .article-md-8 .inside > * {
    grid-column-end: span 8;
  }
  .article-start-md-8 .inside > * {
    grid-column-start: 8;
  }
  .article-md-9 .inside > * {
    grid-column-end: span 9;
  }
  .article-start-md-9 .inside > * {
    grid-column-start: 9;
  }
  .article-md-10 .inside > * {
    grid-column-end: span 10;
  }
  .article-start-md-10 .inside > * {
    grid-column-start: 10;
  }
  .article-md-11 .inside > * {
    grid-column-end: span 11;
  }
  .article-start-md-11 .inside > * {
    grid-column-start: 11;
  }
  .article-md-12 .inside > * {
    grid-column-end: span 12;
  }
  .article-start-md-12 .inside > * {
    grid-column-start: 12;
  }
}

:is(
  .article-lg-1, .article-lg-2, .article-lg-3, 
  .article-lg-4, .article-lg-5, .article-lg-6,
  .article-lg-7, .article-lg-8, .article-lg-9, 
  .article-lg-10, .article-lg-11, .article-lg-12) > .inside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

@media screen and (min-width: 58.75em) {
  .article-lg-1 .inside > * {
    grid-column-end: span 1;
  }
  .article-start-lg-1 .inside > * {
    grid-column-start: 1;
  }
  .article-lg-2 .inside > * {
    grid-column-end: span 2;
  }
  .article-start-lg-2 .inside > * {
    grid-column-start: 2;
  }
  .article-lg-3 .inside > * {
    grid-column-end: span 3;
  }
  .article-start-lg-3 .inside > * {
    grid-column-start: 3;
  }
  .article-lg-4 .inside > * {
    grid-column-end: span 4;
  }
  .article-start-lg-4 .inside > * {
    grid-column-start: 4;
  }
  .article-lg-5 .inside > * {
    grid-column-end: span 5;
  }
  .article-start-lg-5 .inside > * {
    grid-column-start: 5;
  }
  .article-lg-6 .inside > * {
    grid-column-end: span 6;
  }
  .article-start-lg-6 .inside > * {
    grid-column-start: 6;
  }
  .article-lg-7 .inside > * {
    grid-column-end: span 7;
  }
  .article-start-lg-7 .inside > * {
    grid-column-start: 7;
  }
  .article-lg-8 .inside > * {
    grid-column-end: span 8;
  }
  .article-start-lg-8 .inside > * {
    grid-column-start: 8;
  }
  .article-lg-9 .inside > * {
    grid-column-end: span 9;
  }
  .article-start-lg-9 .inside > * {
    grid-column-start: 9;
  }
  .article-lg-10 .inside > * {
    grid-column-end: span 10;
  }
  .article-start-lg-10 .inside > * {
    grid-column-start: 10;
  }
  .article-lg-11 .inside > * {
    grid-column-end: span 11;
  }
  .article-start-lg-11 .inside > * {
    grid-column-start: 11;
  }
  .article-lg-12 .inside > * {
    grid-column-end: span 12;
  }
  .article-start-lg-12 .inside > * {
    grid-column-start: 12;
  }
}

:is(
  .article-xl-1, .article-xl-2, .article-xl-3, 
  .article-xl-4, .article-xl-5, .article-xl-6,
  .article-xl-7, .article-xl-8, .article-xl-9, 
  .article-xl-10, .article-xl-11, .article-xl-12) > .inside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

@media screen and (min-width: 68.75em) {
  .article-xl-1 .inside > * {
    grid-column-end: span 1;
  }
  .article-start-xl-1 .inside > * {
    grid-column-start: 1;
  }
  .article-xl-2 .inside > * {
    grid-column-end: span 2;
  }
  .article-start-xl-2 .inside > * {
    grid-column-start: 2;
  }
  .article-xl-3 .inside > * {
    grid-column-end: span 3;
  }
  .article-start-xl-3 .inside > * {
    grid-column-start: 3;
  }
  .article-xl-4 .inside > * {
    grid-column-end: span 4;
  }
  .article-start-xl-4 .inside > * {
    grid-column-start: 4;
  }
  .article-xl-5 .inside > * {
    grid-column-end: span 5;
  }
  .article-start-xl-5 .inside > * {
    grid-column-start: 5;
  }
  .article-xl-6 .inside > * {
    grid-column-end: span 6;
  }
  .article-start-xl-6 .inside > * {
    grid-column-start: 6;
  }
  .article-xl-7 .inside > * {
    grid-column-end: span 7;
  }
  .article-start-xl-7 .inside > * {
    grid-column-start: 7;
  }
  .article-xl-8 .inside > * {
    grid-column-end: span 8;
  }
  .article-start-xl-8 .inside > * {
    grid-column-start: 8;
  }
  .article-xl-9 .inside > * {
    grid-column-end: span 9;
  }
  .article-start-xl-9 .inside > * {
    grid-column-start: 9;
  }
  .article-xl-10 .inside > * {
    grid-column-end: span 10;
  }
  .article-start-xl-10 .inside > * {
    grid-column-start: 10;
  }
  .article-xl-11 .inside > * {
    grid-column-end: span 11;
  }
  .article-start-xl-11 .inside > * {
    grid-column-start: 11;
  }
  .article-xl-12 .inside > * {
    grid-column-end: span 12;
  }
  .article-start-xl-12 .inside > * {
    grid-column-start: 12;
  }
}

/** ...theme/scss/trumps/helper.scss - Ende  */

/** ...theme/scss/trumps/print.scss - Beginn  */

@media print {
  *,
  *:before,
  *:after,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: var(--base-font-size);
    font-weight: normal;
    hyphens: auto;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
    font-size: var(--base-font-size);
    font-weight: normal;
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  div.btn a,
  a.btn,
  input.submit {
    color: #000 !important;
    border-color: #000 !important;
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .logo a[href]:after,
  .ce_gallery a[href]:after {
    content: "";
  }
  .nav,
  .nav-toggler,
  .hero__image,
  .ce_comments .form {
    display: none;
  }
  .hero,
  .mod_article.hero,
  .news-full--hero .hero {
    min-height: 0;
  }
  .band {
    margin-top: calc(-1 * var(--base-border-width));
    border-top: var(--base-border-width) solid var(--color-gray-light);
    border-bottom: var(--base-border-width) solid var(--color-gray-light);
  }
  .news-grid > div {
    grid-column: span 6 !important;
  }
  .news-grid > div .image_container a:after {
    content: "";
  }
  .news-full--hero .text_container,
  .ce_comments {
    max-width: 72em;
    max-width: calc(72em - var(--grid-gutter));
    margin-left: auto;
    margin-right: auto;
  }
  .ce_accordion .accordion {
    display: block !important;
  }
  .ce_accordion .ui-accordion-header-icon {
    display: none;
  }
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xl-6 {
    grid-column: span 6;
  }
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xl-4 {
    grid-column: span 4;
  }
}

/** ...theme/scss/trumps/print.scss - Ende  */

/* This one is not needed anymore */

/* @import 'assets/trumps/browser-support.css'; */