:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}:root{--banner-height: 4rem;--card-heading-font-size-mobile: 1.8rem;--ordinationszeiten-font-size-mobile: 1.59rem;--ordinationszeiten-font-size-desktop: 1rem;--ordinationszeiten-zeiten-font-size-mobile-small: 1.37rem;--ordinationszeiten-zeiten-font-size-desktop: 1.27rem;--tel-regular-font-size-mobile: 1.75rem;--tel-emergency-font-size-mobile: 1.75rem;--anfahrt-map-width-mobile: clamp(250px, 90%, 400px);--anfahrt-map-aspect-ratio-mobile: 1/1;--text-shadow-emergency: 1px 1px 3px #000000;--text-shadow-highlight: 1px 1px 3px #a2a2a2;--text-shadow-disclaimer: 0px 1px 3px #000000}:root{--col-primary: #659ca0;--col-secondary: #75b9be;--col-accent: #659ca0;--col-accent: #393e41;--col-tert: #7a3b69;--col-quar: #3454d1}@font-face{font-family:Argentum;src:"src/fonts/argentum-sans.bold.otf" format("opentype")}@font-face{font-family:Roboto;src:"src/fonts/Roboto/Roboto-Regular.ttf"}.system-font{font-family:system-ui}html,body{width:100%}html{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--col-primary)}html::-webkit-scrollbar{width:0;height:0}.inline{display:inline-block}header .background img{max-width:100%;object-fit:contain;margin-bottom:-.5rem;padding-bottom:calc(var(--spacing-small) * .15)}.background{position:relative}.welcomeText{position:absolute;opacity:0;color:#fff;text-shadow:1px 1px 2px rgb(13,13,13);text-align:center;animation:flyUp .7s 1.5s forwards cubic-bezier(0,.54,.58,1);left:0;right:0;top:50vw;max-width:min-content;justify-self:center}#wrapper{position:relative}#main-wrapper{margin-top:.25rem}.card{max-width:100%}.cardTextSmall{max-width:min-content}.foreground{background:linear-gradient(#5eb5c100,#659ca0);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);max-width:100%;margin-bottom:-.5rem;position:sticky;top:0;opacity:.9;z-index:1}#NOTmain-wrapper:before{content:"";display:block;z-index:-2;background:radial-gradient(#659ca0,pink);background:linear-gradient(#659ca0,var(--col-secondary));background:radial-gradient(circle at 100%,#8dd4d9,var(--col-secondary) 50%,#77b4b9 75%,#659ca0 75%);position:absolute;transform:scale(.5);right:-40vw;width:100vw;height:100%}#main-wrapper .card{background-color:#659ca0;border-bottom:2px solid rgba(0,0,0,.509)}#main-wrapper .card .cardHeading{text-align:center;color:#fff;font-size:var(--card-heading-font-size-mobile);padding-bottom:calc(var(--spacing-small) * 1.5);transform:scaleX(1.1);letter-spacing:.09rem;margin-left:var(--spacing-small)}.ordinationszeiten{display:flex;flex-direction:column;justify-content:center}.ordinationszeiten table{border-spacing:0;justify-self:center;font-size:var(--ordinationszeiten-font-size-mobile);color:#fff;padding:0}.ordinationszeiten td,.ordinationszeiten th{border:2px solid white;border-top:0px;border-left:0px;border-right:0px}.ordinationszeiten td{text-align:center;font-size:var(--ordinationszeiten-zeiten-font-size-mobile-small);text-shadow:1px 1px 3px #5c5c5cab}#main-wrapper .ordinationszeiten{padding-left:0;padding-right:0;border-top:2.5px solid rgba(0,0,0,.509)}.kontakt{color:#fff;margin:0 auto;padding-right:calc(var(--spacing-small) * .5);padding-left:calc(var(--spacing-small) * .5);font-size:1.4rem}.kontakt>span{display:inline-block;max-width:100%}#main-wrapper .emergency{font-weight:700;padding-bottom:calc(var(--spacing-small) * 2)}#main-wrapper .emergency p{min-width:100%;text-align:justify;text-shadow:var(--text-shadow-emergency)}.highlight{text-shadow:var(--text-shadow-highlight)}.tel,.emergencyTel{text-align:center}.tel{font-size:var(--tel-regular-font-size-mobile);background:var(--col-secondary);letter-spacing:.05rem;border-radius:4px}.emergencyTel{border-radius:3px;background:#df6203;display:block;font-size:var(--tel-emergency-font-size-mobile);margin:0 auto;margin-top:var(--spacing-small);left:0;right:0;padding:calc(var(--spacing-small));width:max-content}#main-wrapper .cardTextSmall:not(.disclaimer){padding-top:var(--spacing-small);padding-bottom:calc(var(--spacing-small));font-size:1.05rem}.disclaimer{font-size:1.1rem;min-width:100%}#main-wrapper .card.anfahrt{padding:1rem 0 2rem}iframe{width:var(--anfahrt-map-width-mobile);aspect-ratio:var(--anfahrt-map-aspect-ratio-mobile);position:relative;left:0;right:0;display:block;margin:0 auto}@media (width >= 420px){.card{margin:0 auto;max-width:90%;left:0;right:0;position:relative;padding:calc(var(--spacing-small) * 2)}#main-wrapper .card{padding-left:calc(var(--spacing-small) * 2);padding-right:calc(var(--spacing-small) * 2)}}@media (width >= 501px){#main-wrapper .ordinationszeiten:before{animation:SwipeInFromRight .7s 0s;border-top:5px solid #00ffcc66;content:"";width:150%;position:relative;left:-100px;display:block;top:calc(var(--spacing-small) * -1.5);margin:0 auto}#main-wrapper .ordinationszeiten:after{animation:SwipeInFromLeft 1s 0s forwards;border-top:2px solid #0072a3;content:"";width:110%;position:absolute;right:-10px;display:block;top:var(--spacing-small);margin:0 auto}}@media (width >=601px){.foreground{display:none}.welcomeText{top:calc(31vw + 5rem)}}@media (width >= 760px){html{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100%}body,#root{min-height:100%}#root{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.welcomeText{font-size:2rem;line-height:2rem;-webkit-text-emphasis-color:green;text-emphasis-color:green;font-weight:700}#wrapper *::selection{background-color:orange}#wrapper{max-width:1200px;position:relative}#main-wrapper{background-color:var(--col-secondary);display:flex;flex-direction:row}#main-wrapper .card{border:none;margin:0 auto;width:100%;justify-content:start}#main-wrapper .card:before{border-top:3px solid #5bc0eb;content:"";width:90%;position:relative;display:block;margin:0 auto;left:0;right:0;top:calc(var(--spacing-small) * -1.6);top:-.3rem}#main-wrapper .card:after{border-top:2px solid #0072a3;content:"";width:110%;position:absolute;right:0;display:block;top:var(--spacing-small);margin:0 auto}#main-wrapper .anfahrt:before{animation:SwipeInFromAbove .95s 0s}#main-wrapper .anfahrt:after{animation:SwipeInFromAbove 1s 0s;right:-10px}#main-wrapper .ordinationszeiten:before{animation:SwipeInFromAbove .5s 0s}#main-wrapper .ordinationszeiten:after{animation:SwipeInFromAbove 1s 0s}#main-wrapper .kontakt:after{animation:SwipeInFromAbove 1s 0s}#main-wrapper .kontakt:before{animation:SwipeInFromAbove .8s 0s}#main-wrapper .card.anfahrt{padding:calc(var(--spacing-small) * 2)}.cardHeading{margin-bottom:.5rem}.ordinationszeiten table{font-size:var(--ordinationszeiten-font-size-desktop)}.ordinationszeiten td{font-size:var(--ordinationszeiten-zeiten-font-size-desktop)}}@media (width > 1150px){.welcomeText{top:29rem}}@keyframes flyUp{0%{opacity:0;transform:translateY(100px)}80%{opacity:1}to{opacity:1;transform:translateY(-120px)}}.upperline{transition:1s;opacity:0}.one{animation:SwipeInFromAbove .2 .5s}.two{animation:SwipeInFromAbove .3s 1s}.three{animation:SwipeInFromAbove .4s 1.5s}*::selection{background-color:orange}@keyframes SwipeInFromAbove{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes SwipeInFromLeft{0%{transform:translate(200px)}80%{transform:translate(0)}to{transform:translate(10px)}}@keyframes SwipeInFromRight{0%{transform:translate(-200px)}80%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes SwipeInFromLeft-no-bounce{0%{transform:translate(200px)}to{transform:translate(0)}}@keyframes SwipeInFromRight-no-bounce{0%{transform:translate(-200px)}to{transform:translate(0)}}:root{--col-primary: #659ca0;--col-secondary: #75b9be;--col-accent: #659ca0;--col-accent: #393e41;--col-tert: #7a3b69;--col-quar: #3454d1;--nav-menu-desktop-accent: relative;--card-top-pading-tablet: 2rem}*{padding:0;margin:0;box-sizing:border-box}ul{list-style:none}a{color:#fff;font-weight:600;text-decoration:none}.nav-Item a{border:2px solid #eeeeeec9;border-radius:30px;box-shadow:0 2px 4px #2e2e2ece;display:block;padding:10px 0}.nav-Item a{background-color:#f7f7f2;box-shadow:2px 2px 3px #363636}.nav-Item a:active{background-color:#f7f7f2;box-shadow:2px 1px 1px #f4f4f4}nav{max-width:100%}#navWrapper{display:flex;max-height:clamp(80px,15%,200px);max-width:1000px;position:relative}#banner{z-index:1}#banner h1{line-height:0rem}#banner img{height:100%;max-width:100%}.navBar{align-items:start;display:flex;justify-content:space-between;padding:0}.burgerButtonDiv{align-items:center;background-color:#659ca0;display:flex;justify-content:center;margin:0;z-index:2}.burgerButton{background-color:#fff0}.burgerButton{border:2px solid #3e517a;line-height:0;cursor:pointer;border-radius:15px;padding:.8rem;position:relative;transform:rotate(0) scale(1.1);top:5px;right:10px}.burger{position:relative}.burgerButtonDiv:focus .burgerButton,.burgerButtonDiv:hover .burgerButton{cursor:crosshair}.burgerButton:focus{border:3px solid #12425c;border:2px solid #ffa007}.burgerButton .barpaw{border-radius:20px;z-index:-1}.barpaw{fill:#78fab9f0;transform:rotate(0) scale(1.8);transition:transform .4s ease-in-out}.burgerButton.flip .barpaw{transform:rotate(-190deg) scale(1.8)}nav:not(:has(.burgerButton.active)) .navBar{height:0;width:0;visibility:hidden}.navBar{position:absolute;top:100%;left:5%;z-index:1}.nav-Menu{background-color:var(--col-secondary);border-radius:0 0 14px 14px;box-shadow:4px 0 6px 3px #406a6b50;color:#fff;flex-direction:column;gap:0;margin:0 0 0 0%;opacity:1;text-align:center;transition:transform 1s cubic-bezier(.375,1.2,.165,1) .1s;transform:scaleY(0%);transform-origin:top;max-width:86%}.nav-Menu.active{opacity:1;transform:scaleY(1)}.nav-Menu a{color:var(--col-accent)}.nav-Item{margin:10px 0 0;padding:0 30px}.nav-Menu.active:first-child{padding-top:25px}.nav-Menu.active:last-child{padding-bottom:37.5px}.nav-Link{transition:background-color .2s cubic-bezier(.375,1.2,.165,1)}@media (width >= 501px){.burgerButton{padding:1rem}#navWrapper{display:flex;flex-direction:column}.navBar{left:0}nav{grid-template-columns:1fr}nav:not(:has(.burgerButton.active)) .navBar{height:0;width:initial;visibility:initial}.navBar{height:0;font-size:.94rem;position:relative;top:.1rem;visibility:initial;width:initial}.navBar{align-items:center;display:flex}.nav-Menu.active:first-child{padding-top:initial}.nav-Menu.active:last-child{padding-bottom:initial}.nav-Menu{align-items:center;background-color:var(--col-primary);background-color:var(--col-secondary);border-radius:0;box-shadow:4px 0 6px 3px #406a6b50;color:#fff;display:flex;flex-direction:row;justify-content:center;margin:auto;max-width:initial;opacity:1;text-align:initial;transition:transform 1s cubic-bezier(.375,1.2,.165,1) .1s;transform:scaleY(1);transform-origin:initial}.nav-Menu li{margin:auto .1rem}.nav-Item{margin:0;padding:0}.nav-Item a{border-radius:0;color:#fff;text-wrap:nowrap;padding:.35rem 1.5rem;background-color:initial;text-decoration:underline;line-height:1.5rem;text-underline-offset:.3rem;text-decoration-color:var(--col-primary);text-decoration-thickness:.15rem}.nav-Item a:active{background-color:var(--col-quar)}.burgerButton{display:none}}@keyframes wiggle{0%{border:none;transform:scale(1) translate(0) translateY(0) rotate(10deg)}60%{transform:scale(1.1) translate(-.5px) translateY(-.5px) rotate(-5deg)}to{transform:scale(1) translate(0) translateY(0) rotate(0)}}@media (hover: hover){.nav-Item a{background-color:initial;box-shadow:0 2px 4px #2e2e2ece;text-decoration:none}.nav-Item a:hover{background-color:#f7f7f2;color:#393e41;text-decoration:underline;position:var(--nav-menu-desktop-accent);line-height:1.5rem;text-underline-offset:.3rem;text-decoration-color:var(--col-primary);text-decoration-thickness:.1rem}}#error-page{display:flex;flex-direction:column;text-align:center;animation:drift .5s ease-out .6s;animation-fill-mode:forwards;transform:translate(600px) translateY(-250px)}#error-page h1{position:absolute;top:45%;text-shadow:2px 2px 3px #1f1f1f;margin:auto;padding:4px 0;background:linear-gradient(90deg,#eeee11b5,#fff,#ee1,#fff,#ee1,#fff,#eeee11b5);box-shadow:3px 0 5px -1px #393939f7,-3px 0 5px -1px #272727f7,7px 0 8px -1px #51515190,-7px 0 8px -1px #51515197;border:4px solid rgba(251,84,0,.533);border-radius:10px;transform:scale(95%);min-height:10rem;min-width:100%;align-content:center}#error-page img{margin:32px}@keyframes drift{0%{transform:scale(.7) translate(600px) translateY(-250px) rotate(480deg)}60%{transform:scale(1.2)}to{transform:scale(1) translate(0) translateY(0) rotate(0)}}footer{color:#606060;color:#fff;letter-spacing:.02em;background-color:#3d646b;text-align:center;font-family:Roboto;padding:1.9rem 0 0;min-height:20vh;min-width:100%;position:relative;bottom:0}footer *{font-family:Arial}.footer-nav-item{min-width:100%;text-align:start;padding:.45rem 0}.footer-nav-link{display:inline-block;transition:padding .2s}footer p{margin-top:1rem}.footer-nav-link{display:inline-block;margin-left:var(--kontakt-padding-sides-mobile);transition:padding .2s;background-color:var(--col-secondary);border-radius:6px 4px;margin-left:calc(var(--kontakt-padding-sides-mobile) - .3rem);margin-right:calc(var(--kontakt-padding-sides-mobile) - .3rem);padding:.35rem 3rem .35rem 1rem;box-shadow:0 2px 3px #242424d8}@media (hover: hover){.footer-nav-link{transition:padding .2s;background-color:initial;border-radius:0;box-shadow:initial;box-shadow:0 2px 1px -1px #000;margin-left:var(--kontakt-padding-sides-mobile);padding:.35rem 3rem .35rem .5rem}.footer-nav-link:hover{display:inline-block;margin-left:var(--kontakt-padding-sides-mobile);background-color:var(--col-secondary);border-radius:6px 4px;margin-left:calc(var(--kontakt-padding-sides-mobile) - .3rem);padding-left:2rem;box-shadow:0 2px 3px #242424d8}}:root{--leistung-button-font-size-mobile-small: 1rem;--leistung-button-font-size-mobile-regular: 1.3rem;--leistung-last-font-size: 1rem;--leistung-card-text-padding-left: 1.5rem;--leistung-hyphen-para-font-size: 1.15rem;--download-link-background-color: var(--col-primary);--download-link-background-color-hover: #fff;--download-link-text-color: #fff;--download-link-text-color-hover: var(--col-secondary);--kontakt-cardHeading-font-size-small: 1.5rem;--kontakt-cardHeading-font-size-med: var(--card-heading-font-size-mobile);--spacing-small: .8rem}.max-content{min-width:max-content}.list-item-center{text-align:center}.hover-1{background:linear-gradient(#f1faf9 0,#f1faf9 0) var(--p, 0%) / var(--p, 0%) no-repeat;transition:all .5s,background-position 0s,border 0s}.hover-1:hover{--p: 100%}@media (hover: none){.hover-1{transition:.2s,background-position 0s}}{}#wrapper{min-height:calc(100vh - 3rem);width:100%;max-width:1500px;margin:0 auto;position:relative;left:0;right:0}#wrapper:has(#grid-container):before{content:"";z-index:-1;background-color:#fff;background:radial-gradient(circle at 0%,#8dd4d93a,#75b9be 60%,#ff03033e 25%,#ed0202 25%,#00a19e02 10%);background:radial-gradient(circle at 0%,#8dd4d93a,#0d29173e 60%,#ff03033e 25%,#ed020282 25%,#00a19e02 10%);position:absolute;width:150%;max-width:initial;min-height:100vh;height:100%;max-height:30vh;top:40vh;left:-40vw;background-size:130%;background-position:-350px;background-repeat:no-repeat}.grid-item-back:hover .grid-item{color:#fff;color:#2b4570;color:#174d4b;border:4px solid rgb(210,248,252)}.grid-item-back:hover .grid-item h2{text-shadow:0px 0px #fff0}.grid-item-back:hover{background-color:#d2f8fc}#grid-container:before{content:"";display:block;z-index:-2;background:radial-gradient(#659ca0,pink);background:linear-gradient(#659ca0,var(--col-secondary));background:radial-gradient(circle at 100%,#8dd4d9,var(--col-secondary) 50%,#77b4b9 75%,#659ca0 75%);position:absolute;right:-40vw;width:100vw;height:100%}#grid-wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;justify-self:center;max-width:1000px;padding:calc(var(--spacing-small) * 1.5) 0;min-height:calc(100vh - 3rem);overflow:hidden}#wrapper:has(#grid-container):after{z-index:-1;content:"";position:absolute;background:radial-gradient(#ffffff98,#659ca01f,#fff0);bottom:10vh;left:5rem;background-repeat:no-repeat;min-width:100%;min-height:100vh}.routeHeading{display:none}.grid-item-back{margin:.5rem .7vw;padding:.2rem;background-color:#049a8f;background-color:#fff;border:2px solid black;width:clamp(5rem,250px,40vw);max-height:8rem}.grid-item{background-color:#049a8f;align-content:center;color:#2b4570;color:#174d4b;color:#fff;max-height:100%;text-align:center;padding:0 1rem;width:100%}.grid-item.last{width:min-content;width:100%;padding:0}.grid-item.last:hover{padding:0}.grid-item h2{font-size:var(--leistung-button-font-size-mobile-regular)}.grid-item:has(h2>.heading-second-line){padding:0}.grid-item.last h2{font-size:var(--leistung-last-font-size)}.heading-second-line{font-size:var(--leistung-button-font-size-mobile-small)}#wrapper:has(.leistung-content) .hack{min-height:fit-content;min-width:100%}#wrapper:has(.leistung-content) #grid-container{position:absolute;min-height:100%;max-height:100%;top:0rem}#grid-wrapper{margin-left:1rem}.leistung-content{background-color:var(--col-secondary);display:flex;flex-direction:column;font-size:var(--leistung-hyphen-para-font-size);min-height:40ch;min-width:65%;overflow:hidden;padding:1rem;padding-bottom:5ch;top:0;z-index:1;border-radius:20px}.leistung-content{position:relative;left:0;right:0;margin:0 auto}.leistung-content:after{animation:slideInside .4s ease;content:"";display:block;position:absolute;top:-1rem;right:0rem;object-fit:contain;z-index:-1}.leistung-content:before{content:"";display:block;bottom:5rem;width:100%;position:absolute;left:0;bottom:0;background-color:var(--col-primary)}.leistung-main{display:flex;flex-direction:column;justify-content:start;min-height:100%}.chirurgie .leistung-list-item>span{position:relative;vertical-align:.1rem;left:.8rem}.leistung-content h2{color:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:var(--card-heading-font-size-mobile);line-height:1.28rem;padding:1.5rem 0;text-align:start;padding-left:var(--leistung-card-text-padding-left);transform:scaleX(1.13);z-index:1}.leistung-content.diagnostik h2,.leistung-content.chirurgie h2,.leistung-content.zuchtbetreuung h2,.leistung-content.notdienst h2,.leistung-content.boas h2,.leistung-content.spezialuntersuchungen h2,.leistung-content.hundesamenbank h2,.leistung-content.zuchtroentgen h2,.leistung-content.labor h2,.leistung-content.bildgebung h2,.leistung-content.kontakt h2,.leistung-content.schmerztherapie h2{text-align:center;background:linear-gradient(#659ca088,#58716e3f,#659ca08d);background:linear-gradient(#659ca09b,#58716e3f,#75b9beae);background:linear-gradient(#659ca088,#0000006f,#659ca08d)}.leistung-content.vorsorge h2{background:linear-gradient(#659ca088,#0000006f,#659ca08d)}.leistung-list-item{color:#fff;cursor:default}.leistung-content:not(.leistung-content.chirurgie) .leistung-sublist-heading{padding-left:1.5rem;color:#fff}.leistung-sub-NavLink{background-color:var(--col-secondary);border-radius:5px;color:#fff;line-height:3rem;font-size:1.2rem;font-weight:700;min-width:15rem;padding:.7rem;text-align:center;text-decoration:underline;text-underline-offset:.25rem}.leistung-sub-NavLink:after{content:" >"}.leistung-list-item.leistung-sub-NavLink{background-color:#94624c;background-color:#906553}.leistung-main-image{-webkit-backdrop-filter:saturate(150%) blur(400px);backdrop-filter:saturate(150%) blur(400px);max-height:100%;position:absolute;right:calc(var(--leistung-card-text-padding-left) * -7);bottom:0;animation:slideInside .4s ease;display:none}.leistung-content>.back-button{justify-self:flex-end;background-color:#68524d;border-bottom:none;border-left:2px solid #ffffffba;border-left:none;border-right:2px solid rgb(59,27,20);border-radius:48%;color:#f5f5f5;transform:scaleY(.9);padding:calc(var(--spacing-small) * 1.5);position:absolute;right:var(--spacing-small);z-index:2}.leistung-content.vorsorge>.back-button,.leistung-content.spezialuntersuchungen>.back-button{align-self:flex-end;background-color:#68524d;border-bottom:none;border-left:2px solid #ffffffba;border-left:none;border-right:2px solid rgb(59,27,20);border-radius:48%;color:#f5f5f5;transform:scaleY(.9);padding:calc(var(--spacing-small) * 1.5);position:absolute;bottom:.55rem;z-index:2}.leistung-content .back-button:active{border-top:2px solid #fff}#wrapper:has(.leistung-content) .grid-item-back{opacity:.5}#wrapper:has(.leistung-content) .grid-item-back{pointer-events:none}.leistung-main-ul{list-style:unset;background-color:#fff3;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.leistung-content.chirurgie .leistung-main-ul,.leistung-content.vorsorge .leistung-main-ul,.leistung-content.boas .leistung-main-ul,.leistung-content.spezialuntersuchungen .leistung-main-ul,.leistung-content.hundesamenbank .leistung-main-ul,.leistung-content.zuchtroentgen .leistung-main-ul,.leistung-content.labor .leistung-main-ul,.leistung-content.schmerztherapie .leistung-main-ul{padding:1rem 2rem}.leistung-content.spezialuntersuchungen .leistung-main-ul{padding-right:0}.leistung-content.vorsorge:after{min-width:24rem;min-height:30rem;background-image:url(/brownHODDEN-microscope_man-3-1000w.png);box-shadow:0 4px 6px #fff5}.leistung-content.diagnostik,.leistung-content.vorsorge,.leistung-content.boas,.leistung-content.hundesamenbank,.leistung-content.zuchtroentgen,.leistung-content.labor,.leistung-content{box-shadow:0 1px 4px #00000042}.leistung-content.diagnostik:after{min-width:30rem;min-height:30rem;bottom:0;background-position:bottom;background-size:cover;background-repeat:no-repeat;background-image:url(/bildgebende-DIAGNOSTIK-up-flip.png);border-left:10px solid var(--col-primary);border-left:10px solid #dedede;border-left-style:double}.leistung-content.zuchtbetreuung:after{min-width:50rem;max-height:50rem;bottom:0;background-position:bottom;background-size:cover;background-repeat:no-repeat}.leistung-content.chirurgie .leistung-main-ul{background:linear-gradient(#75b9be3c,#75b9bea7);background:linear-gradient(#ffffff8e,#75b9bea7)}.leistung-content.chirurgie:after{height:100%;width:100%;left:0;background-image:url(/chirurgie.jpg);background-repeat:no-repeat}.leistung-content.chirurgie{box-shadow:0 0 5px #20202041}.leistung-content.chirurgie .leistung-list-item{font-weight:700;margin-top:.2rem;color:#000}.leistung-content.chirurgie>span{display:flex}.chirurgie-ul{background-color:#68524d;border-radius:7px;color:#3b1b14;color:#013633;color:#049a8f;color:#fff;margin-left:calc(var(--spacing-small) * 3);padding-left:calc(var(--spacing-small) * 2 + .2rem);padding-bottom:calc(var(--spacing-small));padding-top:calc(var(--spacing-small))}.chirurgie-ul>li{line-height:1.8rem}.chirurgie-sub-ul{background-color:#4d3934;border-radius:8px;display:inline-block;font-size:1.15rem;justify-self:flex-end;vertical-align:top;margin-top:.5rem;margin-bottom:.125rem;max-width:5rem;min-width:fit-content;padding:.5rem 1.5rem;position:relative;right:-1.5rem}.male-female-icon{font-size:1.9rem;line-height:1rem;vertical-align:sub}.leistung-content.chirurgie .download-link{align-self:center;margin-top:var(--spacing-small);text-align:center;position:relative}.leistung-main-ul{display:flex;flex-direction:column}.download-link{background-color:var(--download-link-background-color);color:var(--download-link-text-color);border:2px solid #0000006c;border-radius:5px;margin-left:0;max-width:fit-content;padding:.9rem 1rem}.download-link:hover{background-color:var(--download-link-background-color-hover);color:var(--download-link-text-color-hover)}.leistung-content.zuchtbetreuung .leistung-main-ul,.leistung-content.labor .leistung-main-ul,.leistung-content.bildgebung .leistung-main-ul{list-style-position:inside;padding:1rem}.leistung-content.zuchtbetreuung .leistung-list-item{font-size:var(--leistung-hyphen-para-font-size);font-weight:700;margin-top:1rem;margin-bottom:.75rem}.zuchtbetreuung-ul{background-color:#68524d;border-radius:10px;padding:1rem 1rem 1rem 1.3rem;max-width:99%;align-self:flex-end;color:#fff}.arrow-right-icon{vertical-align:sub}.leistung-content.notdienst ul{list-style:none}.leistung-content.notdienst .leistung-main-ul{width:100%;padding:var(--spacing-small)}.leistung-content.notdienst{padding:0}.leistung-content.notdienst .leistung-list-item{margin-bottom:1rem}.emergencyTel:active,.emergencyTel,.notdienstkalender{background-color:orange}.leistung-content.notdienst{padding:.2rem .8rem}.leistung-content.notdienst .emergencyTel{border-radius:2px}.notdienstkalender{display:inline-block;background-color:#68524d}@media (width >=360px){.notdienstkalender{position:relative;width:100%}}.notdienstkalender,.emergency{border-radius:3px}.notdienst-texts{border-radius:5px;padding:calc(var(--spacing-small)) calc(var(--spacing-small));max-width:100%}.notdienst-text-span{display:block;border:2px solid #fff}.notdienst-text-span p{color:#fff;text-shadow:1px 2px 2px rgb(196,196,196);text-shadow:2px 2px 4px rgb(49,49,49);padding:.5rem;background-color:#f3f3f3;border:2px solid var(--col-primary);background-color:#03dbc965}.leistung-content .emergency{display:inline-block;background-color:#68524d;padding:calc(var(--spacing-small) * 2)}.notdienstkalender-link{color:orange}@media (width >= 500px){.leistung-content .emergency h3:not(.emergencyTel,.tel){display:block}.leistung-content .emergencyTel,.notdienstkalender{background-color:orange;display:inline-block;padding:.2rem .8rem}.leistung-content .emergency{display:inline-flex;padding-bottom:initial;padding:1rem 1.5rem 1rem 1rem;margin-bottom:1rem}.notdienstkalender a{min-width:100%;justify-content:space-between}.notdienstkalender h3,.leistung-content .emergency h3{display:block;padding:.5rem 1rem}.notdienst-text-span{display:inline-block;margin-bottom:1rem}.notdienstkalender-link{color:#000}}.leistung-content.spezialuntersuchungen .download-link{line-height:4.2rem}.photo-t-cluster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.photo-tile:nth-child(4){grid-column:2/3}.leistung-content.boas,.leistung-content.zuchtroentgen,.leistung-content.labor,.leistung-content.hundesamenbank,.leistung-content.bildgebung{position:relative;display:flex;flex-direction:column;justify-self:center;padding:1rem;margin-left:1rem;margin-right:1rem}.leistung-content.boas .back-button{align-self:flex-end}.leistung-content.zuchtroentgen .download-link,.leistung-content.bildgebung .download-link{line-height:2rem;display:inline-block}.leistung-content.labor .leistung-list-item{color:#fff;background:linear-gradient(to right,#659ca0,80%,#fff0);text-shadow:1px 1px 4px #18333c;font-weight:700;padding:1rem;border-bottom-left-radius:8px}.leistung-content.labor .leistung-list-item.first{border-top-left-radius:8px}.leistung-content.labor .leistung-list-item.last .leistung-content.hundesamenbank h3{background-color:#659ca0;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;margin-top:var(--spacing-small);padding:calc(var(--spacing-small) * 2)}.leistung-content.kontakt{position:relative}.leistung-content.kontakt #kontakt-grid{display:grid;grid-template-columns:1fr;min-height:100%}.leistung-content.kontakt .emergencyTel{padding:var(--spacing-small);display:inline-block}.leistung-content.kontakt .card{border-radius:4px;margin-bottom:.4rem;box-shadow:0 1px 4px #29292990;background:radial-gradient(var(--col-primary),var(--col-secondary),#659ca0)}.leistung-content .card{background-color:#659ca0;padding:var(--spacing-small) 0}.leistung-content .cardTextSmall{background-color:#659ca0;padding:calc(var(--spacing-small) * 2);font-size:var}.leistung-content .card .cardHeading{text-align:center;color:#fff;font-size:var(--kontakt-cardHeading-font-size-small);line-height:1.28rem;padding-bottom:calc(var(--spacing-small) * 1.5);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;transform:scaleX(1.2)}.leistung-content.kontakt .anfahrt{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}@media (width>= 375px){.leistung-content,.leistung-content.notdienst{width:90%;max-width:800px}.leistung-content.notdienst .leistung-list-item{display:inline-block}.leistung-content.notdienst .leistung-list-item:before{content:"⬤ ";font-size:.9rem;color:#68524d;display:inline}.grid-item.last h2{font-size:var(--leistung-button-font-size-mobile-regular)}.leistung-content .card .cardHeading{font-size:var(--kontakt-cardHeading-font-size-med)}}@media (width >= 410px){.heading-second-line{font-size:var(--leistung-button-font-size-mobile-regular)}}@media (width >= 501px){#grid-wrapper{padding:3rem 0 2rem}.leistung-content{margin-top:3rem}.leistung-content.diagnostik .leistung-sub-NavLink{border:2px solid #fff}.leistung-content.diagnostik .leistung-sub-NavLink:hover{box-shadow:none}.leistung-content.kontakt #kontakt-grid{grid-template-columns:repeat(2,50%)}.leistung-content.kontakt .upperLeft{grid-row:1 / 2}.leistung-content.kontakt .lowerLeft{grid-row:2 / 3}}@media (width >=601px){.leistung-content.vorsorge:after{box-shadow:4px 4px 8px #20202055}.leistung-content.vorsorge{justify-content:center}.leistung-content.vorsorge{padding-left:var(--leistung-card-text-padding-left)}.leistung-content.vorsorge h2{padding-left:8rem}.leistung-content.vorsorge .leistung-main{background:linear-gradient(to right,#659ca0,#659ca0,var(--col-secondary),#fff0);margin-top:2rem;padding-bottom:2rem;padding-left:var(--leistung-card-text-padding-left)}.leistung-content.diagnostik{background:linear-gradient(var(--col-secondary),var(--col-primary),var(--col-secondary));padding-left:var(--leistung-card-text-padding-left)}.leistung-content.diagnostik{background:linear-gradient(to right,var(--col-secondary),10%,rgb(188,188,188))}.leistung-content.diagnostik .leistung-main{margin-top:2rem;padding-bottom:2rem}}@media (width >=820px){.grid-item-back{margin:.5rem .7vw;padding:calc(var(--spacing-small) * .25);width:clamp(5rem,250px,40vw)}}@media (height >=901px){#grid-wrapper{min-height:800px;max-height:800px}}@media (hover: hover){.emergencyTel{background-color:#df6203}.emergencyTel:hover{background-color:orange}.leistung-sub-NavLink{text-decoration:none}.leistung-sub-NavLink:hover{background:radial-gradient(rgba(255,255,255,.429),#75b9be,var(--col-primary));box-shadow:0 0 3px 2px #68524d;color:#fff;text-decoration:underline}.leistung-sub-NavLink:after{display:none}.back-button:hover{animation:pulse .2s .3s;cursor:pointer;background-color:var(--col-secondary);border:2px solid #fff;margin:-2px;color:#fff}}@keyframes slideInside{0%{transform:translate(100px)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.grid-item{aspect-ratio:1.25 / 1}.grid-item-back,.grid-item{border-radius:5px}#root{max-width:100vw;overflow:hidden}:root{--team-portrait-left-inset: 200px}.leistung-content.team{border-radius:10px}.leistung-content.team .leistung-main h2{text-align:center;text-shadow:1px 1px 3px rgb(33,33,33);background:linear-gradient(to right,#fff0,var(--col-primary),#fff0)}.bordered{padding:calc(var(--spacing-small) * .75);border:3px solid rgb(25,205,214);border-radius:4px;box-shadow:1px 2px 4px #434343}.leistung-content.team .leistung-main-ul{padding:var(--spacing-small);border-radius:3px}.leistung-content.team .leistung-list-item{display:flex;flex-direction:column;left:var(--team-portrait-left-inset);margin-top:var(--spacing-small);max-width:calc(100% - var(--team-portrait-left-inset));min-height:200px;position:relative}.leistung-content.team .leistung-list-item::marker{content:"○";font-weight:700}.leistung-content.team .leistung-list-item img{border:7px solid rgba(21,114,148,.356);border-radius:2px;max-width:13ch;position:absolute;left:calc(var(--team-portrait-left-inset) * -1)}.leistung-content.team .team-member-desc{background-color:#e9e9e9;display:block;margin-left:-1rem;text-shadow:1px 1px 3px gray;padding:calc(var(--spacing-small) * .5)}.leistung-content.team .team-member-skills{background-color:#197196;display:block;height:fit-content;padding:var(--spacing-small);max-width:100%}.chir-1{padding:.2rem .5rem;border-radius:1px;margin-bottom:.25rem;padding:.5rem}.chir-2,.chir-3,.chir-4,.chir-5,.chir-6,.chir-7{padding:.2rem .5rem;border-radius:1px;margin-bottom:.25rem}.leistung-content.chirurgie .leistung-list-item{color:#fff;background:linear-gradient(to right,#659ca0,80%,#fff0);text-shadow:1px 1px 4px #18333c}.chirurgie .chirurgie-ul{font-family:Arial,Helvetica,sans-serif}.leistung-content.chirurgie .leistung-sublist-heading{color:#fff;margin-left:var(--spacing-small);padding-left:calc(var(--spacing-small) * 2);padding-top:calc(var(--spacing-small) * .5);padding-bottom:calc(var(--spacing-small) * .25)}.leistung-content.chirurgie .leistung-sublist-heading:nth-of-type(2){padding-top:var(--spacing-small)}.leistung-content.chirurgie .leistung-list-item::marker{color:var(--col-secondary);color:#fff;content:"-";position:absolute;font-weight:700;font-size:2rem;line-height:1.8rem}.leistung-content.chirurgie ul{list-style-position:inside}