body{--sr-7-css-loaded: 1;}
article,footer,header,main{display: block;}
html{text-size-adjust: 100%;}
img{max-width: 100%; height: auto; vertical-align: middle; border: 0px;}
button,input,textarea{margin: 0px; font-size: 100%; vertical-align: middle;}
button,input[type="submit"]{cursor: pointer; appearance: button;}
textarea{overflow: auto; vertical-align: top;}
*,::before,::after{box-sizing: border-box;}
html{overflow-x: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{margin: 0px; overflow-x: hidden;}
a{text-decoration: none;}
a:hover,a:active,[tabindex="-1"]{outline: 0px !important;}
.x-root{min-height: 100vh;}
.site,.x-site{margin: 0px auto; background-color: rgb(255, 255, 255);}
.site::before,.site::after,.x-site::before,.x-site::after{content: " "; display: table; width: 0px;}
.site::after,.x-site::after{clear: both;}
body{line-height: 1.7;}
.x-container.offset-bottom{margin-bottom: 50px;}
:root{--x-body-scroll-bar-size: 0px; --x-body-scroll-active-bar-size: 0px;}
.x-root{display: flex;}
.x-root .site,.x-root .x-site{flex: 1 1 auto; position: relative; width: 100%; min-width: 1px;}
.x-masthead,.x-colophon{position: relative;}
.x-global-block{position: relative;}
.x-section{display: block; position: relative;}
.x-div{display: block; position: relative; width: auto; min-width: 0px; max-width: none; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-row{display: flex; position: relative; flex-flow: row; justify-content: center; align-items: stretch; width: auto; min-width: 0px; max-width: none; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-row-inner{display: flex; flex-wrap: wrap; flex: 1 1 auto; min-width: 0px; min-height: 0px;}
.x-col{flex: 0 1 auto; display: block; position: relative; width: auto; min-width: 0px; max-width: 100%; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-grid{display: grid; grid-auto-columns: auto; grid-auto-rows: auto; position: relative; width: auto; min-width: 0px; max-width: none; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-cell{display: block; position: relative; width: auto; min-width: 0px; max-width: 100%; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-slide-container-viewport{overflow: hidden; width: 100%; touch-action: pan-y;}
.x-slide-container-viewport *{touch-action: manipulation;}
.x-slide-container-content{position: relative; margin-left: auto; margin-right: auto;}
.x-slide-container-content,.x-slide-container-content .x-slide-container{height: 100% !important;}
.x-slide-container{display: block; position: relative; width: 100%; min-width: 0px; max-width: 100%; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px; will-change: transform;}
.x-slide-container.is-inline{display: flex; flex-flow: row; justify-content: flex-start; gap: var(--x-slide-container-gap, 1rem); transition-duration: var(--x-slide-container-transition-duration, 1s); transition-property: transform; transition-timing-function: var(--x-slide-container-transition-timing-function, cubic-bezier(.4, 0, .2, 1));}
.x-slide{display: block; position: relative; width: auto; min-width: 0px; max-width: 100%; height: auto; min-height: 0px; max-height: none; margin: 0px; border: 0px; border-radius: 0px; padding: 0px;}
.x-slide-container .x-slide{transition-duration: var(--x-slide-container-transition-duration, 1s); transition-timing-function: var(--x-slide-container-transition-timing-function, cubic-bezier(.4, 0, .2, 1));}
.x-slide-container-viewport:not(.is-ready) .x-slide{opacity: 0 !important;}
.x-slide-container.is-inline.is-paged .x-slide{flex-grow: 1; flex-shrink: 0; flex-basis: calc((100% / var(--x-slides-per-page, 1)) - (var(--x-slide-container-gap, 1rem) * (1 - (1 / var(--x-slides-per-page, 1)))));}
.x-slide img{user-select: none;}
.x-slide-pagination{display: flex; flex-wrap: nowrap; align-content: center; align-items: center; flex: 0 0 auto; margin: 0px; border: 0px; border-radius: 0px; padding: 0px; line-height: 1; list-style: none;}
.x-slide-pagination.is-row{flex-direction: row;}
.x-slide-pagination li{display: block; flex: 0 0 auto; position: relative; margin: 0px; border: 0px; padding: 0px; background-color: var(--x-slide-pagination-item-bgc, black); list-style: none; user-select: none; cursor: default;}
.x-slide-pagination li.is-active{background-color: var(--x-slide-pagination-item-bgc-alt, rgba(0, 0, 0, .25));}
@media (hover: hover) {.x-slide-pagination li:hover{background-color: var(--x-slide-pagination-item-bgc-alt, rgba(0, 0, 0, .25));}}
:where(.x-anchor, .x-skip-link, .x-search-btn, .x-bar-scroll-button, a.x-image):focus-visible{outline: var(--x-focus-ring-width, 2px) var(--x-focus-ring-style, solid) var(--x-focus-ring-color, #0073e6); outline-offset: var(--x-focus-ring-offset, 2px);}
:where([tabindex="-1"]):focus{outline: none;}
.x-skip-link{position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; white-space: nowrap; clip-path: inset(50%);}
.x-skip-link:focus{position: fixed; z-index: 100000000; top: 0px; left: 0px; overflow: visible; width: auto; height: auto; margin: 0.5rem; border-radius: 3px; padding: 0.75em 1.25em; clip-path: none; font-size: 16px; font-weight: 500; line-height: 1.2; text-decoration: none; color: var(--x-skip-link-color, #ffffff); background-color: var(--x-skip-link-bg-color, #000000);}
.x-icon{display: inline-flex; width: auto; height: auto; line-height: inherit; text-align: center; flex-flow: row !important; justify-content: center !important; align-items: center !important;}
.x-icon::before{display: block !important; position: static !important; inset: auto !important; width: inherit !important; height: inherit !important; margin: 0px !important; line-height: inherit !important; text-align: inherit !important;}
.x-framework-icon{height: 100%; align-items: center; justify-content: center; display: inline-flex; transition: inherit;}
.x-anchor{overflow: hidden; display: inline-flex; flex-flow: column; justify-content: stretch; position: relative; min-width: 1px; text-decoration: none; cursor: pointer;}
.x-anchor-content{overflow: hidden; display: flex; flex: 1 0 auto; position: relative; height: 100%; border-radius: inherit; transform: translate(0px);}
.x-anchor-text{flex-shrink: 1; min-width: 1px; max-width: 100%;}
.x-anchor-text-primary{position: relative; display: block;}
.x-anchor-sub-indicator{position: relative; display: inline-flex; width: auto; height: auto; letter-spacing: 0px; line-height: 1; text-align: center;}
.x-anchor-sub-indicator::before{display: inherit; width: inherit; height: inherit; line-height: inherit; text-align: inherit;}
li:not(.menu-item-has-children) > .x-anchor .x-anchor-sub-indicator{display: none; visibility: hidden;}
.x-bar{position: relative;}
.x-bar,.x-bar-content{display: flex;}
.x-bar{justify-content: space-between;}
.x-bar-h{flex-direction: row;}
.x-bar-content:not(.x-container){flex: 1 0 auto;}
.x-bar-content{z-index: 5;}
.x-bar,.x-bar-content,.x-bar-container{min-width: 1px;}
.x-bar-outer-spacers::before,.x-bar-outer-spacers::after{content: ""; flex-grow: 0; flex-shrink: 0; display: block; pointer-events: none; visibility: hidden;}
.x-bar-absolute{position: absolute;}
.x-bar-h .x-bar-container{height: inherit;}
.x-bar-container{display: flex; position: relative;}
.x-bar-top{width: 100%;}
[class^="x-bg"]{overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: inherit; pointer-events: none;}
.x-bg{z-index: -1;}
[class*="x-bg-layer-lower"]{z-index: 1;}
[class*="x-bg-layer-upper"]{z-index: 2;}
.x-graphic{display: inline-flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; position: relative; letter-spacing: 0px; line-height: 1; z-index: 2;}
.x-graphic-child{position: relative;}
.x-graphic-icon,.x-graphic-icon.x-icon{display: inline-flex;}
.x-graphic-icon,.x-graphic-icon.x-icon{font-size: 1em;}
.x-image{display: inline-block; line-height: 1; vertical-align: middle;}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {.x-image{min-height: 0%;}}
.x-image img{display: block; max-width: 100%; height: auto; vertical-align: bottom; border: 0px;}
a.x-image{cursor: pointer;}
.x-line{display: block; width: 0px; height: 0px; margin: 0px; border: 0px; padding: 0px;}
.x-menu{margin: 0px; padding: 0px; list-style: none;}
.x-menu,.x-menu li{min-width: 1px;}
.x-menu-layered .x-anchor{display: flex;}
.x-menu-layered li::before,.x-menu-layered li::after{content: ""; display: table;}
.x-menu-layered li::after{clear: both;}
.x-menu-layered{overflow: hidden; position: relative;}
.x-menu-layered li{pointer-events: none;}
.x-menu-layered .x-anchor{opacity: 0; transform: translate(25px); pointer-events: none;}
.x-current-layer > li > .x-anchor{opacity: 1; transform: translate(0px); pointer-events: auto;}
.x-modal-content-scroll-area{width: 100%; height: 100%; position: fixed; overflow: hidden; top: 0px; left: 0px; display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center;}
.x-modal-content-scroll-area::before,.x-modal-content-scroll-area::after{content: ""; display: block; flex: 0 0 auto;}
.x-modal{visibility: hidden; position: fixed; inset: 0px; opacity: 0; pointer-events: none; z-index: 99999999;}
.x-modal-bg{display: block; position: fixed; inset: 0px; z-index: -1;}
.x-modal-close{display: block; position: fixed; width: 1em; height: 1em; margin: 0px; border: 0px; padding: 0px; line-height: 1em; text-align: center; background-color: transparent; opacity: 0; transform: scale(0); z-index: 3;}
.x-modal-close span{display: block;}
.x-modal-close svg{display: block; width: 1em; height: 1em; margin: auto; font-size: 1em; fill: currentcolor;}
.x-modal-close-top{top: 0px;}
.x-modal-close-right{right: var(--x-body-scroll-active-bar-size);}
.x-modal-content{position: relative; flex: 0 0 auto; z-index: 2; width: 100%; margin: 0px auto; transform: translateY(-15px);}
[class*="x-separator"]{display: block; position: absolute; z-index: -1; left: 0px; right: 0px; margin: 0px auto;}
[class*="x-separator"][class*="bottom"]{bottom: 0px; transform: translateY(100%);}
[class*="x-separator"] svg{display: block; width: 100%; height: 100%; margin: 0px;}
.x-text{min-width: 1px;}
a.x-text{display: block;}
.x-text-headline{position: relative;}
.x-text-content{display: flex;}
.x-text-content-text{flex-grow: 1; min-width: 1px; max-width: 100%;}
.x-text-content-text,.x-text-content-text-primary{display: block;}
.x-text-content-text-primary > p:last-child{margin-bottom: 0px;}
.x-text-content-text-primary{margin-top: 0px; margin-bottom: 0px;}
.x-toggle{display: block; position: relative; transform: translate(0px); pointer-events: none;}
.x-toggle > span{display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px auto; border-radius: inherit; background-color: currentcolor;}
.x-toggle-burger{height: 1em;}
[data-x-toggle-anim]{animation-name: none; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-play-state: paused;}
.x-div,.x-row,.x-col,.x-grid,.x-cell,.x-section,.x-anchor,.x-anchor-text-primary,.x-anchor-sub-indicator,.x-bar-is-sticky,.x-bar-is-sticky .x-bar-content,.x-graphic-child,.x-image,.x-line,.x-modal-close,.x-icon,.x-text,.x-text-content-text-primary,.x-menu-layered:not(.x-menu-first-level),.x-bar,.x-bar-container,.x-slide,.x-slide-pagination,.x-slide-pagination li{transition-duration: 0.3s;}
.x-modal{transition-property: opacity, visibility;}
.x-modal-close{transition-property: color, opacity, transform;}
.x-modal-content{transition-property: transform;}
.x-bar,.x-bar-container{transition-property: opacity, filter, transform;}
.x-bar-is-sticky,.x-bar-is-sticky .x-bar-content{transition-property: height, opacity;}
.x-line,.x-slide-pagination{transition-property: opacity, filter, transform;}
.x-menu-layered:not(.x-menu-first-level){transition-property: height;}
.x-div,.x-row,.x-col,.x-grid,.x-cell,.x-section,.x-image,.x-anchor,.x-text-headline,.x-slide{transition-property: border-color, background-color, box-shadow, opacity, filter, transform;}
.x-slide-pagination li{transition-property: width, height, background-color, opacity, filter, transform;}
.x-icon{transition-property: color, border-color, background-color, box-shadow, text-shadow, opacity, filter, transform, fill, stroke;}
.x-text:not(.x-text-headline){transition-property: color, border-color, background-color, box-shadow, text-shadow, column-rule, opacity, filter, transform;}
.x-anchor-text-primary,.x-anchor-sub-indicator,.x-text-content-text-primary{transition-property: color, text-shadow;}
.x-menu-layered .x-anchor{transition-property: border-color, background-color, box-shadow, opacity, transform;}
.x-graphic-child{transition-property: color, background-color, text-shadow, box-shadow, opacity, transform;}
.x-div,.x-row,.x-col,.x-grid,.x-cell,.x-section,.x-anchor,.x-anchor-text-primary,.x-anchor-sub-indicator,.x-bar-is-sticky,.x-bar-is-sticky .x-bar-content,.x-graphic-child,.x-image,.x-line,.x-modal-close,.x-icon,.x-text,.x-text-content-text-primary,.x-menu-layered:not(.x-menu-first-level),.x-bar,.x-bar-container,.x-slide,.x-slide-pagination,.x-slide-pagination li{transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
p{margin: 0px 0px 1.313em;}
small{font-size: smaller;}
strong{font-weight: 700;}
h1,h2,h3{margin: 1.25em 0px 0.2em; text-rendering: optimizelegibility;}
h1{margin-top: 1em; font-size: 400%; line-height: 1.1;}
h2{font-size: 285.7%; line-height: 1.2;}
h3{font-size: 228.5%; line-height: 1.3;}
ul{padding: 0px; margin: 0px 0px 1.313em 1.655em;}
hr{height: 0px; margin: 1.313em 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.075) currentcolor currentcolor; border-image: none;}
form{margin: 0px 0px 1.313em;}
fieldset{padding: 0px; margin: 0px; border: 0px;}
legend{display: block; width: 100%; padding: 0px; margin: 0px; line-height: 1.4; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(221, 221, 221); border-image: none;}
label,input,button,textarea{font-size: 100%; line-height: 1.7;}
input,button,textarea{font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;}
label{display: block; margin-bottom: 2px;}
textarea,input[type="text"],input[type="email"],input[type="tel"]{display: inline-block; height: 2.65em; margin-bottom: 9px; border: 1px solid rgba(0, 0, 0, 0.075); padding: 0px 0.65em; font-size: 13px; line-height: normal; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255);}
input,textarea{width: auto;}
textarea{height: auto; line-height: 1.3;}
textarea,input[type="text"],input[type="email"],input[type="tel"]{transition: border 0.2s linear;}
textarea:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{border-color: rgb(41, 143, 94); outline: 0px;}
input[type="checkbox"]{margin: 0.425em 0px; line-height: normal; cursor: pointer;}
@media (max-width: 479.98px) {input[type="checkbox"]{border: 1px solid rgb(204, 204, 204);}}
input[type="submit"],input[type="checkbox"]{width: auto;}
textarea{padding-top: 6px; padding-bottom: 6px;}
[type="submit"]{display: inline-block; position: relative; border: 1px solid rgb(172, 17, 0); border-radius: 0px; padding: 0.563em 1.125em 0.813em; cursor: pointer; font-size: 16px; font-weight: inherit; line-height: 1.3; text-align: center; vertical-align: middle; color: rgb(255, 255, 255); background-color: rgb(255, 42, 19); transition: 0.15s linear;}
[type="submit"]:hover{text-decoration: none; color: rgb(255, 255, 255); border-color: rgb(96, 9, 0); background-color: rgb(223, 22, 0);}
[type="submit"]:hover,[type="submit"]:active{outline: 0px !important;}
.x-container{margin: 0px auto;}
.x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content)::before,.x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content)::after{content: " "; display: table; width: 0px;}
.x-container:not(.x-row):not(.x-grid):not(.x-div):not(.x-bar-content):not(.x-slide-container-content)::after{clear: both;}
.x-section{display: block; position: relative; margin: 0px 0px 1.313em; padding: 45px 0px;}
.x-section::before,.x-section::after{content: " "; display: table; width: 0px;}
.x-section::after{clear: both;}
.x-main{position: relative;}
.x-main::before,.x-main::after{content: " "; display: table; width: 0px;}
.x-main::after{clear: both;}
.hentry .entry-wrap{position: relative; border-top: 1px solid rgba(0, 0, 0, 0.075); padding: 50px 0px;}
.hentry .entry-wrap::before,.hentry .entry-wrap::after{content: " "; display: table; width: 0px;}
.hentry .entry-wrap::after{clear: both;}
@media (max-width: 766.98px) {.hentry .entry-wrap{padding: 35px 0px;}}
.hentry:first-child .entry-wrap{border-top: 0px;}
.hentry:last-child .entry-wrap{border-bottom: 1px solid rgba(0, 0, 0, 0.075);}
.single .hentry .entry-wrap{border-bottom: 1px solid rgba(0, 0, 0, 0.075);}
.entry-title{position: relative; width: 88%; margin: 0px auto; padding: 0px 20px; font-size: 314%; line-height: 1; text-align: center; overflow-wrap: break-word;}
@media (max-width: 978.98px) {.entry-title{font-size: 257%;}}
@media (max-width: 766.98px) {.entry-title{font-size: 200%;}}
@media (max-width: 479.98px) {.entry-title{font-size: 156%;}}
.entry-title a{border: 0px; opacity: 1;}
.entry-title a:hover{color: rgb(86, 100, 113); opacity: 0.65;}
.entry-title::before{position: relative; top: -0.125em; margin-right: 0.35em; font-size: 0.85em; line-height: 1; vertical-align: middle; opacity: 0.5; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: FontAwesome !important; font-style: normal !important; font-weight: 400 !important;}
.entry-content{margin-top: 3%; padding: 0px 10%;}
@media (max-width: 766.98px) {.entry-content{padding: 0px;}}
.entry-content > p:last-child{margin-bottom: 0px;}
.entry-content.excerpt p{margin-bottom: 0px;}
.page .hentry .entry-wrap:last-child{border-bottom: 0px;}
.page .hentry .entry-content{padding: 0px;}
.x-comments-area{margin: 3.5em 0px;}
#respond .required{font-weight: 300; color: rgb(41, 143, 94);}
#reply-title{margin: 1.5em 0px 0px; font-size: 40px; line-height: 1.05;}
#reply-title small{margin: 0.55em 0px 0.3em; display: block; font-size: 16px; text-transform: uppercase;}
#commentform{margin-bottom: 0px;}
.comment-form-comment{margin: 0px;}
.comment-form-comment label{font-size: 171%; color: rgb(86, 100, 113);}
.comment-form-comment label .required{position: relative; right: 0.175em;}
.comment-form-comment textarea{width: 100%; resize: none; margin-bottom: 0.85em; padding-top: 11px; padding-bottom: 11px; font-size: 18px;}
.form-submit{margin: 0px;}
@media print {*{background: none transparent !important; text-shadow: none !important; color: rgb(0, 0, 0) !important; box-shadow: none !important;}
html,body{overflow: visible !important;}
a,a:visited{text-decoration: underline;}
a[href^="#"]::after{content: "";}
img{break-inside: avoid;}
img{max-width: 100% !important;}
p,h2,h3{orphans: 3; widows: 3;}
h2,h3{break-after: avoid;}
.x-root{display: block;}
.x-masthead,.x-colophon,.x-bg{display: none !important;}
.x-effect-enter{opacity: 1 !important; filter: none !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important;}}
.x-framework-icon:first-child{margin-right: 0.3em;}
.x-framework-icon:last-child{margin-left: 0.3em;}
.x-framework-icon:only-child{margin-left: 0px; margin-right: 0px;}

.x-bg .mit-referenzmotiv { background-image: none !important; }
.referenzmotiv, .referenzmotiv img { display:block; width:100%; height:100%; }
.referenzmotiv img { object-fit:cover; object-position:var(--motivposition,50% 50%); }
