html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main,details{display:block}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}hr{height:0;color:inherit;overflow:visible}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;max-width:100%;height:auto}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[hidden],template{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.anchor{position:absolute;display:block;height:100px;margin-top:-100px;width:0;pointer-events:none}img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit}a:hover{text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--accentFont),sans-serif;font-weight:bold;text-transform:uppercase;margin:.5em 0;line-height:1}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child{margin-bottom:0}h2{font-size:clamp(24px,3.5vw,34px)}h3{font-size:clamp(18px,2.5vw,26px)}.f-field-text h3{color:var(--primaryColor);font-size:clamp(18px,2vw,22px)}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.more{cursor:pointer;color:var(--primaryColor);text-decoration:none;font-size:18px;font-weight:bold;display:inline-block}.user-login-form{padding:0 30px;margin:6vw auto 0 auto;max-width:650px}.user-login-form input{padding:10px;font-size:15px;border:none;outline:none;background-color:#eee;border-bottom:1px solid #000;width:100%}.user-login-form input.button{margin-top:20px;border:1px solid #000}.user-login-form label{display:block}.user-login-form .description{font-size:12px}.hamburger{outline:none}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:var(--primaryColor)}html{height:100%}body{font-family:"Arial",sans-serif;font-size:18px;line-height:1.3;font-weight:300;color:#000;background-color:var(--secondaryColor);height:100%;min-height:100%}b,strong{font-weight:bold}.dialog-off-canvas-main-canvas{height:99.9%}.layout-container{position:relative;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}main{width:100%;max-width:var(--inner-width);margin:0 auto;padding:40px 15px 30px 15px}#block-jof-content{width:100%;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0px}video{width:100%;height:auto}header{position:relative;z-index:10}.header-wrapper{position:relative;padding:0 15px;max-width:var(--inner-width);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#block-jof-page-title{display:none}#block-jof-logo{position:relative;padding-top:2.2vw;padding-left:5vw;width:20vw;z-index:9}#block-jof-logo:before{position:absolute;left:0;top:0vw;right:-10vw;bottom:-13vw;z-index:-1;content:"";background:url(../img/bg-logo.png) no-repeat right bottom;background-size:120%;pointer-events:none}.main-nav>ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.main-nav>ul,.main-nav>ul li{margin:0;padding:0;list-style-type:none}.main-nav>ul a{display:block;font-family:var(--accentFont);font-size:18px;text-transform:uppercase;line-height:1;padding:8px 22px 4px 22px;background-color:var(--primaryColor);color:#000;text-decoration:none;font-weight:bold;border-radius:20px;-webkit-transition:.2s all ease-out;transition:.2s all ease-out}.main-nav>ul a:hover,.main-nav>ul a.is-active{color:var(--secondaryColor)}.f-field-content>div+div{margin-top:20px}.paragraph--type--texticon{background-color:#fff;border-radius:25px;padding:20px}.paragraph--type--service{position:relative;background-color:#fff;border-radius:25px;padding:20px}.paragraph--type--service+.paragraph--type--service{margin-top:20px}.paragraph--type--service>.sc-text{display:none}.paragraph--type--service .f-field-imgs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:15px;overflow:hidden;margin-bottom:15px}.paragraph--type--service .f-field-imgs>a{display:none;border-radius:16px;overflow:hidden}.paragraph--type--service .f-field-imgs>a:nth-child(1),.paragraph--type--service .f-field-imgs>a:nth-child(2){width:calc(50% - 7.5px);display:block}.paragraph--type--service .more-imgs{display:none}.paragraph--type--service .more-imgs .f-field-imgs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.paragraph--type--service .more-imgs .f-field-imgs>a{display:block;border-radius:16px;overflow:hidden;width:calc((100% - 30px)/3)}.paragraph--type--service .more-imgs .f-field-imgs>a:nth-child(1),.paragraph--type--service .more-imgs .f-field-imgs>a:nth-child(2){display:none}.paragraph--type--team{position:relative;background-color:#fff;border-radius:25px;padding:20px}.paragraph--type--team h2{margin-bottom:10px}.f-field-people{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.f-field-people .f-field-portrait{border-radius:25px;overflow:hidden;margin-bottom:15px}.f-field-people .f-field-p-name{font-family:var(--accentFont);color:var(--primaryColor);text-transform:uppercase;font-size:22px;text-align:center}.f-field-people .text-wrapper h3{margin-bottom:10px}.f-field-people .text-wrapper a{text-decoration:underline}.f-field-people .text-wrapper a:hover{text-decoration:none}.f-field-people .f-field-email{margin-top:10px}.paragraph--type--person{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.paragraph--type--person .text-wrapper{display:none}.paragraph--type--boxes{position:relative;margin-left:auto;margin-right:0}.paragraph--type--boxes .f-field-title{font-family:var(--accentFont);text-transform:uppercase;font-weight:bold;font-size:clamp(22px,3vw,32px);text-align:center;padding:5px 15px;line-height:normal}.f-field-boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.paragraph--type--box{border:20px solid #fff;border-top-width:8px;background-color:#fff;border-radius:25px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:360px}.paragraph--type--box.w30{width:calc(30% - 8px)}.paragraph--type--box.w40{width:calc(40% - 8px)}.paragraph--type--box.w50{width:calc(50% - 8px)}.paragraph--type--box.w60{width:calc(60% - 8px)}.paragraph--type--box.w70{width:calc(70% - 8px)}.paragraph--type--box.tp-bottom{border-top-width:20px;border-bottom-width:0px}.paragraph--type--box.tp-bottom .f-field-title{padding-top:8px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.paragraph--type--box .f-field-boxcontent{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}.paragraph--type--box .f-field-boxcontent div{height:100%}.paragraph--type--box .f-field-boxcontent .f-field-text{background-color:var(--secondaryColor);border-radius:16px;padding:25px;color:#fff}.paragraph--type--box a{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.paragraph--type--box a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.paragraph--type--boximg .f-field-boximg{border-radius:16px;overflow:hidden}.paragraph--type--boximg img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transition:.2s all ease-out;transition:.2s all ease-out}.paragraph--type--view{position:relative;margin-top:clamp(100px,10vw,200px) !important}.view-events .views-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}.view-events .views-row+.views-row{margin-top:20px}.view-events .date{font-weight:bold;margin:10px 0}.view-events .imgs{border:8px solid #fff;border-radius:25px;overflow:hidden}.view-events .event-text{border-radius:25px;background-color:#fff;padding:25px}#block-jof-offnungszeiten{margin-top:100px;width:300px;-ms-flex-negative:0;flex-shrink:0}#block-jof-offnungszeiten .f-body{background-color:#fff;border-radius:25px;padding:20px;-ms-hyphens:auto;hyphens:auto}#block-jof-offnungszeiten .f-body h2{font-size:clamp(18px,2.2vw,26px)}footer{background-color:#fff;margin-top:auto;margin-bottom:0;padding:30px 15px}footer .f-body ul,footer .f-body li{padding:0;margin:0;list-style:none}footer .f-body>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}footer .f-body img{width:auto;height:40px}.is-front #block-jof-logo{position:relative;padding-top:2.2vw;padding-left:2vw;width:23vw}.is-front #block-jof-logo:before{bottom:-16vw;right:-6vw;background-size:120% 160%}.is-front .main-nav>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.is-front #block-jof-welcome{margin-top:200px;font-weight:700;font-family:var(--accentFont);font-size:1.3rem;color:var(--primaryColor);width:300px;-ms-flex-negative:0;flex-shrink:0}.is-front #block-jof-welcome .f-body{position:relative;max-width:220px;margin-left:auto;margin-right:0;padding-top:30px}.is-front #block-jof-welcome .f-body:before{position:absolute;left:0;top:0;right:0;height:16px;background-color:var(--primaryColor);content:"";border-radius:8px}:root{--primaryColor: #f7d208;--secondaryColor: #269cda;--accentFont: "hoss-round";--inner-width: 1440px}/*# sourceMappingURL=styles.css.map */