/* FORMRAUM: a studio-first home and a clear layout across screen sizes. */
.fr-site [hidden]{display:none!important}
.fr-site .fr-container{width:calc(100% - 2 * clamp(16px,4vw,64px));max-width:1280px}
.fr-site .fr-section{padding-block:clamp(56px,6.5vw,88px)}
.fr-site :is(section[id],article[id],main[id],.fr-anchor){scroll-margin-top:108px}
.fr-site .fr-section-heading{gap:32px;margin-bottom:36px}
.fr-site .fr-section-heading>p{font-size:16px;line-height:1.8;max-width:440px}
.fr-site .fr-section-heading h2{font-size:clamp(34px,4vw,58px)}
.fr-site .fr-label{margin-bottom:36px;font-size:10px;letter-spacing:.08em}
.fr-ui-arrow{width:19px;height:19px;flex:none;display:block}
.fr-site .fr-button{font-size:14px;min-height:48px;gap:22px;padding:14px 20px;max-width:100%}
.fr-site .fr-text-link{font-size:14px;min-height:44px;line-height:1.5}
.fr-site .fr-header{padding-inline:clamp(16px,4vw,64px);min-height:80px}
.fr-site .fr-header nav{font-size:13px;gap:20px}
.fr-site .fr-header-cta{font-size:12px;min-height:44px;padding:10px 15px}
.fr-site .fr-page-back{padding-block:15px 0}
.fr-site .fr-back-link{min-height:44px;padding:8px 13px}
.fr-studio-intro{padding-top:32px}
.fr-studio-intro>.fr-label{border-top:0;padding-top:0}
.fr-studio-intro-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:8%;align-items:center;padding-bottom:64px}
.fr-studio-intro-copy{min-width:0}
.fr-site .fr-studio-intro h1{font-size:clamp(58px,6.7vw,100px);line-height:1.02;letter-spacing:-.055em}
.fr-site .fr-studio-intro-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:590px;margin-top:18px}
.fr-site .fr-studio-intro-copy>.fr-intro-lead{color:var(--ink);margin-top:28px}
.fr-studio-intro .fr-actions{margin-top:28px;gap:24px}
.fr-studio-profile{min-width:0;border:1px solid var(--line);background:linear-gradient(150deg,#1c2417,#11170e);padding:32px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.fr-profile-brand{display:flex;gap:20px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}
.fr-studio-mark{width:72px;height:72px;flex:none;color:var(--accent)}
.fr-profile-brand>span{font-size:22px;font-weight:700;letter-spacing:.04em;line-height:1.2}
.fr-profile-brand small{font:10px/1.5 'Courier New',monospace;letter-spacing:.4em}
.fr-profile-copy{padding-block:30px}
.fr-profile-copy>.fr-kicker{color:var(--muted)}
.fr-site .fr-profile-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin-top:14px}
.fr-site .fr-profile-copy h3{font-size:19px;line-height:1.45;letter-spacing:-.02em;color:var(--muted);margin-top:16px}
.fr-site .fr-profile-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:18px}
.fr-profile-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:19px;font:9px/1.6 'Courier New',monospace;color:var(--muted)}
.fr-studio-fields{border-top:1px solid var(--line)}
.fr-studio-fields>.fr-label{border-top:0;padding-top:0}
.fr-field-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fr-site .fr-field-link{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);padding:28px;text-decoration:none;transition:background .2s,border-color .2s}
.fr-field-link:hover{background:#1a2214;border-color:#7d8a6f}
.fr-site .fr-field-link h3{font-size:27px;line-height:1.25;margin-top:25px;overflow-wrap:anywhere}
.fr-site .fr-field-link p{font-size:16px;line-height:1.8;color:var(--muted);margin-block:18px 26px}
.fr-field-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:14px;margin-top:auto;border-top:1px solid var(--line);padding-top:17px}
.fr-field-action .fr-ui-arrow{color:var(--accent)}
.fr-neutral-price-link{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px;padding:17px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.fr-neutral-price-link a{color:var(--ink)}
.fr-studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:38px 0 0}
.fr-studio-steps>li{min-width:0;border-top:1px solid var(--line);padding-top:21px}
.fr-site .fr-studio-steps h3{font-size:24px;line-height:1.35;margin-block:20px 15px}
.fr-site .fr-studio-steps p{font-size:16px;line-height:1.8;color:var(--muted)}
.fr-site .fr-studio-approach h2{font-size:clamp(34px,4vw,58px);line-height:1.1}
.fr-site .fr-studio-home .contact-grid{gap:7%}
.fr-site .contact-grid>div>p{font-size:16px;line-height:1.85}
.fr-site .contact input,.fr-site .contact select,.fr-site .contact textarea{font-size:16px;line-height:1.6;min-height:48px;max-width:100%;min-width:0}
.fr-site .contact label{font-size:15px;line-height:1.6}
.fr-site .contact .form-helper,.fr-site .contact .form-note{font-size:14px;line-height:1.75}
.fr-site .contact input[type=checkbox]{min-height:20px;min-width:20px;width:20px;height:20px}
.fr-site .contact .contact-form{min-width:0}
.fr-site .fr-animation-intro{padding-top:24px;padding-bottom:24px}
.fr-animation-intro>.fr-label{margin-bottom:20px}
.fr-animation-title{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;align-items:center}
.fr-site .fr-animation-title h1{font-size:clamp(40px,4.4vw,64px);line-height:1.12;letter-spacing:-.045em}
.fr-site .fr-animation-title>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:470px}
.fr-page-sections{display:flex;gap:30px;flex-wrap:wrap;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:6px}
.fr-page-sections a{min-height:44px;display:flex;align-items:center;font-size:14px;text-decoration:none;color:var(--muted)}
.fr-page-sections a:hover{color:var(--accent)}
.fr-reel-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,.85fr);gap:34px;align-items:start;padding-bottom:24px}
.fr-reel-main,.fr-reel-guide{min-width:0}
.fr-reel-main figure{margin:0}
.fr-site .fr-reel-main video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.fr-reel-caption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font:10px/1.7 'Courier New',monospace;color:var(--muted)}
.fr-reel-guide>.fr-kicker{color:var(--muted);font-size:10px}
.fr-site .fr-reel-guide h2{font-size:clamp(26px,2.7vw,40px);line-height:1.2;margin-top:13px;white-space:nowrap}
.fr-site .fr-reel-guide>p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:16px}
.fr-flow-motion .fr-film-chapters{display:grid;grid-template-columns:1fr;gap:0;padding-block:16px 0;overflow:visible}
.fr-flow-motion .fr-film-chapters>button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;min-width:0;width:100%;min-height:44px;border-top:1px solid var(--line);padding:11px 0;font-size:14px}
.fr-flow-motion .fr-film-chapters>button>span{font:inherit;color:inherit}
.fr-flow-motion .fr-film-chapters>button>small{font:11px/1.5 'Courier New',monospace;flex:none}
.fr-site .fr-reel-guide>.fr-reel-note{font-size:13px;line-height:1.6;margin-top:15px}
.fr-flow-motion .fr-film-description{margin-top:17px}
.fr-reel-layout>.fr-film-description{grid-column:1;align-self:start;margin-top:0}
.fr-flow-motion .fr-film-description>summary{min-height:48px;font-size:14px;padding-block:12px}
.fr-flow-motion .fr-film-description p{font-size:15px;line-height:1.8}
.fr-film-status{font-size:14px;line-height:1.7;padding:15px;color:var(--ink)}
.fr-animation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.fr-animation-options article{border-top:1px solid var(--line);padding-top:22px;min-width:0}
.fr-site .fr-animation-options h3{font-size:26px;line-height:1.3;margin-block:22px 16px}
.fr-site .fr-animation-options p{font-size:16px;line-height:1.8;color:var(--muted)}
.fr-animation-process{border-top:1px solid var(--line)}
.fr-animation-process>.fr-label{padding-top:0;border:0}
.fr-site .fr-animation-process h2,.fr-site .fr-animation-project h2{font-size:clamp(34px,4vw,58px);line-height:1.1}
.fr-animation-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;border-top:1px solid var(--line)}
.fr-animation-project h2{margin-top:18px}
.fr-site .fr-animation-project>div>p{font-size:16px;line-height:1.8;color:var(--muted);margin-block:23px}
.fr-project-brief{min-width:0;border:1px solid var(--line);padding:28px}
.fr-site .fr-project-brief h3{font-size:23px;line-height:1.35}
.fr-project-brief ul{padding-left:20px;margin:22px 0 0}
.fr-site .fr-project-brief li{font-size:16px;line-height:1.7;color:var(--muted);margin-block:12px}
.fr-project-brief a{color:var(--ink);text-underline-offset:4px}
.fr-site .fr-animation-project .fr-project-brief>p{font-size:14px;line-height:1.8;margin-bottom:0}
.fr-flow-motion .fr-faq{border-top:1px solid var(--line);padding-top:50px}
.fr-site .fr-faq summary{font-size:17px;line-height:1.6;min-height:54px;gap:18px}
.fr-site .fr-faq details p{font-size:16px;line-height:1.85}
.fr-site .fr-footer-main{flex-wrap:wrap;gap:12px 28px}
.fr-site .fr-footer-main a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
@media(max-width:1100px){
 .fr-site .fr-header[data-menu-ready=true] .menu{font-size:14px;min-height:44px;padding:10px 14px}
 .fr-site .fr-header[data-menu-ready=true] nav{font-size:17px;padding:14px clamp(16px,4vw,64px);max-height:calc(100dvh - 80px);background:#10150d}
 .fr-site .fr-header[data-menu-ready=true] #navigation{background:#10150d!important}
 .fr-site .fr-header .menu>span{display:block;position:relative;width:16px;height:14px;font-size:0}
 .fr-site .fr-header .menu>span:before,.fr-site .fr-header .menu>span:after{content:'';position:absolute;left:0;width:16px;height:1.5px;background:currentColor;top:3px}
 .fr-site .fr-header .menu>span:after{top:10px}
 .fr-site .fr-header .menu[aria-expanded=true]>span:before{top:6px;transform:rotate(45deg)}
 .fr-site .fr-header .menu[aria-expanded=true]>span:after{top:6px;transform:rotate(-45deg)}
 .fr-site .fr-header[data-menu-ready=true] nav a{min-height:50px;padding-block:13px}
 .fr-site .fr-header[data-menu-ready=true] nav .language-link{font-size:14px}
 .fr-studio-intro-grid{gap:5%}
 .fr-studio-profile{padding:25px}
 .fr-field-links{gap:16px}
 .fr-site .fr-field-link{padding:23px}
 .fr-site .fr-field-link h3{font-size:25px}
 .fr-reel-layout{gap:26px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
 .fr-site .fr-process p,.fr-site .fr-use-cases p,.fr-site .fr-offer-split p{font-size:16px;line-height:1.8}
 .fr-site .fr-use-cases{gap:24px}
}
@media(max-width:1000px){
 .fr-studio-intro-grid{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
 .fr-studio-intro-copy{max-width:740px}
 .fr-site .fr-studio-intro h1{font-size:clamp(56px,8vw,78px)}
 .fr-studio-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px 35px;padding:28px}
 .fr-profile-brand{border:0;padding:0;align-self:center}
 .fr-profile-copy{padding:0}
 .fr-profile-footer{grid-column:1/-1}
 .fr-profile-copy h3{display:none}
 .fr-site .fr-service-hero-grid,.fr-site .fr-page-title,.fr-site.fr-motion-web .fr-case-panel>.project,.fr-site .fr-offer-split,.fr-site .fr-faq-layout{grid-template-columns:1fr;gap:30px}
 .fr-site .fr-service-hero h1,.fr-site .fr-page-title h1{font-size:clamp(46px,6vw,65px)}
 .fr-site .fr-service-hero .fr-service-lead,.fr-site .fr-page-title p{max-width:680px;font-size:17px}
 .fr-web-hero-preview{max-width:680px;width:100%;justify-self:center}
 .fr-site.fr-motion-web .project-visual{max-width:720px;width:100%;margin-inline:auto}
 .fr-site.fr-motion-web .project-caption{max-width:700px}
 .fr-site .fr-faq-title{position:static}
 .fr-site .fr-demo-grid{grid-template-columns:1fr;gap:25px}
 .fr-site .fr-demo-output{padding:25px}
 .fr-site .fr-use-cases{grid-template-columns:1fr}
 .fr-site .fr-use-cases>article{padding-block:25px}
 .fr-animation-title{grid-template-columns:1fr;gap:16px}
 .fr-site .fr-animation-title>p{max-width:650px}
 .fr-reel-layout{grid-template-columns:1fr;gap:28px}
 .fr-reel-main{max-width:760px;width:100%;margin-inline:auto}
 .fr-reel-guide{max-width:760px;width:100%;margin-inline:auto}
 .fr-reel-layout>.fr-film-description{max-width:760px;width:100%;margin-inline:auto}
 .fr-flow-motion .fr-film-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
 .fr-flow-motion .fr-film-chapters>button{flex-direction:column;align-items:start;justify-content:start;gap:9px;min-height:78px;font-size:13px;padding:12px 8px;border:1px solid var(--line)}
 .fr-flow-motion .fr-film-chapters>button.active{border-color:var(--accent)}
 .fr-site .fr-reel-guide>p{max-width:650px}
 .fr-animation-project{gap:5%}
}
@media(max-width:900px){
 .fr-field-links{grid-template-columns:1fr;gap:14px}
 .fr-site .fr-field-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px 20px;padding:22px}
 .fr-field-link>.fr-number{grid-row:1/3}
 .fr-site .fr-field-link h3{font-size:27px;margin:0}
 .fr-site .fr-field-link p{grid-column:2;margin:0}
 .fr-field-action{grid-column:3;grid-row:1/3;align-self:center;border:0;padding:0;margin:0}
 .fr-site .fr-price-line{grid-template-columns:minmax(0,1fr) 135px 125px;column-gap:20px}
 .fr-site .fr-price-line-intro>p{font-size:16px}
 .fr-site .fr-price-line h3{font-size:25px}
 .fr-site .contact-grid{grid-template-columns:1fr;gap:32px}
 .fr-studio-steps,.fr-animation-options{gap:24px}
 .fr-site .fr-studio-steps h3,.fr-site .fr-animation-options h3{font-size:23px}
}
@media(max-width:760px){
 .fr-site .fr-header{min-height:72px;gap:14px;padding-block:13px}
 .fr-site .fr-logo>span{font-size:14px}
 .fr-site .fr-header-cta{display:none}
 .fr-site .fr-header[data-menu-ready=true] nav{max-height:calc(100dvh - 72px)}
 .fr-site .fr-label{font-size:9px;line-height:1.6;gap:18px;margin-bottom:27px;flex-wrap:wrap}
 .fr-site .fr-label>span:last-child{text-align:left}
 .fr-site .fr-section-heading h2,.fr-site .fr-studio-approach h2,.fr-site .fr-animation-process h2,.fr-site .fr-animation-project h2{font-size:clamp(32px,8vw,44px);line-height:1.15}
 .fr-site .fr-section-heading>p{font-size:16px;margin-top:20px;line-height:1.8}
 .fr-site .fr-button{font-size:14px;min-height:48px;padding:14px 18px}
 .fr-site .fr-text-link{font-size:14px;line-height:1.6}
 .fr-studio-intro{padding-top:25px}
 .fr-site .fr-studio-intro h1{font-size:clamp(44px,11vw,66px);line-height:1.05}
 .fr-site .fr-studio-intro-copy>p{font-size:16px;line-height:1.8;margin-top:18px}
 .fr-studio-intro-grid{gap:30px;padding-bottom:38px}
 .fr-studio-intro .fr-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px;justify-items:start}
 .fr-studio-intro .fr-actions>.fr-button{width:100%}
 .fr-studio-profile{display:block;padding:24px}
 .fr-profile-brand{padding-bottom:24px;border-bottom:1px solid var(--line)}
 .fr-studio-mark{width:49px;height:49px}
 .fr-profile-brand>span{font-size:20px}
 .fr-profile-copy{padding-block:24px}
 .fr-site .fr-profile-copy h2{font-size:28px}
 .fr-site .fr-profile-copy p{font-size:16px}
 .fr-profile-footer{font-size:8px;gap:12px}
 .fr-site .fr-field-link{grid-template-columns:24px minmax(0,1fr);gap:12px 16px;padding:22px 18px}
 .fr-site .fr-field-link h3{font-size:26px}
 .fr-field-link>.fr-number{grid-row:1}
 .fr-site .fr-field-link p{grid-column:1/-1;margin-top:4px}
 .fr-field-action{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--line);padding-top:15px;justify-content:space-between;margin-top:7px}
 .fr-neutral-price-link{align-items:start;flex-direction:column;gap:6px;margin-top:20px}
 .fr-studio-steps,.fr-animation-options{grid-template-columns:1fr;gap:27px;margin-top:29px}
 .fr-site .fr-studio-steps h3,.fr-site .fr-animation-options h3{font-size:25px;margin-block:15px 12px}
 .fr-studio-steps>li,.fr-animation-options article{padding-top:20px}
 .fr-site .contact{padding-block:56px}
 .fr-site .contact h2{font-size:clamp(35px,9vw,48px)}
 .fr-site .contact-grid>div>p{font-size:16px;line-height:1.8}
 .fr-site .contact .contact-form{padding:22px 18px}
 .fr-site .contact .email{font-size:clamp(17px,5vw,22px);overflow-wrap:anywhere;line-height:1.7}
 .fr-site .contact .preview-choice span small{font-size:14px;line-height:1.75}
 .fr-site .fr-service-hero,.fr-site .fr-page-hero,.fr-site .fr-price-overview-hero{padding-top:26px;padding-bottom:32px}
 .fr-site .fr-service-hero h1,.fr-site .fr-page-title h1{font-size:clamp(41px,10vw,58px);line-height:1.13}
 .fr-site .fr-page-title{margin-bottom:28px}
 .fr-site .fr-process p,.fr-site .fr-process-four p,.fr-site .fr-use-cases p,.fr-site .fr-offer-split p{font-size:16px;line-height:1.8}
 .fr-site .fr-demo{padding:22px 18px}
 .fr-site .fr-demo-tabs{gap:8px;flex-wrap:wrap}
 .fr-site .fr-demo-tabs button{font-size:14px;min-height:44px;padding:10px 13px}
 .fr-site .fr-demo-input{font-size:22px;line-height:1.5}
 .fr-site .fr-demo-output{padding:22px 18px}
 .fr-site .fr-demo-output h2{font-size:25px;line-height:1.3}
 .fr-site .fr-demo-fields,.fr-site .fr-demo-output dl{font-size:15px}
 .fr-site .fr-demo-bottom p{font-size:14px;line-height:1.8}
 .fr-site .fr-approval-pill{font-size:13px;line-height:1.65;white-space:normal}
 .fr-site .fr-price-line{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
 .fr-site .fr-price-line h3{font-size:25px}
 .fr-site .fr-line-price{font-size:36px}
 .fr-site .fr-price-line>.fr-button{font-size:13px;min-width:100px;gap:10px;padding-inline:12px}
 .fr-site .fr-line-scope p,.fr-site .fr-line-scope li{font-size:16px;line-height:1.8}
 .fr-site .fr-animation-intro{padding-block:23px}
 .fr-site .fr-animation-title h1{font-size:clamp(36px,9vw,49px);line-height:1.12}
 .fr-site .fr-animation-title>p{font-size:16px;line-height:1.75}
 .fr-animation-intro>.fr-label{margin-bottom:19px}
 .fr-page-sections{gap:10px 25px;margin-top:17px;padding-bottom:7px}
 .fr-page-sections a{font-size:14px;min-height:40px}
 .fr-reel-layout{gap:26px;padding-bottom:0}
 .fr-reel-caption{font-size:9px;gap:10px;flex-wrap:wrap;line-height:1.8}
 .fr-site .fr-reel-guide h2{font-size:32px;margin-top:12px}
 .fr-site .fr-reel-guide>p{font-size:16px;line-height:1.8}
 .fr-flow-motion .fr-film-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:20px}
 .fr-flow-motion .fr-film-chapters>button{padding:12px;min-height:68px;font-size:14px;gap:8px}
 .fr-flow-motion .fr-film-chapters>button:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;min-height:48px}
 .fr-site .fr-reel-guide>.fr-reel-note{font-size:14px;line-height:1.75}
 .fr-flow-motion .fr-film-description p{font-size:16px;line-height:1.8}
 .fr-animation-project{grid-template-columns:1fr;gap:30px}
 .fr-project-brief{padding:24px 20px}
 .fr-site .fr-animation-project .fr-project-brief>p{font-size:15px}
 .fr-site .fr-faq summary{font-size:16px;min-height:58px}
 .fr-site .fr-cta{padding-block:50px}
 .fr-site .fr-cta h2{font-size:clamp(34px,8.5vw,47px)}
 .fr-site .fr-cta p{font-size:16px;line-height:1.8}
 .fr-site .fr-footer-top{gap:25px}
 .fr-site .fr-footer-top>p{font-size:14px;line-height:1.8}
 .fr-site .fr-footer-main{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
 .fr-site .fr-footer-main a{font-size:14px;white-space:normal}
 .fr-site .fr-footer-bottom{font-size:12px;line-height:1.8;gap:15px}
}

/* Ruhiger Zurueck-Link ohne Fremdflaeche in den aelteren Angebots- und Rechtsseiten. */
.fr-site.fr-legacy main > .fr-page-back,.fr-site.fr-legacy main > section,.fr-site.fr-legacy main .section-shell{background-color:transparent!important}
.fr-site main.legal > .fr-page-back{width:100%;max-width:none;margin-inline:0;margin-block-end:14px;padding-block:0}
.fr-site main.legal > .fr-page-back .fr-back-link{min-height:44px;padding-inline:0 12px;border:0;background:transparent;color:var(--muted);font-size:14px;text-decoration:none}
.fr-site main.legal > .fr-page-back .fr-back-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.fr-site .fr-label{font-size:10px}}