:root{--backgroundColor: #FAFAFA;--fontColor: #303030;--linkColor: #A42B2F;--colorWhite: #fff;--headlineColor: #003055;--accentColor: #FFC229;--baseColor: var(--fontColor);--fontSize: 20px;--lineHeight: 1.5;--fontFamily: "itc-officina-sans-pro", sans-serif;--navFontSize: clamp(16px, 3vw, 28px);--headlineFamily: var(--fontFamily);--H1FontSize: clamp(24px, 3.5vw, 44px);--H1FontWeight: 700;--H1LineHeight: 1.7;--H2FontSize: 29px;--H2FontWeight: 500;--H3FontSize: 22px;--H3FontWeight: 700;--gutter: 8px;--emBase: 25px;--header-height: 151px;--gridBaseWidth: 1200;--innerWrapperWidth: calc(var(--gridBaseWidth) * 1px);--logoWidth: 120px;--cardtop: calc(var(--gutter) * 6)}@media(min-width: 1000px){:root{--fontSize: 18px;--H1LineHeight: 1.8;--H2FontSize: 29px;--H3FontSize: 22px;--heightHeight: 92px;--gutter: 16px;--logoWidth: 192px;--header-height: 145px;--cardtop: 140px}}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;height:100%}*,*:before,*:after{box-sizing:inherit}.bgcolorbackground{background:var(--colorBackground)}.bgprimary{background:var(--colorPrimary)}.bgsecondary{background:var(--colorSecondary)}.bgwhite{background:var(--colorWhite)}.bglinkcolor{background:var(--linkColor)}.bglinkcolor *{color:var(--colorWhite)}body{font-family:var(--fontFamily);font-weight:400;color:var(--baseColor);font-size:var(--fontSize);line-height:var(--lineHeight)}a{text-decoration:none;color:var(--accentColor)}p{margin:0 0 var(--emBase) 0}p:last-child{margin:0}h1{font-weight:var(--H1FontWeight);font-size:var(--H1FontSize);margin:0;color:var(--headlineColor)}h2{font-size:var(--H2FontSize);font-weight:var(--H2FontWeight);color:var(--headlineColor);margin:0 0 var(--gutter) 0}h2.center{text-align:center}h3{font-weight:var(--H3FontWeight);font-size:var(--H3FontSize);margin:0;color:var(--baseColor)}a{color:var(--colorLink)}ul{padding-left:25px;margin:0 0 var(--embase) 0}p{margin:0 0 var(--emBase) 0}.innerwrapper{max-width:var(--innerWrapperWidth);margin:0 auto}html{scroll-behavior:smooth}body{margin:0;background:var(--backgroundColor);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;font-smooth:antialiased;width:100%;overflow-x:hidden}a{color:var(--linkColor)}a.primary{color:var(--primaryColor)}.flex-wrap{display:flex;flex-wrap:wrap}.cta{border-radius:8px;padding:var(--gutter)}.cta__primary{background:var(--accentColor);color:var(--fontColor)}.cta__primary.cta__light{background:rgba(0,0,0,0);border:1px solid var(--accentColor);color:var(--accentColor)}.cta__primary.cta__icon-right:after{background:url("../images/icon-arrow-right.svg") no-repeat;background-size:100% auto}.cta__secondary{background:var(--headlineColor);color:var(--colorWhite)}.cta__secondary.cta__light{background:rgba(0,0,0,0);border:1px solid var(--headlineColor);color:var(--headlineColor)}.cta__secondary.cta__light.cta__icon-right:after{background:url("../images/icon-arrow-right.svg") no-repeat;background-size:100% auto}.cta__secondary.cta__icon-right:after{background:url("../images/icon-arrow-right-white.svg") no-repeat;background-size:100% auto}.cta__icon-right{display:inline-flex;align-items:center}.cta__icon-right:after{content:"";display:block;width:26px;height:26px;margin-left:calc(var(--gutter)/2)}.cta__small{padding:calc(var(--gutter)/2)}.cta__small:after{content:"";display:block;width:18px;height:18px}.cta__phone{margin-left:var(--gutter);background:var(--headlineColor);border-radius:25px;color:var(--backgroundColor);padding:calc(var(--gutter)/2) var(--gutter);font-size:22px;display:flex;align-items:center}.cta__phone:before{content:"";display:block;width:19px;height:19px;background:url("../images/icon-phone.svg");margin-right:var(--gutter)}.cta_arrow_right{background:var(--accentColor);color:var(--headlineColor);border-radius:8px;text-align:center;padding:calc(var(--gutter)/2) var(--gutter);display:flex;align-items:center;justify-content:center;margin-top:28px}.cta_arrow_right:after{content:"";background:url("../images/icon-arrow-right.svg");background-size:100% auto;width:26px;height:26px;display:block;margin-left:16px}.mainwrapper{max-width:var(--innerWrapperWidth);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.p-1{padding:var(--gutter)}.p-05{padding:calc(var(--gutter)/2)}.pt-1{padding-top:var(--gutter)}.pb-1{padding-bottom:var(--gutter)}.pl-1{padding-left:var(--gutter)}.pr-1{padding-right:var(--gutter)}.pcol-l{padding-left:10%}.pcol-r{padding-right:10%}@media(min-width: 600px){.mcol-l{margin-left:10%}}@media(min-width: 600px){.mcol-r{margin-right:10%}}header.header{position:fixed;width:100%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:20;background:rgba(255,255,255,.7)}header.header .innerwrapper{display:flex;flex-direction:column;justify-content:space-between;padding-left:var(--gutter);padding-right:var(--gutter)}@media(min-width: 600px){header.header .innerwrapper{flex-direction:row;align-items:center}}header.header .logo{padding:var(--gutter) 0}header.header .logo svg{width:var(--logoWidth);height:auto}header.header .nav-tel{display:flex;flex-wrap:wrap;align-items:center}.footer{background:var(--headlineColor);color:var(--backgroundColor);padding:calc(var(--gutter)*4) 0}.footer a{color:var(--backgroundColor)}.footer .innerwrapper{display:grid;padding:0 var(--gutter);grid-template-columns:50% 50%;grid-template-rows:auto auto auto auto;grid-template-areas:"logo nav" "adresse adresse" "tel tel" "copy copy"}@media(min-width: 600px){.footer .innerwrapper{padding:0;grid-template-columns:25% 25% 25% 25%;grid-template-rows:auto auto;grid-template-areas:"logo adresse tel nav" "copy copy copy copy"}}.footer__logo{grid-area:logo;padding:var(--gutter)}.footer__logo svg{width:var(--logoWidth);height:auto}.footer__adresse{grid-area:adresse}.footer__tel{grid-area:tel}.footer__nav{grid-area:nav}.footer__copyright{grid-area:copy;padding:var(--gutter) 0;text-align:center}.container-10{width:10%}.container-20{width:20%}.container-30{width:30%}.container-40{width:40%}.container-50{width:100%}@media(min-width: 600px){.container-50{width:50%}}.container-60{width:60%}.container-70{width:70%}.container-80{width:80%}.container-90{width:90%}.container-100{width:100%}nav ul{list-style:none;display:flex;margin:0;padding:0;font-size:var(--navFontSize);text-transform:uppercase}nav ul a{display:block;color:var(--linkColor);font-weight:400;padding:0 calc(var(--gutter)/2)}@media(min-width: 600px){nav ul a{padding:0 var(--gutter)}}nav ul li:first-child a{padding-left:0}nav ul li:last-child a{padding-right:0}nav ul li.current a{font-weight:700;color:var(--headlineColor)}footer nav ul{flex-direction:column;font-size:22px}footer nav ul li{text-align:right}footer nav ul li a{font-weight:400;padding:0 0 var(--gutter) 0}footer nav ul li.current a{font-weight:700;color:var(--backgroundColor)}.hero{display:flex;flex-direction:column-reverse;background-image:linear-gradient(to bottom, #fff 0, #fff var(--header-height), #003055 var(--header-height), #003055 100%);background-repeat:no-repeat;background-position:bottom left;background-size:100% auto;color:var(--backgroundColor);position:relative}@media(min-width: 600px){.hero{flex-direction:row}}.hero:after{content:"";display:block;position:absolute;width:100%;background:url("../images/hero-bogen.svg") no-repeat;aspect-ratio:9.2/1;background-size:100% auto;bottom:0}.hero h1,.hero h2,.hero h3{color:var(--backgroundColor)}.hero__textarea{width:100%;padding:var(--gutter) var(--gutter) calc(var(--gutter)*8) var(--gutter);display:flex;flex-direction:column;justify-content:flex-end}@media(min-width: 600px){.hero__textarea{width:30%;padding:var(--header-height) var(--gutter) calc(var(--cardtop) + var(--gutter)*2) var(--gutter)}}@media(min-width: 1200px){.hero__textarea{margin-left:calc((100vw - var(--innerWrapperWidth))/2)}}@media(min-width: 1200px){.hero__image{width:calc(var(--innerWrapperWidth)*70/100 + (100vw - var(--innerWrapperWidth))/2);height:70vh;position:relative;z-index:10}}.hero__image img{margin-top:calc(var(--gutter)*-3);margin-left:var(--gutter);display:block;clip-path:circle(50%);bottom:0;width:140%;height:140%;object-fit:cover}@media(min-width: 600px){.hero__image img{position:absolute;width:100%;height:100%}}.component-card-image{max-width:var(--innerWrapperWidth);margin:0 auto;display:flex;flex-wrap:wrap;padding:var(--gutter) 0}.component-card-image__text{width:100%;padding:var(--gutter)}@media(min-width: 600px){.component-card-image__text{width:50%}}.component-card-image__image{width:100%;padding:var(--gutter)}@media(min-width: 600px){.component-card-image__image{width:50%;padding:0}}.component-card-image__image img{width:100%;height:auto}.component-card-image__rechts{flex-direction:column-reverse}@media(min-width: 600px){.component-card-image__rechts{flex-direction:row}}.component-card-top{background-image:linear-gradient(180deg, #ECD8D8 0%, #F6EFEF 74%);box-shadow:0 4px 10px 0 rgba(0,48,85,.25);border-radius:8px;padding:calc(var(--gutter));display:flex;position:relative;z-index:10;margin-left:var(--gutter);margin-right:var(--gutter);margin-top:calc(var(--cardtop)*-1)}.component-card-top+.component-card-top{margin-top:calc(var(--gutter)*2)}@media(min-width: 600px){.component-card-top{padding:calc(var(--gutter)*2);width:calc(50% - var(--gutter)*2)}.component-card-top+.component-card-top{margin-top:calc(var(--cardtop)*-1)}}@media(min-width: 1216px){.component-card-top{margin-left:0;margin-right:0;width:calc(50% - var(--gutter))}}.component-card-top__text{width:75%}@media(min-width: 600px){.component-card-top__text{width:60%}}.component-card-top__image{width:25%;transform:rotate(7deg)}@media(min-width: 600px){.component-card-top__image{width:40%}}.produkte{padding:calc(var(--gutter)*2) 0}.produkte a{color:var(--baseColor)}.produkte>h2{text-align:center}.produkte-wrapper{display:flex;flex-wrap:wrap}.produkte-wrapper>*{padding:var(--gutter);width:100%}@media(min-width: 600px){.produkte-wrapper>*{width:33.3333333333%}}.teaser__text{padding:calc(var(--gutter)/2);display:flex;flex-direction:column}.teaser__text .cta{align-self:flex-end}.responsive{width:100%;height:auto}.min-responsive{max-width:100%;height:auto}.component-text{max-width:var(--innerWrapperWidth);margin:0 auto;padding:var(--gutter) 0}