﻿/*!
Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2026
Dieses Style-Sheet wurde von TwooDoo exklusiv für FJPfeiffer entwickelt und von Hand geschrieben. Es unterliegt dem Schutz des deutschen Urheberrechts.
Jegliche Weiterverwendung, auch in Teilen, ohne unsere schriftliche Zustimmung ist untersagt.
*/:root{--font-base: clamp(1rem, 0.9388rem + 0.3265vw, 1.2rem);--font-h1: calc(var(--font-base) * 1.8);--font-h2: calc(var(--font-base) * 1.6);--font-h3: calc(var(--font-base) * 1.3);--font-h4: calc(var(--font-base) * 1.2)}:focus{outline:none}html{font-size:100%}a{font-weight:inherit;color:inherit}body{margin:0;padding:0;font-family:"Outfit-Variable",sans-serif;font-size:1rem;font-size:var(--font-base);font-weight:300;font-variation-settings:"wght" 300;text-rendering:optimizeLegibility;line-height:1.4;color:rgb(26.6,82.08,128.44);background-color:#dedede}.h1{margin:0;padding:24px;font-size:var(--font-h1);line-height:1.2;font-weight:500;font-variation-settings:"wght" 500}.h2{margin:24px 0;padding:0;font-size:var(--font-h2);line-height:1.2;font-weight:500;font-variation-settings:"wght" 500;text-align:center}.h3{margin:24px 0 12px;padding:0;font-size:var(--font-h3)}.h4{margin:0 0 12px;padding:0;font-size:var(--font-h4)}div{margin:0;padding:0}p{margin:0 0 12px;padding:0}img{border:none}.nowrap{white-space:nowrap}.center{text-align:center}.f700{font-weight:700;font-variation-settings:"wght" 700}.hd-top{z-index:99;position:relative;top:0;color:#dedede;background-color:rgb(26.6,82.08,128.44)}.hd-top .div-hd-top{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:60px;padding:0 0 0 24px;font-size:var(--font-h3)}.main{display:flex;flex-direction:column;justify-content:flex-start;align-items:initial;min-height:calc(100vh - 235px);background-color:hsl(0,0%,93.0117647059%)}.hero{padding:12px;margin:0;text-align:center;color:rgb(225.3,225.3,225.3);background:#dedede;background:linear-gradient(135deg, rgb(62.34, 145.56, 215.1) 40%, #236ca9 100%)}.art-sect{margin:0 auto;padding:12px;background-color:#dedede}.art-sect .div-art-sect{display:flex;flex-direction:column;justify-content:flex-start;min-height:33vh;max-width:60ch;margin:auto;padding:12px}.art-sect:nth-of-type(even){color:#dedede;background-color:rgb(26.6,82.08,128.44)}.flexbox{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:initial;gap:12px;padding:12px}.flexbox .flex-item{flex-basis:calc((100% - 12px)/2);flex-grow:0;flex-shrink:0;box-sizing:border-box;margin:0;padding:12px;color:rgb(26.6,82.08,128.44);background-color:rgb(214.44,231.96,246.6);border-radius:6px;box-shadow:0 3px 6px -3px rgb(26.6,82.08,128.44);hyphens:auto}.flexbox .h3{margin:0 0 12px;padding:0;text-align:center}.flex-ul li{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1/1;max-width:240px}.flex-ul li p{margin:0}.ul-art-sect{margin:auto}.ul-referenz{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;list-style-type:none;margin:0;padding:24px}.ul-referenz li{box-sizing:border-box;flex-grow:1;max-width:100%;height:144px;margin:0;padding:12px;color:rgb(26.6,82.08,128.44);background-color:hsl(0,0%,81.8352941176%)}.ul-referenz li figure{display:flex;flex-direction:column;justify-content:center;height:100%;margin:0;padding:0;text-align:center}.ul-referenz li figure img{display:block;height:100%;max-height:100px;object-fit:contain;width:auto}.ul-referenz li figure figcaption{padding:6px 0 0}.impr-logo{display:block}.impr-logo a{display:block}.impr-logo a img{box-sizing:border-box;width:100%;max-width:300px;padding:6px;background-color:#dedede}.fig-art{display:block;margin:0;padding:6px}.fig-art picture{display:block;width:100%;margin:0;padding:0}.fig-art picture img{width:100%}.fig-art img{display:block;margin:0 auto;padding:0;object-fit:contain}.ft-signatur{position:relative;width:100%;margin:0 auto;padding:60px 0 120px;color:rgb(207.9504,228.2736,245.256);background-color:#236ca9;background:linear-gradient(180deg, #236ca9 0%, rgb(39.375, 121.5, 190.125) 33%, rgb(26.25, 81, 126.75) 80%);text-align:center;box-shadow:0 0 12px -3px #236ca9}.ft-signatur .ft-impressum{padding:24px 0;text-align:center}.ft-signatur .ft-impressum a{margin:0 12px;text-decoration:none;text-transform:uppercase}.ft-signatur .ft-address{font-style:normal;margin:12px auto}.ft-signatur .ft-copyright{padding:12px 0;font-size:.75em;text-align:center}.ft-signatur a{color:inherit}.sanft{scroll-behavior:smooth;overflow-y:scroll}.linktop{position:fixed;bottom:60px;right:10px;display:block;width:40px;height:40px;aspect-ratio:1/1;border:none;background-color:rgb(30.8,95.04,148.72);cursor:pointer;transition:all .4s ease-in-out}.linktop a{display:block;width:100%;height:100%;background-image:url("images/menu/pfeil-hoch.png");background-repeat:no-repeat;background-position:center center;background-size:100%}.nowrap{white-space:nowrap}.button-cta{text-align:center}.button-cta a{display:inline-block;margin:24px auto;padding:6px 24px;color:rgb(26.6,82.08,128.44);background-color:#dedede;border:solid 1px rgb(26.6,82.08,128.44);text-decoration:none;font-weight:600;font-variation-settings:"wght" 600;border-radius:6px;box-shadow:0 3px 6px -3px rgb(26.6,82.08,128.44)}.formular{max-width:1600px;margin:auto;padding:0 0 60px;color:rgb(26.6,82.08,128.44);background-color:hsl(0,0%,88.6117647059%)}.formular .div-haupttext{padding:12px}.formular .div-haupttext .h3{padding:24px;font-size:1.6em}.formular .form-kontakt{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:600px;padding:12px;margin:auto;color:rgb(26.6,82.08,128.44);background-color:hsl(0,0%,91.7176470588%);box-shadow:0 0 12px -3px rgb(26.6,82.08,128.44)}.formular .form-kontakt .form-gruppe{flex:1 1 0;min-width:0;width:100%;margin:0 auto 12px}.formular .form-kontakt .form-gruppe label{display:block;padding:12px}.formular .form-kontakt .form-gruppe input{box-sizing:border-box;width:100%;padding:12px;border-radius:5px;border:solid 1px rgba(26.6,82.08,128.44,.8)}.formular .form-kontakt .form-gruppe :focus{background-color:#dedede}.formular .form-kontakt .form-gruppe textarea{box-sizing:border-box;width:100%;min-height:120px;padding:12px;border-radius:5px;border:solid 1px rgba(26.6,82.08,128.44,.8)}.formular .form-kontakt .form-gruppe select{padding:12px;width:100%;box-sizing:border-box}.formular .form-kontakt .submit-btn{box-sizing:border-box;width:100%;padding:12px;margin:0 auto 12px;color:#dedede;background-color:rgb(36.575,112.86,176.605);border-radius:5px;border:solid 1px rgba(26.6,82.08,128.44,.8);cursor:pointer}.menu{text-transform:uppercase}.menu .menu-input{display:none;position:absolute}.menu .menu-label{display:block;z-index:99;position:fixed;top:10px;right:56px;height:40px;width:40px;margin-left:0;cursor:pointer;transition:all .4s ease-in-out}.menu .menu-label .haus{display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgb(30.8,95.04,148.72);background-image:url("images/menu/home-menu.png");background-repeat:no-repeat;background-size:100%;background-position:center;transition:all .4s ease-in-out}.menu .menu-label .menu-burger{position:absolute;top:-50px;left:64px;margin:auto;display:block;width:22px;height:2px;background-color:#dedede;transform:translateY(69px) translateX(-8px) rotate(0);transition:all .4s ease-in-out}.menu .menu-label .menu-burger::before{content:"";position:absolute;top:0;left:0;margin:auto;display:block;width:26px;height:2px;background-color:#dedede;transform:translateY(-8px) translateX(-2px) rotate(0);transition:all .4s ease-in-out}.menu .menu-label .menu-burger::after{content:"";position:absolute;top:0;left:0;margin:auto;display:block;width:26px;height:2px;background-color:#dedede;transform:translateY(8px) translateX(-2px) rotate(0);transition:all .4s ease-in-out}.menu .menu-label::after{content:"";z-index:-1;display:block;position:absolute;top:0;left:48px;width:40px;height:40px;background-color:rgb(30.8,95.04,148.72)}.menu .menu-inhalt{z-index:89;position:fixed;top:60px;right:0;overflow:auto;height:auto;padding-top:0;font-weight:500;font-variation-settings:"wght" 500;background-color:rgba(0,0,0,0);transform:translateY(-260px);transition:all .4s ease-in-out;transition-delay:.6s}.menu .menu-inhalt ul{top:0;left:0;list-style-type:none;width:calc(100vw - 145px);max-width:250px;background-color:rgba(40.25,124.2,194.35,.8);padding:3px;margin:0}.menu .menu-inhalt ul li{width:calc(100% - 6px);height:40px;padding:0;margin:0 auto 10px;background-color:hsl(0,0%,87.7058823529%);transform:translateY(-120px);transition:all .4s ease-in-out}.menu .menu-inhalt ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0;text-align:center;font-size:1rem;font-weight:normal;text-decoration:none;color:rgb(40.25,124.2,194.35);background-color:hsl(0,0%,90.6823529412%);box-shadow:none;border-radius:0;transition:all .4s ease-in-out;backdrop-filter:blur(10px)}.menu .menu-inhalt ul li a span{flex-grow:0;flex-shrink:0;display:block}.menu .menu-inhalt ul li:nth-of-type(1){transition-delay:.2s}.menu .menu-inhalt ul li:nth-of-type(2){transition-delay:.3s}.menu .menu-inhalt ul li:nth-of-type(3){transition-delay:.4s}.menu .menu-inhalt ul li:nth-of-type(4){transition-delay:.6s}.menu .menu-inhalt ul li:nth-of-type(5){transition-delay:.8s}.menu .menu-inhalt ul li:nth-of-type(6){transition-delay:1s}.menu .menu-inhalt ul .aktuell a{background-color:hsl(0,0%,79.5176470588%)}.menu .menu-inhalt .menu-schalter{z-index:-1;display:none;position:fixed;top:-135px;left:0;width:100%;height:130px;background-color:rgba(0,0,0,0);transition:all .4s ease-in-out}.menu .menu-input:checked~.menu-label .menu-burger::before{transform:translateX(-2px) rotate(45deg)}.menu .menu-input:checked~.menu-label .menu-burger{background-color:rgba(0,0,0,0)}.menu .menu-input:checked~.menu-label .menu-burger::after{transform:translateX(-2px) rotate(-45deg)}.menu .menu-input:checked~.menu-label b::after{opacity:0}.menu .menu-input:checked+.menu-inhalt{transform:translateY(0);transition-delay:0s}.menu .menu-input:checked+.menu-inhalt ul li{transform:translateY(0px)}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(1){transition-delay:.4s}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(2){transition-delay:.2s}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(3){transition-delay:0s}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(4){transition-delay:.4s}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(5){transition-delay:.2s}.menu .menu-input:checked+.menu-inhalt ul li:nth-of-type(6){transition-delay:0s}.menu .menu-input:checked+.menu-inhalt .menu-schalter{top:0}.link-top{z-index:9;visibility:hidden;display:block;position:absolute;top:0;right:50px;height:100%;min-height:calc(100dvh + 0px);width:0}.link-top .nav-block{display:block;height:calc(100vh + 150px);height:calc(100dvh + 150px);width:0}.link-top a{visibility:visible;position:-webkit-sticky;position:sticky;top:calc(100vh - 100px);top:calc(100dvh - 100px);display:block;width:40px;height:40px;background-image:url("images/menu/pfeil-hoch.png");background-color:rgb(30.8,95.04,148.72);background-color:rgba(30.8,95.04,148.72,.2);box-shadow:0 0 3px 0 rgb(26.6,82.08,128.44);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-repeat:no-repeat;background-position:center center;background-size:100%}.bodenmenu{z-index:99;position:fixed;left:0;bottom:0;width:100%;padding:0;margin:0;background-color:#dedede;background-color:rgba(222,222,222,.8)}.bodenmenu ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;max-width:700px;list-style-type:none;margin:0 auto;padding:0}.bodenmenu ul li{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:0;flex-shrink:0;align-items:center;justify-content:space-around;height:40px;width:30%;margin:5px 0;padding:0}.bodenmenu ul li a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;height:40px;text-decoration:inherit;font-size:.9em;color:rgb(30.8,95.04,148.72);background-color:rgb(30.8,95.04,148.72);background-size:40px;background-repeat:no-repeat;background-position:center center;cursor:pointer}.bodenmenu ul li a span{display:none}.bodenmenu ul li a:hover{color:rgb(30.8,95.04,148.72);background-color:#dedede}.bodenmenu ul .kontakt{background-image:url("images/menu/kontakt-symbol.png")}.bodenmenu ul .tel{background-image:url("images/menu/handy-symbol.png")}.bodenmenu ul .mail{background-image:url("images/menu/mail-symbol.png")}@media all and (min-width: 600px){.hd-top{position:sticky}}@media all and (min-width: 744px){.sect-main{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;padding:24px 0}.sect-main .art-sect{flex-basis:calc((100% - 24px)/2);box-sizing:border-box}.sect-main .art-sect .div-art-sect{min-height:initial}.sect-main .art-sect:nth-of-type(even){color:rgb(26.6,82.08,128.44);background-color:#dedede}.sect-main .art-sect:nth-of-type(4n+2),.sect-main .art-sect:nth-of-type(4n+3){color:#dedede;background-color:rgb(26.6,82.08,128.44)}.sect-start{display:block;padding:0}}@media all and (min-width: 1600px){.sect-main .art-sect{flex-basis:calc((100% - 48px)/3);box-sizing:border-box}.sect-main .art-sect .div-art-sect{min-height:initial}.sect-main .art-sect:nth-of-type(4n+2),.sect-main .art-sect:nth-of-type(4n+3){color:rgb(26.6,82.08,128.44);background-color:#dedede}.sect-main .art-sect:nth-of-type(even){color:#dedede;background-color:rgb(26.6,82.08,128.44)}}/*!
 * Font: 'Outfit Variable'
 * Designed by: Rodrigo Fuenzalida
 * Copyright © 2024 On Brand Investments Pty Ltd
 * Download: https://github.com/Outfitio/Outfit-Fonts
 *
 * This font is licensed under the SIL Open Font License (OFL), Version 1.1.
 * A copy of the license (OFL.txt) is included in the fonts directory of this project.
 * The full license text is available at: https://scripts.sil.org/OFL
 *
 * Reserved Font Name: "Outfit"
 */@font-face{font-family:"Outfit-Variable";src:url("fonts/outfit/Outfit-Variable.woff2") format("woff2"),url("fonts/outfit/Outfit-Variable.woff") format("woff");font-weight:100 900;font-display:swap;font-style:normal}