:root{--font__size_l:48px;--font__size_m:32px;--font__size_s:24px;--font__lineheight_l:52px;--font__lineheight_m:40px;--font__lineheight_s:28px;--color__text:#1d1d1b;--color__background:#f0ebeb}[data-theme=dark]{--color__text:#f0ebeb;--color__background:#1d1d1b}body{background-color:var(--color__background);color:var(--color__text);font-family:ABC Favorit Regular,sans-serif;font-size:18px}strong{font-family:ABC Favorit Bold,sans-serif}a:hover{cursor:pointer}ul{list-style-position:outside;margin-left:var(--column-width);padding-bottom:var(--column-width)}li{list-style-type:"– "}:root{--grid-columns:9;--grid-gutter:10vw;--column-width:calc((100vw - (var(--grid-columns) - 1)*var(--grid-gutter))/var(--grid-columns))}.grid-example{left:calc(var(--column-width)*2 + var(--grid-gutter)*1);position:relative;width:calc(var(--column-width)*2 + var(--grid-gutter)*3)}#grid-w{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.15;pointer-events:none;top:0;z-index:9999}#grid-cta,#grid-w{position:fixed;right:0}#grid-cta,#grid-w{bottom:0}#grid-cta{background:red;cursor:pointer;height:2.5vw;opacity:.3;width:2.5vw;z-index:9997}#grid,#grid div{height:100%}#grid{display:flex;gap:var(--grid-gutter);justify-content:flex-start;width:100%}#grid:after,#grid:before{content:"";left:0;position:absolute;width:100%;z-index:0}#grid:before{background:blue;height:calc(var(--column-width)*1.5);top:0}#grid:after{background:green;bottom:0;height:calc(var(--column-width)*2.5)}#grid div{background:red;width:var(--column-width);z-index:1}#grid-w.grid-opacity{opacity:.3}footer{background-color:var(--color__text);height:calc(100vh - var(--column-width)*5);margin-top:calc(var(--column-width)*2.5);min-height:400px;padding:calc(var(--column-width)*2.5) var(--column-width);position:relative;z-index:9995}html[data-theme=dark] footer{background-color:var(--color__background);border-top:1px solid var(--color__text)}.footer a{opacity:1}.footer a,.footer a:hover{transition:opacity .25s ease-in-out}.footer a:hover{opacity:.75}#footer-contact{color:var(--color__background)}#footer-contact .footer-col-1{left:var(--column-width)}#footer-contact .footer-col-1,#footer-contact .footer-col-2{position:absolute;width:calc(var(--column-width)*1 + var(--grid-gutter)*2)}#footer-contact .footer-col-2{left:calc(var(--column-width)*3 + var(--grid-gutter)*2)}#footer-contact .footer-col-3{left:calc(var(--column-width)*5 + var(--grid-gutter)*4)}#footer-contact .footer-col-3,#footer-nav{position:absolute;width:calc(var(--column-width)*1 + var(--grid-gutter)*2)}#footer-nav{color:var(--color__background);left:calc(var(--column-width)*7 + var(--grid-gutter)*6)}#footer-nav a{display:inline}#footer-nav ul{margin-left:0;padding-bottom:0}#footer-nav li{list-style-type:none}#footer-info{align-items:flex-end;display:flex;flex-direction:column;position:absolute;right:var(--column-width)}#footer-info,#footer-top{color:var(--color__background)}#footer-top{z-index:1}#footer-color-scheme{cursor:pointer;z-index:1}#footer-logo{bottom:calc(var(--column-width)*2.5);left:var(--column-width);position:absolute;right:var(--column-width)}html[data-theme=dark] #footer-contact,html[data-theme=dark] #footer-info,html[data-theme=dark] #footer-nav,html[data-theme=dark] #footer-top{color:var(--color__text)}nav{box-sizing:border-box;left:0;mix-blend-mode:difference;padding:calc(var(--column-width)*1.5) var(--column-width) var(--column-width);position:fixed;top:0;width:100%;z-index:9994}#nav-logo{position:relative;width:calc(var(--column-width)*10)}#nav-logo g{fill:var(--color__background)}html[data-theme=dark] #nav-logo g{fill:var(--color__text)}.nav-right{display:flex;font-family:PP Rader,sans-serif;font-size:var(--font__size_s);left:calc(var(--column-width)*6 + var(--grid-gutter)*5);letter-spacing:.25px;line-height:1;position:absolute;text-transform:uppercase;top:calc(var(--column-width)*1.5);width:calc(var(--column-width)*3 + var(--grid-gutter)*4)}.nav-right .nav-a{color:var(--color__background);display:inline;opacity:1;transition:opacity .25s ease-in-out;width:calc(var(--column-width)*1 + var(--grid-gutter)*1)}html[data-theme=dark] .nav-right .nav-a{color:var(--color__text)}.nav-right .nav-a-back{margin-left:calc(var(--column-width)*2 + var(--grid-gutter)*2)}.nav-right .nav-a:hover{opacity:.75}#language{display:flex;font-family:PP Rader,sans-serif;font-size:var(--font__size_s);letter-spacing:.25px;line-height:1;position:absolute;right:0;text-transform:uppercase;top:calc(var(--column-width)*3)}#language a{color:var(--color__background);display:inline;opacity:1;transition:opacity .25s ease-in-out;width:calc(var(--column-width)*1 + var(--grid-gutter)*1)}html[data-theme=dark] #language a{color:var(--color__text)}#language a:hover{opacity:.75}#contact-modal{background-color:var(--color__text);bottom:0;color:var(--color__background);left:0;overflow:auto;padding:calc(var(--column-width)*1.5) var(--column-width) calc(var(--column-width)*5);pointer-events:none;position:fixed;right:0;top:0;transform:translateY(100%);will-change:transform;z-index:9996}html[data-theme=dark] #contact-modal{background-color:var(--color__background);border-top:1px solid var(--color__text);color:var(--color__text)}#contact-logo{opacity:1;transition:opacity .25s ease-in-out;width:calc(var(--column-width)*10)}#contact-logo:hover{cursor:pointer;opacity:.75}#contact-close{font-family:PP Rader,sans-serif;font-size:var(--font__size_s);letter-spacing:.25px;line-height:1;opacity:1;padding-left:calc(var(--column-width)*7 + var(--grid-gutter)*7);position:absolute;text-transform:uppercase;top:calc(var(--column-width)*1.5);transition:opacity .25s ease-in-out}#contact-close:hover{cursor:pointer;opacity:.75}#contact-content{display:flex;padding-top:calc(var(--column-width)*5);width:100%}.contact-txt{font-size:var(--font__size_s);width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.contact-txt a:first-of-type{padding-top:calc(var(--column-width)*1.5)}.contact-txt a{display:inline-block;opacity:1;transition:opacity .25s ease-in-out;width:auto}.contact-txt a:hover{opacity:.75}.contact-info{margin-left:calc(var(--column-width)*1 + var(--grid-gutter)*1);width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.contact-address{padding-top:calc(var(--column-width)*1.5)}.contact-address>p,.contact-openinghours>p,.contact-txt>p{padding-top:calc(var(--column-width)*.5)}.home-h2{font-family:PP Rader,sans-serif;font-size:var(--font__size_l);letter-spacing:.25px;line-height:1;text-transform:uppercase}.home-link{opacity:1;transition:opacity .25s ease-in-out}.home-link:hover{opacity:.75}#home-hero{left:0;position:relative;top:0}#home-hero-txt{bottom:calc(var(--column-width)*2.5);display:flex;flex-direction:column;left:var(--column-width);position:absolute;width:calc(var(--column-width)*3 + var(--grid-gutter)*4)}#home-hero-a,#home-hero-h1{font-family:PP Rader,sans-serif;font-size:var(--font__size_l);letter-spacing:.25px;line-height:1;text-transform:uppercase}#home-hero-h1{margin-bottom:var(--column-width)}#home-hero-image{height:100%;opacity:.25;width:100%}#home-hero-image img{-o-object-fit:cover;object-fit:cover}.intro{padding:calc(var(--column-width)*2.5) var(--column-width) calc(var(--column-width)*5)}.intro-txt{font-size:var(--font__size_m)}.about{display:flex;padding:calc(var(--column-width)*2.5) var(--column-width) calc(var(--column-width)*5)}.about-col-left{width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.about-col-left img{display:none}.about-col-right{margin-left:calc(var(--column-width)*1 + var(--grid-gutter)*1);width:calc(var(--column-width)*3 + var(--grid-gutter)*4)}.about-col-right img{height:auto;max-width:100%}.vision-mission{display:flex;padding:calc(var(--column-width)*2.5) var(--column-width) calc(var(--column-width)*5)}.vision-mission-col-left,.vision-mission-col-right{width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.vision-mission-col-right{margin-left:calc(var(--column-width)*1 + var(--grid-gutter)*1)}.vision-mission p{font-size:var(--font__size_s)}.services{display:flex;padding:calc(var(--column-width)*2.5) var(--column-width) calc(var(--column-width)*5)}.services-col-left,.services-col-right{width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.services-col-right{margin-left:calc(var(--column-width)*1 + var(--grid-gutter)*1)}.services-col-right .services-link{display:none}.services h3{font-family:ABC Favorit Bold,sans-serif}.downloads{display:flex;padding:calc(var(--column-width)*2.5) var(--column-width) calc(var(--column-width)*5)}.downloads-col-left,.downloads-col-right{width:calc(var(--column-width)*3 + var(--grid-gutter)*3)}.downloads-col-right{margin-left:calc(var(--column-width)*1 + var(--grid-gutter)*1)}html[data-theme=dark] section.downloads,section.downloads{border-bottom:none}.downloads ul li{font-family:PP Rader,sans-serif;font-size:var(--font__size_s);list-style-type:"→"}.downloads ul li a{opacity:1;padding-left:5px;padding-top:0;transition:opacity .25s ease-in-out}.downloads ul li a:hover{opacity:.75}.downloads ul li a:before{content:none}#page{padding:calc(var(--column-width)*10) var(--column-width) calc(var(--column-width)*5)}#page h1{font-size:var(--font__size_m);line-height:var(--font__lineheight_m);margin-bottom:calc(var(--column-width)*2.5)}#page h1,#page h2{font-family:PP Rader,sans-serif;letter-spacing:.25px;text-transform:uppercase}#page h2{font-size:var(--font__size_s);line-height:var(--font__lineheight_s);margin-bottom:calc(var(--column-width)*.5);margin-top:calc(var(--column-width)*1.5)}#page h3{font-family:ABC Favorit Bold,sans-serif}#page p{margin-bottom:calc(var(--column-width)*.5)}#page a{display:inline;font-family:ABC Favorit Regular,sans-serif;opacity:1;text-decoration:underline;transition:opacity .25s ease-in-out}#page a:not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):not([href*="www.jens-brunke.vet"]):before{content:"→";display:inline-block;margin-right:5px;text-decoration:none}#page a[href^="http://"]:not([href*="www.jens-brunke.vet"]):not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):before,#page a[href^="https://"]:not([href*="www.jens-brunke.vet"]):not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):before{content:none}#page a[href^="http://"]:not([href*="www.jens-brunke.vet"]):not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):after,#page a[href^="https://"]:not([href*="www.jens-brunke.vet"]):not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):after{content:" ↗";display:inline-block;font-family:ABC Favorit Regular,sans-serif;margin-left:5px;text-decoration:none}#page a[href*="www.jens-brunke.vet"]:not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):after,#page a[href*="www.jens-brunke.vet"]:not([data-encoded]):not([href^="mailto:"]):not([href^="tel:"]):before{content:none}#page a:hover{opacity:.75}section{border-bottom:1px solid var(--color__text)}section .contact,section a{font-family:PP Rader,sans-serif;font-size:var(--font__size_s);letter-spacing:.25px;padding-top:var(--column-width);text-transform:uppercase}section .contact:before,section a:before{content:"→";margin-right:5px}.contact:hover{cursor:pointer}section p{padding-top:calc(var(--column-width)*1)}@media (min-width:1600px){:root{--font__size_l:62px;--font__size_m:40px;--font__size_s:32px;--font__lineheight_l:62px;--font__lineheight_m:44px;--font__lineheight_s:36px}body{font-size:24px}}@media (max-width:1024px){:root{--grid-columns:5;--grid-gutter:20vw}footer{height:auto}#footer-contact{display:flex;flex-direction:column}#footer-contact .footer-col-1,#footer-contact .footer-col-2,#footer-contact .footer-col-3{left:0;position:relative;width:100%}#footer-contact .footer-col-2,#footer-contact .footer-col-3,#footer-nav{padding-top:var(--column-width)}#footer-nav{left:0;position:relative;width:100%}#footer-info{align-items:center;display:flex;flex-direction:column;position:absolute;right:var(--column-width);top:calc(var(--column-width)*2.5)}#footer-logo{bottom:0;left:0;padding-top:calc(var(--column-width)*5);position:relative;right:0}#nav-logo{width:calc(var(--column-width)*12)}.nav-right{display:flex;flex-direction:column;font-size:var(--font__size_s);left:calc(var(--column-width)*3 + var(--grid-gutter)*3);padding-right:var(--column-width);position:absolute;text-align:right;width:100%}.nav-right .nav-a{padding-bottom:2.5px}.nav-right .nav-a-back{margin-left:0}#language{display:flex;flex-direction:column;font-size:var(--font__size_s);left:calc(var(--column-width)*3 + var(--grid-gutter)*3);padding-right:var(--column-width);position:absolute;text-align:right;top:calc(var(--column-width)*5);width:100%}#contact-logo{width:calc(var(--column-width)*12)}#contact-close{font-size:var(--font__size_s);padding-left:0;right:var(--column-width)}#contact-content{display:flex;flex-direction:column;padding-top:calc(var(--column-width)*5)}.contact-txt{width:100%}.contact-info{margin-left:0;width:100%}.contact-address,.contact-info{padding-top:calc(var(--column-width)*2.5)}#home-hero{height:100vh;height:100dvh;width:100%}.about{flex-direction:column}.about-col-left{width:100%}.about-col-left img{display:block;padding-top:var(--column-width)}.about-col-right{display:none}.about-col-left .about-a{margin-top:var(--column-width)}.vision-mission{flex-direction:column}.vision-mission-col-left{width:100%}.vision-mission-col-right{margin-left:0;padding-top:calc(var(--column-width)*2.5);width:100%}.services{flex-direction:column}.services-col-left{width:100%}.services-col-left .services-link{display:none}.services-col-right{margin-left:0;padding-top:var(--column-width);width:100%}.services-col-right .services-link{display:block}.downloads{flex-direction:column}.downloads-col-left{width:100%}.downloads-col-right{margin-left:0;padding-top:var(--column-width);width:100%}section p{padding-top:calc(var(--column-width)*1)}}@media (max-width:768px){.nav-right{font-size:3.75vw}.nav-right .nav-a{padding-bottom:1px}#contact-close,#language{font-size:3.75vw}.intro-txt{font-size:var(--font__size_s)}}@media (min-width:1024px){#home-hero{height:75vh;height:75dvh;width:100%}#home-hero-txt{bottom:var(--column-width);display:flex;flex-direction:column;left:var(--column-width);position:absolute;width:calc(var(--column-width)*5 + var(--grid-gutter)*6)}#page{padding-left:calc(var(--column-width)*3 + var(--grid-gutter)*2);width:calc(var(--column-width)*4 + var(--grid-gutter)*5)}}@media (max-height:550px){#home-hero{height:425px}}